Disqus for Blog Okulu

Bumerang - Yazarkafe

Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Etkileyici Blog Yazısı Nasıl Olmalı ?

Etkileyici Blog Yazısı Nasıl Olmalı ?


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 sayfa oluşturma

Blogger sabit sayfa oluşturma

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.
blogger-sabit-sayfa-olusturma
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-sabit-sayfa-ayarlari
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ı Değişimi

Blogger Html Düzenleme Ekranı Değişimi


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 Yazı Altına Sosyal Paylaşım Butonları Ekleme

Blogger Yazı Altına Sosyal Paylaşım Butonları Ekleme

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:
  1. Facebook beğen butonu
  2. Twitter Paylaş butonu
  3. Google+ Butonu
  4. Blogger Paylaş Butonu
  5. Linkedin Butonu
  6. Pinterest Butonu
  7. E-Posta Abonelik Butonu 
DEMO GÖRÜNÜM
1)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ı-Blogger Domain Satın alma

Blogger Alan Adı-Blogger Domain Satın alma

Son bir aydır blogger alan adı satın alma işlemlerinde problem vardı.Blogger kullanıcıları alan adı satın almak istediklerinde çeşitli hata ve sorunlarla karşılaşıyorlardı.Bu konu ile ilgili bana mail atıp ne yapalım? diye soran arkadaşlar vardı,bende alan adı satın alıp çeşitli yöntemlerle bloglarını bu alan adlarına yönlendirebileceklerini,fakat blogger alan adı satın alma sorunu çözülene kadar beklemelerini tavsiye etmiştim.
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.

Blogger Resim Boyutlandırma (Videolu Anlatım)

Blogger Resim Boyutlandırma (Videolu Anlatım)

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.

Blogger Popüler Yazılar Modifikasyonu

Blogger Popüler Yazılar Modifikasyonu

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.
4-Html kodları içerisinde Popüler Yayınlara ait widget kodunu bulacağız.Bu kodu bulmak için Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretledikten sonra Ctrl+F yardımı ile PopularPost1 şeklinde kodlar içierisnde aratırsak aşağıdaki gibi Popüler Yazılara ait widgeti buluruz.
<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.

Blogger Sosyal Paylaşım Butonları (Sayfayla Birlikte Hareket Eden)

Blogger Sosyal Paylaşım Butonları (Sayfayla Birlikte Hareket Eden)

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.