Blogger İçin Sosyal Medya Widget'ı

Bir kişisel bloga sahipseniz, kullanmanız gereken widgetlardan birisi de sosyal medyadır. Böylelikle ziyaretçilerinize sosyal medya hesaplarınızı sunar ve takip etmeye teşvik edersiniz. İşte ben de sizlere görünümü güzel bir sosyal medya hesaplarınızı gösteren widget paylaşıyorum. Üstelik bu widget üzerinde takipçi sayılarınızı da görüntüleyebileceksiniz.

Yazıma devam etmeden öncesi bu sosyal medya widgetinin nasıl gözüktüğü ile ilgili bir önizleme linki paylaşayım.

• Önizleme

Nasıl göründüğüne göz attıktan sonra, blogunda kullanmak isteyenler yazımı okumaya devam edebilirler. Geçeyim mi nasıl kullanabileceğinize?

• Blogger kullanıcı panelinde bulunan Şablon ve HTML'yi düzenle seçeneklerine tıklayın. 
• Karşınıza gelen kodların bulunduğu alana tıklayın ve klavyenizden Ctrl + F tuşlarına tıklayın.
• Karşınıza gelen arama ekranına ]]></b:skin> yazıp Enter tuşuna tıklayın.
• ]]></b:skin> kodunun bir üst satırına aşağıda bulunan CSS kodunu yapıştırın.

CSS/* Social Media with counter by www.bloggerspice.com */
.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin: 2px
}

.list-inline li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px
}

.bs-colored-social .fa,
.bs-social-icons .fa {
  font-size: 16px
}

.bs-colored-social .fa,
.bs-social-icons .fa {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.bs-colored-social .fa,
.bs-social-icons .fa {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #FFF;
  color: rgba(255, 255, 255, 0.8)
}

.bs-colored-social.icon-circle .fa,
.bs-social-icons.icon-circle .fa {
  border-radius: 50%
}

.bs-colored-social.icon-rounded .fa,
.bs-social-icons.icon-rounded .fa {
  border-radius: 2px
}

.bs-colored-social.icon-flat .fa,
.bs-social-icons.icon-flat .fa {
  border-radius: 0
}

.bs-colored-social .fa:hover,
.bs-colored-social .fa:active,
.bs-social-icons .fa:hover,
.bs-social-icons .fa:active {
  color: #FFF
}

.bs-colored-social.icon-zoom .fa:hover,
.bs-colored-social.icon-zoom .fa:active,
.bs-social-icons.icon-zoom .fa:hover,
.bs-social-icons.icon-zoom .fa:active,
.bs-social-sidebar li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.bs-colored-social.icon-rotate .fa:hover,
.bs-colored-social.icon-rotate .fa:active,
.bs-social-icons.icon-rotate .fa:hover,
.bs-social-icons.icon-rotate .fa:active {
  -webkit-transform: scale(1.1) rotate(360deg);
  -moz-transform: scale(1.1) rotate(360deg);
  -ms-transform: scale(1.1) rotate(360deg);
  -o-transform: scale(1.1) rotate(360deg);
  transform: scale(1.1) rotate(360deg)
}

.bs-colored-social .fa-dribbble,
.bs-social-icons .fa-dribbble:hover,
.bs-socialicons .bs-dribbble:hover .bs-sicon {
  background-color: #F46899
}


.bs-colored-social .fa-stumbleupon,
.bs-social-icons .fa-stumbleupon:hover,
.bs-socialicons .bs-stumbleupon:hover .bs-sicon {
  background-color: #eb4924
}

.bs-colored-social .fa-reddit,
.bs-social-icons .fa-reddit:hover {
  background-color: #5f99cf
}

.bs-colored-social .fa-facebook,
.bs-social-icons .fa-facebook:hover,
.bs-socialicons .bs-facebook:hover .bs-sicon {
  background-color: #3C599F
}

.bs-colored-social .fa-rss,
.bs-social-icons .fa-rss:hover,
.bs-socialicons .bs-rss:hover .bs-sicon {
  background-color: #f26522
}

.bs-colored-social .fa-flickr,
.bs-social-icons .fa-flickr:hover,
.bs-socialicons .bs-flickr:hover .bs-sicon {
  background-color: #d51007
}

.bs-colored-social .fa-flickr,
.bs-social-icons .fa-flickr:hover {
  background-color: #FF0084
}

.bs-colored-social .fa-instagram,
.bs-social-icons .fa-instagram:hover,
.bs-socialicons .bs-instagram:hover .bs-sicon {
  background-color: #685243
}

.bs-colored-social .fa-foursquare,
.bs-social-icons .fa-foursquare:hover,
.bs-socialicons .bs-foursquare:hover .bs-sicon {
  background-color: #0086BE
}

.bs-colored-social .fa-github,
.bs-social-icons .fa-github:hover,
.bs-socialicons .bs-github:hover .bs-sicon {
  background-color: #070709
}

.bs-colored-social .fa-google-plus,
.bs-social-icons .fa-google-plus:hover,
.bs-socialicons .bs-googleplus:hover .bs-sicon {
  background-color: #CF3D2E
}

.bs-colored-social .fa-instagram,
.bs-social-icons .fa-instagram:hover {
  background-color: #A1755C
}

.bs-colored-social .fa-linkedin,
.bs-social-icons .fa-linkedin:hover,
.bs-socialicons .bs-linkedin:hover .bs-sicon {
  background-color: #0085AE
}

.bs-colored-social .fa-pinterest,
.bs-social-icons .fa-pinterest:hover,
.bs-socialicons .bs-pinterest:hover .bs-sicon {
  background-color: #CC2127
}

.bs-colored-social .fa-twitter,
.bs-social-icons .fa-twitter:hover,
.bs-socialicons .bs-twitter:hover .bs-sicon {
  background-color: #32CCFE
}

.bs-colored-social .fa-vk,
.bs-social-icons .fa-vk:hover,
.bs-socialicons .bs-vk:hover .bs-sicon {
  background-color: #375474
}

.bs-colored-social .fa-soundcloud,
.bs-social-icons .fa-soundcloud:hover,
.bs-socialicons .bs-soundcloud:hover .bs-sicon {
  background-color: #FF4100
}

.bs-colored-social .fa-vine,
.bs-social-icons .fa-vine:hover,
.bs-socialicons .bs-vine:hover .bs-sicon {
  background-color: #35B57C
}


.bs-colored-social .fa-youtube,
.bs-social-icons .fa-youtube:hover,
.bs-socialicons .bs-youtube:hover .bs-sicon {
  background-color: #C52F30
}

.top-social ul li {
  margin: 0;
  padding: 0
}

div#socialicons-top {
  float: left
}

