Blogunuz için yaptığınız çabalar hep sonuçsuz mu kalıyor ya da okuyucularınızla yeterli etkileşimi kuramıyor musunuz ?Üzülmeyin. Bu duygular aslında yeni – eski tüm blog yazarlarının yaşadığı ortak problem.

Blog açmak, cesaret gerektiren önemli bir adım. Bu adımın tamamladıktan sonraki ilk amacımız onu binlerce kişinin okuyacağı populer hale getirmek.Bu da reklam yapmanın yanında yayınlayacağınız yazılarınızın kalitesiyle mümkündür.Peki etkileyici blog yazısı nasıl olmalı ?Bu yazımda sizlere biraz yardımcı olmak adına blog yazılarınızı popüler hale getirecek ve okuyucularınızla etkileşiminizi artıracak etkili yollardan bahsetmek istiyorum.

Okul yıllarınızda sanırım edebiyat derslerinde kompozisyon çalışmaları yapmışsınızdır. Aslında her bir yazımız da bir kompozisyon çalışması. Hocalarımızın dikkat ettiği şeye arama botları ve okuyucularımız da dikkat ediyor. Peki nedir bunlar ?

1-Etkileyici başlık

İnsanlar yazıyı okumaya kendilerini ikna etmeleri için ilk olarak başlıktaki havayı yakalamak isterler. Başlık hem yazınızı özetlemeli, hem anahtar kelimenizi içermeli, hem de sıradan olmamalı.

Sizin iki müşteriniz var, birisi sitenizi tarayan botlar, diğeri de bir şekilde yazı başlığınıza ulaşan gerçek ziyaretçiler. Yazılarınızın arama sonuçlarında öne çıkabilmesi için anahtar kelimeyi içeren bir başlık ve sosyal medya vs yerlerde yazınızla karşılaşan okuyucular için de çekici bir başlık olmalı.

İnsanlar aradıkları şeye çabuk ulaşmak istedikleri için listeli yazılar ve başlıkla daha ilgi çekicidir.

Örnek : Kilo verdiren yiyecekler – Kilo verdiren 5 yiyecek gibi..

2-Giriş açıklaması

Okuyucuların başlık bölümünü geçtikten sonra dikkat ettikleri şey giriş kısmıdır. Şöyle düşünün, bir şekilde okuyucu başlıktan etkilendi ve yazınızın linkine tıkladı. Hemen başlık altındaki açıklamaya odaklanacaktır. Çünkü gerçekten aradığı şey bu yazı içerisinde mi onu öğrenmek isteyecek. Bunu kısa meta açıklama olarak da düşünebilirsiniz.

3-İçerik

Tebrikler! Etkileyici başlıkla okuyucunun yazıya tıklamasını sağladınız, giriş açıklamasıyla okumaya ikna ettiniz. Ve şimdi sıra ona aradığı şeyi vermekte. Bu kısımda yararlı bilgileri, çözümleri olabildiğince açıklamalı, görsel destekli bir şekilde vermelisiniz. Okuyucu bunu gördüğü takdirde harekete geçerek yazınızı paylaşacaktır.

4-Gramer ve formata dikkat !

Yazının biraz daha detayını incelemek istiyorum. Özellikle yazdığınız kelimelerde anlamsız cümle, kelime hatası vs olmasına müsaade etmeyin. Çok uzun bir yazı yazmış olabilirsiniz. Bu yüzden büyük paragraflarla okuyucuyu sıkılmayın. Okuyucunuz kitap okumuyor, ekrana bakıyor. Bu yüzden çabuk sıkılabilir. Numaralandırma işareti, arka planı farklı ifadeler yazıda okuyucuyu tutacaktır.

5-Sonuç kısmı

Aslında çoğu zaman atladığımız ama bize önemli bir değer katacak kısımdır yazı sonu. Çünkü okuyucu buraya kadar gelmişse ve sorumlu bir okuyucu ise ya yorum bırakacaktır ya da sosyal medyada paylaşım yapacaktır. Evet yazıyı buraya kadar getirene kadar çok emek sarf ettiniz ama son adımı atlamayın. Onu yorum yapma ve paylaşma konusunda cesaretlendirin. Örneğin yazıyı soruyla bitirmek, yazıda sizin görmediğiniz şeylerin olabileceğinin hatırlatılması ya da bu şekilde yaptıysanız yorumunuzu öğrenmek isterim şeklindeki ifadeler okuyucunun yorum yapma ihtimalini artıracaktır.

