Blogger Farklı Popüler Yayınlar Eklentisi

Blogger populer yayınlar için blogumda bir çok örnek var bunların başında ise Popüler Yayınları slayt yapma özellikleri geliyor blogumun arama kısmında arattığınızda örneklerini görebilirsiniz.Bu eklentiyi anlatmaya gelirsek Popüler Yayınların resimleri bir daire içinde alıp üzerine gelince hareket ettiren bir özellik,bu eklentiyi benim diğer blogum olan Nisan Düşleri ve Blogger Temalarında kullanıyorum alttaki demodanda görebilirsiniz.

• Blogger Kumanda Paneli girin
• Daha  sonra Şablon seçin
• HTML'yi Düzenle diyin ve daha sonra Witget Şablonu Genişlet tıklayın CTRL + F yardımı ile bu  ]]></b:skin> kodunu bulun
• Sonra Aşağıdaki Kodu Hemen  ]]></b:skin>  Üstüne Yapıştırın

/*--- Blogger Turkey--- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw5D4mPqgihjsAe-EZ3S6_MEwra8VX2e0Zvge__TN9u3rT0VyOaRtdgBAEx_GCmitcrMTnGJL5HDIr1XYrjv3fuTaA5lhY-Hh3G4ZS-oG2ojkYYXYyG5Zpp4HnNdvqVW1Gl-6uHAevBDg/s1600/1.gif)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:1px solid #6BB5FF;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

http://www.bloggerturkey.com/2013/05/blogger-farkl-populer-yaynlar-eklentisi.html