.top-social .list-unstyled {
  margin: 0
}

.bs-socialicons {
  text-align: center;
  overflow: auto;
  font-size: 22px;
  margin: 0 -8px
}

.bs-socialicons .bs-socialInner {
  position: relative;
  overflow: hidden;
  padding-left: 8px
}

.bs-socialicons .bs-social {
  float: left;
  width: 25%
}

.bs-socialicons .bs-sinn {
  padding-right: 8px
}

.bs-socialicons .bs-sinn:hover .bs-sicon {
  color: #fff
}

.bs-socialicons .bs-sicon {
  display: block;
  padding: 10px 0;
}

.bs-socialicons .bs-facebook .bs-sicon {
  color: #3B5998
}

.bs-socialicons .bs-googleplus .bs-sicon {
  color: #DD4B39
}

.bs-socialicons .bs-twitter .bs-sicon {
  color: #2AA9E0
}

.bs-socialicons .bs-instagram .bs-sicon {
  color: #685243
}

.bs-socialicons .bs-pinterest .bs-sicon {
  color: #CC2028
}

.bs-socialicons .bs-youtube .bs-sicon {
  color: #DE1829
}

.bs-socialicons .bs-vine .bs-sicon {
  color: #35B57C
}

.bs-socialicons .bs-soundcloud .bs-sicon {
  color: #FF4100
}

.bs-socialicons .bs-vk .bs-sicon {
  color: #45668e
}

.bs-socialicons .bs-foursquare .bs-sicon {
  color: #f94877
}

.bs-socialicons .bs-github .bs-sicon {
  color: #333333
}

.bs-socialicons .bs-dribbble .bs-sicon {
  color: #ea4c89
}

.bs-socialicons .bs-stumbleupon .bs-sicon {
  color: #eb4924
}

.bs-socialicons .bs-linkedin .bs-sicon {
  color: #0085AE
}

.bs-socialicons .bs-rss .bs-sicon {
  color: #f26522
}