Son Sözler

Başarılı bir yazının temel olarak sahip olması gereken özelliklerini sizlerle paylaştım.Yukarıda yer alan 5 madde elbette kaliteli yazı için yeterli şartlar değildir.Bunların yanında teknik anlamda anahtar kelime ve aranma durumu analizini içeren seo desteğini de ilave özellikler olarak sayabiliriz.

Sizce bir yazının kaliteli olması için ilaveten hangi şartları sağlamış olması gerekir? Yukarıdakilere göre etkileyici yazılar yazdığınızı düşünüyor musunuz ?

Yazar:Ehliblog

Blogger sabit sayfalar yazı sayfalarından farklı olarak anasayfanızda ve arşiv sayfanızda görüntülenmeyen belirli sabit içeriği blogunuza eklemek için kullanılır.Hakkımda, iletişim, reklam gibi içerikleri sabit sayfalar için örnek verebiliriz.Normal yazı sayfalarından ne farkı var derseniz, yukarıda da kısaca bahsettiğim gibi sabit sayfalar blogunuzun anasayfasında çıkmazlar ve arşivinize de eklenmezler.Bu sayfalara etiket ekleyemezsiniz.Bunun yanında 30 adet farklı sayfa oluşturabilirsiniz.
Eğer siz de blogunuzda bu türden yazılara yer vermek istiyorsanız sabit sayfalar ile bu işlemi tamamlayabilirsiniz.Peki blogger sabit sayfalar nasıl oluşturulur?

• Blogger hesabımıza giriş yapıyoruz.
• Sol taraftaki menüden sayfalar ı tıklıyoruz.
• Açılan menüden  yeni sayfa butonunu tıklıyoruz.

Bu işlemleri tamamladığınız zaman alışık olduğunuz yazı editörünü göreceksiniz.Sayfanızda nasıl bir içerik olmasını istiyorsanız onu buraya yazın.İçerik ve başlık işlemini tamamladıysanız bir kaç ipucundan bahsetmek istiyorum.Şöyle ki :
Blog yazarları genellikle hakkımda, iletişim ve reklam gibi sabit sayfalarda okuyucuların yorum yapmasını istemeyiz.Eğer siz de sayfanızdaki içerik hakkında yorum yapılmasını engellemek istiyorsanız sağ tarafta seçenekler kısmını göreceksiniz.Tıkladığınız zaman okuyucu yorumlarına izin vermeyi buradan kapatabilirsiniz.

Blogger sayfalar için henüz özel url oluşturma seçeneği yok.Peki sayfanız için özel url nasıl oluşturacaksınız?Blogger başlığa göre url nizi şekillendiriyor.Bu yüzden siz de sayfa url nizin nasıl olmasını istiyorsanız yazı başlığına ilk onu yazın ve yazıyı güncelleyin.Daha sonra sayfayı düzenleyerek başlığı istediğiniz şekilde değiştirebilirsiniz.
Örnek : Eğer “Poyraz Hakkında” diye sayfa oluşturmak istiyorsanız ilk olarak başlığa Hakkimda yazın.Url nizin …/p/hakkimda şeklinde olduğunu göreceksiniz.Daha sonra yazı başlığını değiştirerek bu sorunu da çözebilirsiniz.
Sayfanızı oluşturduktan sonra aldığınız url yi blogunuzun herhangi bir yerinde gösterebilirsiniz.

Yazar Hakkında:
Bu yazi; blogger ipuçlari, windows uygulamalari, SEO ve sosyal medya konularinda içerik üreten Poyraz sahin tarafindan yazilmistir. Yazarin diger yazilarini Ehl-i Blog’da okuyabilirsiniz.

