• Geleceği Yazanların Yeri

22 Ağustos 2013 Perşembe

Blogger İçin Popüler Yayınlar EklentisiYorum yok

Blogger İçin Popüler Yayınlar Eklentisi

Blogger İçin Popüler Yayınlar Eklentisi Görünümü

Bu yazıda Blogger sitenizde kullanabileceğiniz Popüler Yayınlar eklentisini sitenizi nasıl ekleyebileceğinizi öğreneceksiniz.

Blogger sitesinin zaten böyle bir eklentisi var ama siz bu görüntüden sıkıldınız veya yeni görünümler denemek istiyorsanız yandaki gibi görünen bu eklentiyi kullanabilirsiniz.

Popüler yazılar eklentisi sitenize gelen okuyucuların dikkatini hemen çeken ve yazılarınızın popülerleşmesine yardımcı oldukça faydalı bir eklentidir. Şimdi lafı uzatmadan kuruluma geçelim.






İlk olarak Şablon->Html Düzenle seçeneğine gelip kodlarımızı açıyoruz.
Ctrl-f yardımıyla ]]></b:skin> kodunu kodlarımız arasında buluyoruz.
Sonra aşağıdaki kodları bu kodun hemen üstüne yapıştırıyoruz.

/* Skybulut Popüler Yayınlar Eklentisi */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;
list-style-type: none;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
height: 40px;
-moz-box-shadow: 3px 2px 5px #242424;
-webkit-box-shadow: 3px 2px 5px #242424;
box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px;
}
.popular-posts ul li a {
font-style: italic;
}
.popular-posts ul li:hover {
border:1px solid #d10202;
 -moz-box-shadow: 3px 2px 5px #d10202;
-webkit-box-shadow: 3px 2px 5px #d10202;
box-shadow: 3px 2px 5px #d10202;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
height:40px;width:40px;
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);
}
.popular-posts .item-thumbnail img:hover{
-moz-box-shadow: 0px 0px 5px #d10202;
-webkit-box-shadow: 0px 0px 5px #d10202;
box-shadow: 0px 0px 5px #d10202;}

Yapacağımız şeyler henüz bitmedi. Şimdi Yerleşim->Popüler Yayınlar seçeneğine geliyoruz. Eğer popüler yayınlar diye bir yazı yoksa gadget ekle yolu ile ekleyebilirsiniz.

Açılan pencere aşağıdaki gibi görünecektir. Buradan snippet seçeneğindeki tik işaretini kaldırıyoruz.
Popüler Yayınlar Eklentisi

ve sonra kaydet deyip pencereyi kapatıyoruz. ve işlem tamam.

Sponsor

[Ne Demişler] Hiç yorum yok

Copright 2013 - Site içerisindeki içerikler izinsiz kopyalanamaz.

İletişim Destek Ol Reklam Arşiv

Bu site Blogger alt yapısı ile yapılmıştır. Tema: Cakirv3

Facebook - Twitter - Google - Youtube