.bs-socialicons .bs-flickr .bs-sicon {
  color: #FF0084
}

.bs-socialicons .bs-sicon {
  background: #F5F5F5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}

.bs-socialicons .bs-scount {
  display: block;
  color: #FFFFFF;
  background: #007ABE;
  padding: 5px 0;
  position: relative;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600
}

.bs-socialicons .bs-scount:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #007ABE;
  border-width: 4px;
  margin-left: -4px
}

.bs-socialicons .bs-scount:hover {
  background: #222222;
}

• Bu kod alanıyla işiniz bitti artık. Şimdi Blogger panelinin sol kısmında bulunan Yerleşim seçeneğine tıklayın ve hemen ardından bu sosyal medya eklentisini eklemek istediğiniz yerde bulunan Gadget Ekle seçeneğine tıklayın.
• Karşınıza gelen ekrandan HTML/Javascript seçeneğini işaretleyip, aşağıdaki kodları yapıştırınız.

HTML<div class="bs-socialicons">
<div class="bs-socialInner">
  <!--Facebook-->
    <div class="bs-social">
  <div class="bs-facebook bs-sinn">
      <a href='#' target='_blank' tibse="Facebook">
      <span class="bs-sicon"><i class="fa fa-facebook"></i></span>
      <span class="bs-scount">3.1K</span>
      </a>
      </div>
      </div>
  <!--Google Plus-->
    <div class="bs-social">
  <div class="bs-googleplus bs-sinn">
      <a href='#' target='_blank' tibse="Google Plus">
      <span class="bs-sicon"><i class="fa fa-google-plus"></i></span>
      <span class="bs-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Twitter-->
  <div class="bs-social">
  <div class="bs-twitter bs-sinn">
      <a href='#' target='_blank' tibse="Twitter">
      <span class="bs-sicon"><i class="fa fa-twitter"></i></span>
      <span class="bs-scount">1.4K</span>
      </a>
    </div>
    </div>
  <!--Instagram-->
  <div class="bs-social">
  <div class="bs-instagram bs-sinn">
      <a href='#' target='_blank' tibse="Instagram">
      <span class="bs-sicon"><i class="fa fa-instagram"></i></span>
      <span class="bs-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Pinterest-->
  <div class="bs-social">
  <div class="bs-pinterest bs-sinn">
      <a href='#' target='_blank' tibse="Pinterest">
      <span class="bs-sicon"><i class="fa fa-pinterest"></i></span>
      <span class="bs-scount">4.5K</span>
      </a>
    </div>
    </div>
  <!--Youtube-->
  <div class="bs-social">
  <div class="bs-youtube bs-sinn">
      <a href='#' target='_blank' tibse="YouTube">
      <span class="bs-sicon"><i class="fa fa-youtube"></i></span>
      <span class="bs-scount">2.8K</span>
      </a>
    </div>
    </div>
  <!--Vine-->
  <div class="bs-social">
  <div class="bs-vine bs-sinn">
      <a href='#' target='_blank' tibse="Vine">
      <span class="bs-sicon"><i class="fa fa-vine"></i></span>
      <span class="bs-scount">3.3K</span>
      </a>
    </div>
    </div>
  <!--SoundCloud-->
  <div class="bs-social">
  <div class="bs-soundcloud bs-sinn">
      <a href='#' target='_blank' tibse="SoundCloud">
      <span class="bs-sicon"><i class="fa fa-soundcloud"></i></span>
      <span class="bs-scount">3.9K</span>
      </a>
    </div>
    </div>
    
      <!--VK-->
      <div class="bs-social">
  <div class="bs-vk bs-sinn">
      <a href='#' target='_blank' tibse="VK">
      <span class="bs-sicon"><i class="fa fa-vk"></i></span>
      <span class="bs-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!---->
      <div class="bs-social">
  <div class="bs-foursquare bs-sinn">
      <a href='#' target='_blank' tibse="Foursquare">
      <span class="bs-sicon"><i class="fa fa-foursquare"></i></span>
      <span class="bs-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--GitHub-->
      <div class="bs-social">
  <div class="bs-github bs-sinn">
      <a href='#' target='_blank' tibse="GitHub">
      <span class="bs-sicon"><i class="fa fa-github"></i></span>
      <span class="bs-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--Dribbble-->
      <div class="bs-social">
  <div class="bs-dribbble bs-sinn">
      <a href='#' target='_blank' tibse="Dribbble">
      <span class="bs-sicon"><i class="fa fa-dribbble"></i></span>
      <span class="bs-scount">3.9K</span>
      </a>
    </div>
    </div>
    
     <!--Stumbleupon-->
      <div class="bs-social">
  <div class="bs-stumbleupon bs-sinn">
      <a href='#' target='_blank' tibse="Stumbleupon">
      <span class="bs-sicon"><i class="fa fa-stumbleupon"></i></span>
      <span class="bs-scount">3.4K</span>
      </a>
    </div>
    </div>

     <!--Linkedin-->
      <div class="bs-social">
  <div class="bs-linkedin bs-sinn">
      <a href='#' target='_blank' tibse="Linkedin">
      <span class="bs-sicon"><i class="fa fa-linkedin"></i></span>
      <span class="bs-scount">1.5K</span>
      </a>
    </div>
    </div>

     <!--Rss-->
      <div class="bs-social">
  <div class="bs-rss bs-sinn">
      <a href='#' target='_blank' tibse="Rss">
      <span class="bs-sicon"><i class="fa fa-rss"></i></span>
      <span class="bs-scount">1.9K</span>
      </a>
    </div>
    </div>

     <!--Flickr-->
      <div class="bs-social">
  <div class="bs-flickr bs-sinn">
      <a href='#' target='_blank' tibse="flickr">
      <span class="bs-sicon"><i class="fa fa-flickr"></i></span>
      <span class="bs-scount">2.9K</span>
      </a>
    </div>
    </div>

    </div>