Blogger html düzenleme ekranı blogcuların, bloglarını tasarlamada ve eklentiler eklemede sık sık kullandıkları blogger da vazgeçilmez bir kısım, bloggerin yapmış olduğu ufak bir değişiklik sonrası bir çok kullanıcı tedirginlik içierisinde mail atıp, bazı kodları bulamadığını yazması üzerine, bende kısa bir video ekleyip sadece b:skin kodunun bulunmasını gösteren kısa bir video hazırladım.Umarım faydalı olur.Şimdi değişen blogger html düzenleme paneli ile ilgili hazırladığım videoyu izliyelim.
Değişen blogger html düzenleme paneli ilgili sorularınız yada önerileriniz olursa alttaki yorumlar kısmına yazabilirsiniz.




ayrıca blogger html düzenleme panelinde üst tarafta Şablonu Biçinlendir kutucuğunu işaretlediğimizde eski widget şablonlarını genişlet kutucuğunu işaretleme işlemini yapmış gibi oluyoruz, yani tüm kodları görebiliyoruz.

Blogger de yayınladığınız yazıların hemen altına ekliyeceğiniz sosyal paylaşım butonları ve beğenme butonları sayesinde blogger blogunuzu sosyal paylaşım siteleri ile iç içe geçirip müthiş bir köprü atacak,Bu bölümde blogger yazı altı, yatay sosyla paylaşım butonlarını blogunuza nasıl ekliyebileceğinizi anlatacağız.Unutmayalım arkadaşlar blog yazmak zor değil,blog hazırlamak da zor değil,blogumuza ziyaretçi çekmek yazdıklarımızın okunurluluğunu arttırmak, asıl bu işin zor kısmı.Herkes birşeyler yazıyor çiziyor,ama kim okuyor? kime ne faydası var? bunların, diye kimse sormuyor kendine.Ortalık blog çöplüğüne dönüşmüş adeta.Bundan dolayı blog okulu blogların gerçekten işine yarayacak, sadece blogunuzda var olsun diye eklentiler paylaşmıyor.Blogger yazı altı eklentisini eklediğinizde bir kişi yazınızı okuduğunda ve yazı sonuna geldiğinde, eğer yazınızı beğenmişse sosyal paylaşım sitesinde paylaşacak ve burdan size ziyaretçi kazandıracak faydalı bir eklentiyi blogunuza nasıl ekliyebileceğinizi anlatalım:

Eklenti içeriisnde bulunan butonlar: Facebook beğen butonu Twitter Paylaş butonu Google+ Butonu Blogger Paylaş Butonu Linkedin Butonu Pinterest Butonu E-Posta Abonelik Butonu

DEMO GÖRÜNÜM1)Blogger hesabımızla giriş yapıyoruz.
2)Her ihtimale karşı blogger şablonlonumuzu yedeğini alıyoruz.
3)Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip ediyoruz.
4)Widget Şablonlarını Genişlet Kutucuğunu işaretliyoruz.
5)Ctrl+F yardımı ile kodlar içerisinde </head> kodunu aratıp buluyoruz.
6)Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodunun hemen üst tarafına yapıştırıyoruz.

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ab0ca80d-f3e2-4a23-96ba-c400631a4619", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

7)Yine Html kodlarımız içerisinde <data:post.body/> kodunu aratıp buluyoruz.
8)Aşağıdaki kodu kopyalayıp bulduğumuz <data:post.body/> kodunun hemen altına yapıştırıyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
<span class='st_blogger_hcount' displayText='Blogger'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>
</p>
</b:if>

9)Bir ön izleme yapalım,şablonda sıkıntı yoksa ,şablonumuzu kaydedip çıkıyoruz.Bu haliyle, bir yazınız tıklandığında yazı sonunda blogger sosyal paylaşım butonlarınız görünecektir.İstemediğiniz bir paylaşım butonu var ise 8. adımda verdiğimiz kodlar içerisinde mavi renkle verdiğimiz satırlardan sildiğinizde o paylaşım butonu kaldırılmış olur.Örnek olarak linkedin payşaım butonunu istemiyorsunuz.

<span class='st_linkedin_hcount' displayText='LinkedIn'></span>

satırını kaldırdığınızda linkedin paylaşım butonunu da kaldırmış olursunuz.
Not:Blogger yazı altı sosyal paylaşım butonlarını yazı üstünde de göstermek istiyorsanız yada sadece yazı üstünde çıksın istiyorsanız,yapmanız gereken;
8.adımda verdiğimiz kodu <data:post.body/> kodunun hemen üst tarafına yapıştırıyoruz.
Blogger sosyal paylaşım butonlarınız kullanıma hazır hayırlı olsun:) 