</div>
</div>

Eğer her şeyi düzgün bir şekilde yaptıysanız ve eklenti düzgün bir şekilde gözükmediyse, büyük bir ihtimal blogunuzda Font Awesome kodları bulunmamaktadır. Son olarak onları bir ekleyin derim, mahrum kalmasınlar. Hemen kısaca son olarak yapmanız gerekenlere geçeyim ben.

• Soldaki menüden Şablon ve daha sonra HTML'yi düzenle seçeneklerine tıklayın. 
• Kodların bulunduğu alana bir kez tıklayın ve ardından klavyenizden Ctrl + F tuşlarına tıklayın. 
• Gelen arama ekranına ise </head> yazıp Enter tuşuna tıklayın. 
• Artık son ve son olarak </head> kodunun bir üst satırına aşağıdaki kodu yapıştırıp kaydedin.

JS<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

Artık olmama gibi bir lüksü yok. Kendim de denedim, gayet başarıı bir şekilde çalışıyor. Ha derseniz ki "Ben yapamadım, bana bir yardım ediver." o zaman elimden geldiğince yardımcı olurum. Peki sizler bu eklenti hakkında neler düşünüyorsunuz? Beğendiniz mi?

EasyRecovery Enterprise 11.5.0.3 32-64 bit Multilingual

Recover deleted files and restore files that are lost or damaged without installation.

Download Portable EasyRecovery Online (0.3 MB)13/09/16

Extract and run EasyRecoveryPortable.

Settings of installed EasyRecovery should be preserved.

FastStone Image Viewer 5.9 Multilingual

Powerful and Intuitive Photo Viewer, Editor and Batch Converter without installation.

Download Portable FSViewer Multiversion Online (0.4 MB) 13/11/13

In first screen enter: 59

Extract and run FSViewerPortable.

Settings of installed FSViewer should be preserved.

Yaz Tatilim Nasıl Mı Geçti?

Tabi ki sıradan, başka bir seçenek olabilir miyki? Benim tatillerim her zaman sıradan geçer ve bu durumu hem buradaki yazıdan hem de (yazabilirsem) bir sonraki "Yaz Tatilim Nasıl Mı Geçti?" yazımdan anlayabileceksiniz.

Zaten okullar kapanmadan 1 ay öncesine kadar tatil moduna yavaş yavaş girmeye başlamıştık işte. Arkadaşlarla beraber Counter Strike 1.6 oynamaya gidiyor ve bunu birçok kez tekrarlıyorduk son günlerde. Okul kapanmadan 2 hafta öncesi ise artık tatil adeta "Ben geldim!" diyerek geldi ve benim için eve çekilme aşaması başladı. Bildiğiniz üzere de Ramazan Ayı'ydı ve günlerim oruçlu bir şekilde geçiyordu. 

İşte bu zamanlarda gecem gündüz, gündüzüm ise gecem olmuştu. PC ve uyumak dışında sadece oruç tutuyordum. Bu arada aklımda da YGS'ye çalışma düşünceleri vardı. Ramazandan sonra çalışmayı düşünüyordum fakat işler istediğim gibi gitmedi. Bir türlü çalışamadım ve hep erteledim. Erteledikçe erteleme devam etti ve birkaç gün çalışma haricinde hiçbir aşama kaydedemedim.

Sadece bir kez bir etkinliğim oldu. O da kuzenlerimle birlikte Edirne de bulunan Erikli Sahili'ne gitmek ve oradaki denize girmek. Gece yola çıktık ve sabah erken saatlerde oradaydık. Günün akşamına kadar denizde bolca vakit geçirip eğlendik işte, bu yani (bu arada yüzme bilmiyorum, suda dolandım işte).

Bunun dışında günlerim hep evde geçti ve bir kez olsun gezmedim bile (pek de sevmem zaten). PC, yemek ve uyumak benim her zamanki gibi altın üçlüm oldu.  Bir ara canım PC'm bozuldu ve bir hafta boyunca PC olmadan geçirdim. E tabi onun yerine de mobil cihazımı kullanmaktan kaçınmadım. Günlerim aynı monotonlukta devam ederken yaklaşık bir ay öncesi bir işe başladım ve hayatım uyumak ve işe gitme monotonluğunda devam etti.

Aksilik bu ya, bir on kadar öncesi mobil cihazım bozuldu ve garantiye gönderdim. Yorumları yanıtlayamama ve yazıları paylaşamama durumlarım bu sebeptendi. İşten geriye zaman kalmıyordu ve zamanım sadece uyumaya yetiyordu. Yine bir aksilik olarak geçen hafta hastalandım ve bu hastalık 5 gün boyunca devam etti. Bu sebeple de blog ortamından bayağı bir uzak kaldım. 

Bu gün ise Kurban Bayramı ve tatilim bu güne kadar sıradan geçti. Bayram sırasında da sıradan geçecek ve hiç bir şey değişmeyecek, bu kaçınılmaz bir gerçek benim için. Aksilikler de bir peşimi bırakmadı be! PC ve telefonum bozuldu, hastalandım, planladığım şeyler olmadı, blog ortamından da uzak kaldım vs. Öğrendiniz artık, sıradan bir hayatı olan sıradan birisiyim ben. Yani fazla bir aksiyonum yok.

Son Sözler

Öncelikle yorumunu yanıtlayamadığım ve geç yanıtladığım kim varsa buradan özür diliyorum. Yazımı da okuduğunuz gibi, aksilikler peşimi bırakmadı. Sıradan bir şekilde tatilimi geçirdim ve şu anda da geçiriyorum. Peki sizlerin tatili nasıl geçti? Neler yaptınız? Yorum bölümünde belirtebilirsiniz.

Hayatımız ve Düşüncelerimiz Bir Video ile Değişir Mi?

Değişir, hem de bal gibi. Geçenlerde tam olarak şu yazımda tavsiyeler istemiştim ve bunun üzerine +Uğur KAYA yorum olarak bir video linkini izlemem için atmış ve ben de hemen izlemeye koyulmuştum. O video gerçekten de benim bütün hücrelerime işledi ve bir anda daha önce düşünmediğim düşünceler içerisine girdim. Peki bunu faaliyete geçirdim mi? Kısmen. Bana faydası oldu mu? Fazlasıyla. Daha sonra ise kanalın diğer videolarını izleyerek anında abone oldum ve Youtube'da şimdiye dek ne kadar fazla zaman israf ettiğimi anladım. Ayrıca, çok fazla  gereksiz videolar arasından bunlar gibi faydalı videoları bulamadığımızı da.

Aslında ben sorunun cevabını vermekten daha çok bu mükemmel videoyu ve kanalı ele alacağım. Böylece cevaba sizler de karar verebilirsiniz. Yazıya devam etmeden öncesi videoyu göndereyim ben. Sizler de videoyu izledikten sonra yazıya devam edersiniz.

Umarım ki videoyu izlemiş ve yazımı okumaya devam ediyorsunuzdur. Sizler de fark ettiniz değil mi? Ne müthiş bir diksiyon, kulağa hoş gelen bir ses tonu, video için harcanmış bir ton emek ve aklımızdan asla çıkmayacak nasihatler. Kiminize göre bir abi, kiminize göre bir arkadaş, kiminize göre ise bir kardeştir Barış Abi. Youtube kanalında bu tip videolardan onlarca bulabilirsiniz. Neredeyse her telden bir şeyler var.