Blogger alan adı satın alma problemi aşılmış durumda.Artık blogger alan adı satın almak isteyen arkadaşlar bu işlemi gerçekleştirebilirler.Blogger Alan Adı Satın Alma İşlemi için:
1-Blogger hesabımızla giriş yapıyoruz.
2-Aşağıdaki resimdeki gibi ayarlar sekmesine tıklıyoruz.
3-Ayarlar sekmesini tıkladığımızda Yayıncılık başlığı altında blogger alan adı satın almak için +Özel Alan adı Ekle linkine tıklıyoruz.
4-Özel alan adı ekle linkine tıkladığımızda yine yayıncılık başlığı altında aşağıdaki gibi bir pencere açılacak.
Bu pencerede resimde gösterdiğimiz yere satın almak istediğiniz blogger alan adını yazıyoruz.Örnek:bloggerozelalanadi gibi.Daha sonra yine resimde gösterdiğimiz com,net,org,info ve biz gibi uzantılardan birini seçip blogger alan adımıza bir uzantı seçiyoruz.Son olarak 3 numarayla gösterdiğimiz kullanılabilirliği denetle butonuna tıklıyoruz.
5-Kullanılabilirliği denetle butonuna tıkladığımızda eğer alan adı kullanılıyorsa size bir başka alan adı almanız tavsiye edilecek, kullanılmıyorsa aşağıdaki gibi bir pencereyle karşılacaksınız.
Burada kayıt işlemlerine devam et butonuna tıklıyoruz.
6-Bu aşamadan sonra sizden kişisel bilgileriniz adres vb. gibi şeylerin olduğu bir pencere açılacak bu penceredeki gerekli bilgileri dolduruyoruz.
gerekli bilgileri doldurduktan sonra en altta bulunan kabul ediyorum google checkouta git yazan butona tıklıyoruz.
butona tıkladığımızda bizi ödeme sayfasına yönlendirecek.10 ABD dolarını ödedikten sonra blogger alan adını bir yıllık satın satın almış oluyoruz.Alan adını satın aldığımızda blogspot uzantılı blogunuzda otomatik olarak bu alan adına yönlendiriliyor.Yani blogunuzun adresi www.bloggeralanadi.blogspot.com ise alan adi olarak www.bloggeralanadi.com adresiniz aldıysanız blogunuzu www.bloggeralanadi.blogspot.com adresinden ziyaret etmek isteyen biri otomatikmen www.bloggeralanadi.com adresine yönlendirecek.Blogger alan adı satın almayla ilgili sorularınız olursa yorumlar kısmından sorabilirsiniz.

Alan adı satın aldıktan sonra bazı arkadaşlarda bağlantı çubuğunda www. yazmadan sitelerinin açılmadığını söyleyenler oldu.Yani örnek olarak http://blogokulu.org yazdığınızda site hata veriyor,http://www.blogokulu.org yazdığınızda site açılıyor.Bu sorunu çözmek için;
Ayarlar>Temel>Yayıncılık sekmesine geldiğinizde Düzenle Linkine tıklayın.
Linke tıkladıktan sonra aşağıdaki gibi bir pencere açılacak.Bu pemcerede işaretlediğim kutucuğu seçip kaydet butonuna bastığınızda sorun çözülecektir.

Bloggerda yayınladığınız yazıları ilgili resimlerle desteklemeniz çok önemli.Örneğin bir yemek blogunuz var mükemmel bir çorba tarifi yapıyorsunuz ama resim yok, bu büyük bir eksiklik tarif nekadar güzel olursa olsun resmin önemi çok büyük.Mükemmel tarifinizin yanına birde üzeri soslanmış bir çorba resmi koydunuzmu bu iş tamam.Ddikkat ettiyseniz her yazıma mutlaka en az bir resim koyarım yada koymaya çalışırım.

Bloggerin kendi kullanıcı panelinde popüler yayınlar gadgeti zaten mevcut.Normal görünüme sahip bu popüler yayınlar gadgetini iki tıklamayla herkes ekliyebilir.Eklediğimiz bu popüler yayınlar gadgetine bir iki kod ekliyerek görünüm ve tasarım farklılığı yaratacağız.Yaptığımız değişiklik sonrasında Popüler yayınlar artık resimdeki gibi yan yana küçük resim ve altında başlık şeklinde görünecek.
Poüler Yayınlarınızı bu görünüme kavuşturmak için:
1-Popüler Yayınlar Gadgetinin blogumuzda bulunması gerekir.Eğer Yoksa;Kumanda Paneli>Tasarım>Gadget Ekle>Popüler Yayınlar yolunu takip edip Popüler Yayınlar Gadgetini blogumuza ekliyoruz.
2-Eklediğimiz Popüler Yayınlar Gadgetinin Ayarlarını  resimdeki gibi yapıp kaydediyoruz.
3-Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip HTML kodları içierisinde ]]></b:skin>kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz]]></b:skin>
 kodundan önceki kısma yapıştırıyoruz.

.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}
.PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0}
.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}

kod içerisnde kırmızı renkle belirttiğimiz değerleri değiştirerek resim boyutlandırmasını kendinize göre yapabilirsiniz.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Popüler Yazılara ait Widget kodu normalde aynen yukarıdaki gibidir.Biz bu widget kodunu aşağıdaki kodla değiştireceğiz.Popüler yazılara ait widget kodumuzun son hali aşağıdaki gibi olacak.

<b:widget id='PopularPosts1' locked='false' title='Blog Okulu Popüler Yayınlar' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Popüler Yazılar widgetine ait kodu değiştirdikten sonra şablonumuzu kaydedip çıkıyoruz.Popüler yazılara ait yeni görünümümüz kullanıma hazır.

Blogunuzda sol tarafta,boşlukta sayfayla birlikte hareket eden, istediğiniz renk ve boyut ayarlamasını yapabileceğiniz sosyal paylaşım butonlarını blogunuza eklemek için aşağıda bulunan modüldeki ayarlar kısmından gerekli düzenlemeleri yaptıktan sonra oluştur ve ardından bloguna ekle butonlarına tıklayarak bu sosyal paylaşım butonlarını blogunuza ekliyebilirsiniz.Renk kodlarına burdan ulaşabilirsiniz.

Blog Okulundan blogunuza farklı bir görünüm kazandıracak yeni bir eklenti daha.Blogunuza ait resim, icon yada sizinle özdeşleşen bir simgeniz var ise bunu başlıklarınızda görüntüleyebilirsiniz.Blogunuza ekliyeceğiniz bir cümlelik koddan sonra simgeniz bütün başlıklarınızda görünecektir.
Blog başlığınıza resim yada icon eklemek için;
Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
Ctrl+F yardımı ile kodlar içerisinde aşağıdaki kodu buluyoruz.

<a expr:href='data:post.url'><data:post.title/></a>

Bulduğumuz <a expr:href='data:post.url'> kodu ile <data:post.title/></a>
kodu arasına aşşağıdaki kodu ekliyoruz.

<img src="Resminizin URL adresi"/>

Kodumuzun son hali aşşağıdaki gibi olacak.

<a expr:href='data:post.url'><img src="Resminizin URL adreasi"/><data:post.title/></a>

"Resminizin URL adresi" yazan yere başlığınızda görünmesini istediğiniz resmin url adresini yazıyorsunuz.

Blogger kullanıcıları bloglarına ekledikleri eklentilerin %90 ını widget ekleme yöntemi ile ekliyorlar.Hal böyle olunca zamanla blog, widget çöplüğüne dönüyor ve keşke şunlar sadece ana sayfada görünse yada ana sayfada görünmesede yazıya tıkladığım zaman  görünse diye içinden geçirenlerin sayısı hergeçen gün artmakta.Size vereceğimiz basit bir kodla eklediğiniz widgetleri isterseniz sadece ana sayfada görüntüleyebilir,yada seçtiğiniz widgeti sadece yazılarınızdan biri görüntülendiği zaman görünmesini sağlayabilirsiniz.
1.Ana Sayfada Sadece İstediğiniz Gadgetin Görünmesi;
Blogumuza önce widgetimizi normal bir şekilde ekleyip kaydediyoruz.Kodlar içerisinde widgetimizi kolay bulabilmek için dikkat etmemiz gereken nokta widgete mutlaka bir başlık eklemek.Kodu uyguladıktan sonra widget başlığını silebiriz.Anlatımızı bir örnek üzerinden sürdürelim;Blogumuza Reklamlar başlıklı bir gadget ekledik, bu gadgetin sadece ana sayfada görünmesini,yazılarımızdan biri tıklanınca kaybolmasını istiyoruz.
 Kumanda Paneli >Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz ve kodlar içerisinde Ctrl+F yardımı ile gadgetimizin başlığı olan Reklamlar kelimesini aratıyoruz (Siz kendi widget başlığınızı aratacaksınız).