Her neyse benim fikirlerim, az önce tam yukarıda paylaştığım video sayesinde daha iyi olmaya başladı. Örneğin, videodan sonra kendime bir yazı programı yapmıştım. Bu yazı programı, kişisel blogumda paylaşacağım yazılar ve kategorileri ile ilgiliydi. Yani salı günleri Android, perşembe günleri Blogger ve cumartesi günleri ise kişisel konuları içeren yazılar yazacaktım. Hemen faaliyete geçirdim ve ilk hafta tam da istediğim gibi düzenli olarak içeriklerimi girdim. Sonrası iş, hastalık, yorgunluk, yoğunluk derken bırakın içerik girmeyi, yorumları(nızı) bile cevaplayamadım. Ama şunu söyleyebilirim ki bu 7 dakika 45 saniyelik video düşüncelerimizi değiştirmeye yeter. Hem düşüncelerimiz de hayatımızı etkiler, öyle değil mi? Tek kelimeyle mükemmel bir motivasyon videosu.

Son Sözler

Demek ki Youtube'da kaliteli videolar paylaşan insanlar bitmemiş. Sizleri bilmem ama açıkçası ben etkilendim. Bakın az daha unutuyordum. Eğer videoyu izlediyseniz, bir takvimden bahsediyordu Barış Abi. Belki indirip kullanırsınız diye indirme linkini hemen şuraya bırakıyorum. Ben bu takvimden bi 5 tane kadar çıkarttım. Farklı şeyler için kullanacağım işte, gayet kullanışlı da. İsterseniz bir Youtube kanalındaki videolara da bakın, dikkatinizi çekecektir.

Peki bu yazım hakkındaki düşünceleriniz nelerdir, beğendiniz mi? Sizce de videolar düşüncelerimizi ve hayatımızı etkiler mi?

Exact Audio Copy 1.3 Multilingual

Audio grabber for audio CDs without installation.

Download Portable EAC (5.3 MB)

Extract and run EACPortable.


Edit EACPortable.ini to set External Encoder with Default Settings:

ExternalEncoder=FLAC (1.3.1)

ExternalEncoder=LAME (3.99.5)

ExternalEncoder=Ogg (2.88)

ExternalEncoder=APE (4.18)

ExternalEncoder=Custom to keep personal settings for encoder


Settings of installed EAC should be preserved.

Yenilenen Google Fonts ve Blogger'da Kullanımı

Geçtiğimiz hafta Google bir güncelleme yaparak, Google Fonts tasarımını ve içeriğini yeniledi. Sizlere bu yazımda yeni gelen özelliklerden ve nasıl kullanıldığından bahsedeceğim ki, kimse konuya yabancı kalmasın. Sizler de istediğiniz fontu kullanabilesiniz. Ufak bir tanımla sizlere Google Fonts'u anlatayım hemen.

Google Fonts, ücretsiz olarak yazı tipleri sunan ve sürekli güncellenen bir Google'ın servisidir. Bu sayede web sitelerinde ve bloglarda ücretsiz olarak font kullanabilme imkanı sağlıyor. Ayrıca web siteleri veya bloglardan hariç, fotoğraf düzenleme uygulamalarında ve bilgisayarlarda kullanılabiliyor. Yüzlerce font arasından istediğinizi ücretsiz olarak indirebilir ve istediğiniz yerde kullanabilirsiniz.

Tırnaklı, tırnaksız, bitişik yazı, el yazısı gibi birçok yazı tipi seçeneğini bulabileceğiniz bu servise bir de yakından bakalım.

Yukarıdaki görsel, yenilenen Google Fonts'un yeni tasarımı. Göze hoş gelen animasyonları ve görüntüsüyle Material Design'ı benimseyen bu servis (ki Material Design=Google) daha kullanışlı hale gelmiş. Ana sayfada yazı fontlarının ismi ve nasıl göründüğü ile ilgili ufak bir demo var. Ayrıca hemen sağ üstlerinde bulunan "+" tuşlarına tıklayarak kaydedebiliyoruz.

Yukarıdaki menüye gelecek olursak;