Bulduğumuz kod aşşağıdaki gibi olacak.

<b:widget id='HTML3' locked='false' title='Reklamlar' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Şimdi bu koda ekliyeceğimiz iki satır kod ile(mavi renkli olarak belirttim) widgetimizin sadece ana sayfada görünmesini sağlıyacağız.Kodlar içerisinde bulduğumuz yukarıdaki kodun yerine aşşağıdaki kodu kopyalayıp yapıştırıyoruz.

<b:widget id='HTML3' locked='false' title='Reklamlar' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>



<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Şablonumuzu kaydedip çıkıyoruz.Reklamlar widgeti artık sadece ana sayfada görünecek,kodu başarılı bir şekilde uyguladıysanız bir yazıyı tıkladığınızda kodu uyguladığınız gadgetin görünmediğini farkedeceksiniz.
2.Sadece Yazılarınız Tıklanınca Widgetin Görünmesi;
Yukarıda yaptığımızın aynısını burda da yapıyoruz sadece eklediğimiz kod farklı olacak.Örnek üzerinden anlatıma devam edelim;Blogumuza Reklamlar adlı bir widget ekledik ve bu widgetin ana sayfada değilde sadece yazılarımız tıklanınca görünmesini istiyoruz.Yapmamız gereken işlem;Reklamlar widgetimizi normal olarak ekliyoruz.Kumanda Paneli >Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz ve kodlar içerisinde Ctrl+F yardımı ile gadgetimizin başlığı olan Reklamlar kelimesini aratıyoruz (Siz kendi widget başlığınızı aratacaksınız).
Bulduğumuz kod aşşağıdaki gibi olacak.

<b:widget id='HTML3' locked='false' title='Reklamlar' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Şimdi bu koda ekliyeceğimiz iki satır kod ile(mavi renkli olarak belirttim) widgetimizin sadece yazılarınız tıklanınca görünmesini sağlıyacağız.Yukarıdaki kodun yerine aşşağıdaki kodu kopyalayıp yapıştırıyoruz.

<b:widget id='HTML3' locked='false' title='Reklamlar' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Şablonumuzu kaydedip çıkıyoruz.Reklamlar widgeti artık sadece yazılarınız tıklanınca görünecek,kodu başarılı bir şekilde uyguladıysanız bir yazıyı tıkladığınızda kodu uyguladığınız gadgetin göründüğünü farkedeceksiniz.

Mausunuzun imlecini blogunuzda bir bağlantı linkinin üzerine getirdiğiniz zaman, linkiniz tıpkı gökkuşağı gibi renk değiştirip duracak.Ziyaretçilerinizin dikkatini çekecek.Basit bir eklenti ile sizde linklerinizi renklendirmek isterseniz.Yapmanız gereken;

Bugün anlatacağımız eklentiyi daha önce  resimli son yazılar eklentisi olarak anlatmıştık, şimdi ise bu eklentinin farklı bir amaca yönelik kullanımını anlatacağız.Sizin blogunuzda yayınladığınız sonyazılar gibi sevdiğiniz bir blogda yazılan son yazılarıda  blogunuzda resimli olarak yayınlayabileceksiniz.
1.Adım:Blogger hesabınızla giriş yaptıktan sonra burayı tıklıyoruz.
Açılan pencerede gösterim yapacağımız blogumuzu seçiyoruz ve ardından Gadgeti Yapılandır butonuna tıklıyoruz.
2.Adım:Gadgeti Yapılandır butonuna tıkladığımızda aşşağıdaki gibi bir pencere açılacak;

Daha önce Link Within ile blogunuza Resimli Benzer Yazılar Eklentisini nasıl kuracağınızı anlatmıştık.Link within ile benzer yazılar eklentisi ana sayfada ve ara sayfalarda görünmesi ayrıca resimlerin altında Link Within linkinin olması kötü bir görünüme sebep oluyordu.Şimdi ise sizlere Blogger Resimli Benzer Yazılar Eklentisini istediğiniz yerde gösterme(ister ana sayfada,isterseniz sadece tıklanan yazılarınızın altında) ve hiçbir reklam ve link olmadan sade bir görünümle  yayınlama imkanı verecek olan blogger resimli benzer yazılar eklentisini blogunuza nasıl ekleyebileceğinizi anlatacağız.
1-Blogunuzu gelen ziyaretçi herhangi bir yazınızı okuduğunda yazı sonunda blogunuzda bulunan okuduğu yazıya benzeyen diğer yazılarınızada göz atacak.
2-Böylelikle yazılarınızın tıklanma oranı artacak
3-Ziyaretçiler blogunuzda daha fazla zaman geçirecek
4-Görsel açıdan blogunuza güzellik katıp kalitenizi yükseltecek bir eklenti.Kısacası faydalı gördüğüm bir eklenti, blogunuza eklemenizi tavsiye ederim.
Resimli Benzer Yazılar Eklentisini Bloguma Nasıl Uygulayabilirim?diyorsanız.
1.Adım: Blogger Hesabımızla giriş yapıyoruz.Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takibediyoruz.Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.
2.Adım:Ctrl+F Yardımıyla kodlar içerisinde </head> kodunu aratıp buluyoruz.
3.Adım:Aşşağıdaki kodu bulduğumuz </head> kodunun hemen üstüne yani bir üst satırına yapıştırıyoruz.

<!--blogokulu.blogspot.com kod baslangici-->
<!-- kaldır --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://i39.tinypic.com/2n67qx5.jpg";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Benzer Yazılar";
</script>
<script src='http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js' type='text/javascript'/>
<!-- kaldır --></b:if>

<!--blogokulu.blogspot.com kod bitisi-->

4.Adım:Kodlar içerisinde aşşağıdaki kodu bulun

<div class='post-footer-line post-footer-line-1'>

veya

<p class='post-footer-line post-footer-line-1'>

5.Adım:Bulduğunuz kodun hemen alt satırına aşşağıdaki kodu yapıştırın.

<!-- blogokulu.blogspot.com kod baslangici -->
<!-- kaldır --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- kaldır --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://takipteyiz.blogspot.com/2009/10/blogger-yardim-yazi-sonuna-resimli.html' style='display:none;'>Resimli Benzer Yazı Ekleme</a><a href='http://takipteyiz.blogspot.com/' style='display:none;'>blogger yardım</a>
</b:if></b:if>

<!-- blogokulu.blogspot.com kod bitisi -->

Kodları yapıştırıp şablonumuzu kaydettikten sonra Resimli Benzer Yazılar Eklntimiz kullanıma hazır.
Kodlar İçerisinde Yapabileceğiniz Değişiklikler:
Burda vereceğim kodları kodlar içerisinde renkli olarak belirttim.
1-Benzer Yazılar:Resimli Benzer Yazılar Eklentimizin Başlık kısmı.Başlıkta görünmesini istediğimiz metni buraya yazabilirsiniz.(Benzer Yazılar,Bunlarda İlginizi Çekebilir,Şunlarada Bir Göz Atın gibi...)
2-max-results=6;Yazılarınızın altında görüntülenmesini istediğiniz Resimli Benzer Yazı Sayısını burdaki değeri değiştirerek ayarlayabilirsiniz.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVmxwHQ2tVnfTHutUSkzxAcCpNzwDC_yMd1uNnimw2IQGGxl8Oc900-NuegU0JRzaFC0I4NlC6Mv_Ps4JCuG7lh4eC9F9Bc6rwI2gPdu_ep7W9sau2QNivvOFItA3FBcJtODglUxpyfs/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blog-Okulu/270630239670726&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://blogokulu.blogspot.com/2012/02/facebook-begen-kutusu-ekle-sagdan.html" target="_blank"><b>++Sitene Ekle</b></a></span></div></div>