DIRECTORY: Bu kısımda sağ taraftan seçtiğiniz özellikteki yazılar gözükür.

FEATURED: Son zamanların popüler yazı fontlarını gösterir.

ABOUT: Google Fonts hakkında bilgiler. (Aman çok da şey yapmamak lazım neyden bahsettiğini ben de anlamadım :D)

BOYA İKONU: Google Fonts görünümünü değiştirmeye yarar. Görünümü derken sadece renkleri kast ettim. 

ve son olarak "Search" kısmı, aramak istediğiniz fontu yazarak hızlı bir şekilde bulmaya yarar. (tabi Google'da varsa)

Yukarıdaki menüye baktık, yan tarafa da haksızlık etmeyelim değil mi?

Categories kısmında bulunan seçenekler, yazınızın şekli ile alakalı. Şimdi şekillere ve oradaki terimlerin anlamlarına bakalım da yetim kalmasınlar.

Serif: Tırnaklı yazı tipi. Örneğin "Times New Roman"

Sans Serif: Tırnaksız yazı tipi. Örneğin "Open Sans"

Display: Ne işe yaradığını hala anlamadım ama bu tipteki yazıların harflerinde ufak detay ve değişiklikler var.

Handwritting: Diyelim biz elimize kalem kağıt aldık ve yazı yazdık. Ha işte bu tipteki yazıları da öyle düşünün.

Monospace: Harflerin araları eşit bir şekilde aralıklı ve harfler arasında alışageldiğimizden biraz daha farklı bir mesafe var.

Sorting: Yazı tiplerini alfabetik, popüler, tarihe göre vs. sıralıyor.

Language: Latin alfabesinden farklı alfabeleri de seçmemize olanak sağlar.

Ayrıca alt kısımdaki seçenekler, yazının şekliyle alakalı işte siz anlarsınız.

Blogger'da Nasıl Kullanırım?

Nasıl kullanacağınıza başlamadan öncesi şunu da ipucu olarak söyleyeyim; Font isimlerinin üzerine tıkladığınızda, font ile ilgili detaylı bilgiye, diğer fontlarla karşılaştırılmasına ve kullanım yüzdelerine erişebilirsiniz, meraklısına!

Her neyse ben çok uzattım. Hızlıca yenilenen Google Fonts üzerinden Blogger'a font yüklemeyi anlatayım.

• Öncelikle istediğimiz herhangi bir fontun yanındaki "+" butonuna tıklayınız ve bu tıklama işlemi sonucunda aşağıdaki gibi ekran görüntüsü gelecektir.

• İşte burada 1 Family Selected yazısına tıklayın ve aşağıdaki ekran görüntüsüne ulaşın.

• Gelen ekrandaki @IMPORT seçeneğine tıklayın ve aşağıdaki ekran görüntüsündeki seçtiğim kodu kopyalayın.

• Daha sonra Blogger panelinden Şablon ve HTML'yi düzenle seçeneklerine tıklayın.
• Kodların üzerine bir kez tıklayıp Ctrl+F tuşlarına tıklayın. Gelen arama yerine ise <head> yazıp Enter tuşuna tıklayın.
• <head> kodunun bir alt satırına kopyalamış olduğunuz kodu yapıştırın.
• Son olarak kodların bulunduğu alana bir kez tıklayıp, Ctrl+F tuşlarına tıklayın. Gelen arama yerine ]]></b:skin> yazıp Enter tuşuna tıklayın.
• ]]></b:skin> kodunun bir üst satırına aşağıda vermiş olduğum kodu yapıştırın. Fakat şunu unutmayın ki, aşağıdaki kod içerisinde bulunan Font Adı kısmına yüklemek istediğiniz fontun adını yazın.

[* {
    font-family: 'Font Adı', sans-serif;
} ]

Eğer son maddedeki işlem olmadıysa, HTML'yi düzenle kısmındaki font isimlerini kullanmak istediğiniz fontun ismiyle değiştirip kaydedin, kesinlikle hallolacaktır.

Son Sözler

Yani anladık ki Google Blogger'da olmasa da Google Fonts üzerinde güzel bir yenilik yapmış. Gerek tasarım, gerekse de içerik olsun neredeyse kusursuz. Tek eksiği Türkçe desteği olmaması. Ama bir gün o da olur diye ümit ediyorum. Her neyse benim sizlere sorum, sizlerin favori fontunuz hangisidir?