http://www.facebook.com/pages/Blog-Okulu/270630239670726

yeri kendi Facebook URL adresiniz ile değiştirin ve kaydedin.
ÖNEMLİ NOT:Bazı bloglarda temalardan kaynaklanan sebeplerden dolayı eklentinin göründüğü fakat açılmadığı tespit edilmiştir.Eğer sizde böyle bir sorunla karşılaşırsanız.
Buna çözüm olarak;1.Adımda yazdığımız script kodunun şablon içerisindeki yerini değiştiriniz.
kodlar içerisinde ></b:skin> kodunu bulun ve 1.adımda verdiğimiz aşşağıdaki kodu

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>

bulduğumuz ></b:skin> kodunun hemen altına yapıştırıp

2.Adım:"beğen kutusu ekle" butonuna tıkladığımızda aşşağıdaki gibi bir pencere açılacak, bu pencerede;
VİDEOLU ANLATIM:

Daha önce var olan facebook sayfanızda yada blogunuz için oluşturduğunuz facebook hayran sayfanızda, blogunuzda yazdığın yazıların  yayınlanmasının iki yolunu anlatacağız.(Blogunuz için bir facebook hayran sayfası opluşturmadıysanız eğer burdan oluşturabilirsiniz)
1-Blogunuza yada sitenize her yazı yazdığınızda amele gibi yazınızın linkini kopyalayıp facebook hesabınızla giriş yapıp facebook sayfanıza gelip kopyaladığınız linki paylaşmak.
2-"RSS Graffiti" yi kullanarak her yazı yazdığınızda yazılarınızın facebook sayfanızda da otomatik olarak yayınlanması yöntemi.
Amele işi olmayan ikinci yöntemi yani, RSS Graffiti ile blog yazılarınızın facebook sayfanızda otomatik olarak yaınlanması yöntemini alnlatacağız;
1.Adım:Facebbok kullanıcı adımız ve şifremizle facebook sayfamıza giriş yapıyoruz.Giriş yaptıktan sonra buraya tıklıyoruz.
2.Adım:Linke tıkladığımzda açılan pencerede RSS Graffiti uygulamasını Beğen butonuna tıklayarak beğeniyoruz.


4.Adım:Açılan pencerede "Click Her to authorize RSS Graffiti" butonuna tıklıyoruz.
5.Adım:RSS Graffiti uygulamasının facebook sayfamıza  erişim izni istiyor.aşşağıdaki resimde gördüğümüz gibi  İzin Ver butonuna tıklıyoruz.
6.Adım:Açılan sayfada;eğer facebook hesabımızda birden fazla sayfamız varsa blog yazılarımızın hangisinde yayınlanmasını istiyorsak onu seçiyoruz,ardından aşşağıdaki resimdeki 2 nolu Click to authorize butonuna tıklıyoruz.Eğer erişim için izin isterse tekrar karşımıza çıkan izin ver butonuna tıklıyoruz.
7.Adım:"Click to authorize" butonuna tıklayıp erişim için gerekli izinleri verdiğimizde karşımızda aşşağıdaki gibi bir pencere çıkıyor.Bu pencerede resimdede işaretlediğim  "Add Feed " yazan butonu tıklıyoruz
8.Adım:Add a new fee here butonunu tıkladığımnızda karşımıza çıkan pencerede bilgilerimizi aşşağıdaki gibi giriyoruz.  
Feed URL: Blogumuzun RSS besleme adresini yazıyoruz.http://blogokulu.blogspot.com/feeds/posts/default RSS besleme adrsinizi bilmiyorsanız http://siteadresiniz.com/feeds/posts/default şeklindedir.
Source Name:Blogunuza yazdığınız yazılarınFacebook Sayfanızda  başında görünecek olan başlığınızı buraya yazın.Ör:Ben blog adımı yazdım;BLOG OKULU
Source URL: Yazılarımızın yayınlanmasını istediğimiz sitemizin yada blogumuzun adresini buraya yazıyoruz.

 9.Adım: Eğer kaydettikten sonra aşşağıdaki gibi bir sayfa açılıyorsa işlemimiz başarılı olarak gerçekleşmiştir.Artık yayınlarımız facebook sayfamızda otomatik olarak yayınlanacaktır.