Blogger En Çok Yorumlanan Yazılar Eklentisi

Paylaşan Admin

19 Temmuz 2019 Cuma

Blogger En Çok Yorumlanan Yazılar Eklentisi

Blogger En Çok Yorumlanan Yazılar Eklentisi ile blogunuzda ki en çok yorum almış paylaşımlarınızın listesi oluşturulur.Yukarıda ki resimde de görüldüğü gibi oldukça hoş bir görünüme sahip bu eklenti ile hem blogunuz daha güzel görünecek hem de popüler konularınızın sayesinde diğer konuların da insanların dikkatini çekmesini sağlayacak.

✅En Çok Yorumlanan Yazılar Eklentisi Nasıl Yüklenir?

1-Blogger Kontrol Paneli'ne giriyoruz ve "Tema>HTML'yi düzenle" diyoruz.
2-CTRL+F ile "</Group> kelimesini aratıyoruz. Yoksa kendiniz "<Group> ... </Group>" arasına aşağıdaki kodları ekleyiniz.

<Group description="Most Commented" selector=".most-commented">

<Variable name="most.commented.background1" description="background 
color1" type="color" default="#fa4242" value="#ee377a"/>

<Variable name="most.commented.background2" description="background 
color2" type="color" default="#ee6107" value="#fcad37"/>
<Variable name="most.commented.background3" description="background color3" type="color" default="#f0f" value="#f8e000"/>
<Variable name="most.commented.background4" description="background color4" type="color" default="#ff0" value="#c7e93d"/>
<Variable name="most.commented.background5" description="background color5" type="color" default="#0ff" value="#5ebded"/>

3-CTRL+F ile "]]></b:skin>" kodunu aratıyoruz ve aşağıdaki kodları hemen üstüne ekliyoruz.

.comment-count {
    padding: 3px 10px;
    background: #fff;
    color: #000;
    font-size: 10px;
    float: right;
}
.most-commented ul {
    padding: 0px !important;
    font-family: Century Gothic, sans-serif;
}
.most-commented ul li {
    list-style-type: none;
    padding: 10px;
    color: #555;
    margin-top: -10px;
}
.most-commented ul li a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
.most-commented ul li img {
    float: left;
    margin: 0px 5px 0px 0px;
    width: 60px;
    height: 60px;
}
.most-commented:nth-child(3n+0) {
    background: $(most.commented.background1);
    width: 100%;
}
.most-commented:nth-child(4n+0) {
    background: $(most.commented.background2);
    width: 95%;
}
.most-commented:nth-child(5n+0) {
    background: $(most.commented.background3);
    width: 90%;
}
.most-commented:nth-child(6n+0) {
    background: $(most.commented.background4);
    width: 85%;
}
.most-commented:nth-child(7n+0) {
    background: $(most.commented.background5);
    width: 80%;
}

4- Kaydedip çıkıyoruz.

✅En Çok Yorumlanan Yazılar Gadgeti Nasıl Eklenir?

1- Blogger Kontrol Paneli'ne giriyoruz ve "Yerleşim>Gadget ekle" diyoruz.
2- Çıkan yeni pencerede "HTML/JavaScript" i seçiyoruz ve aşağıdaki kodu ekliyoruz ve kaydediyoruz.

<script type="text/javascript">
function stripTags(s,n)
    {
    return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li style="margin-bottom: 10px"><div class="comment-count">' + postComments + " yorum" + "</div>" + "<a href="+ postURL + '">' + postTitle + "</a>"  + '</li></ul></div>';
 document.write(postList);
 }
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 AddUrlHere=https://www.cemozergungor.com
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"
type="text/javascript"></script>

3- https://www.cemozergungor.com ' yerine kendi blog adresinizi yazınız ve kaydediniz.

✅En Çok Yorumlanan Yazılar Renk Ayarları Nasıl Yapılır?

1-Blogger Kontrol Paneli'ne giriyoruz ve "Tema>Özelleştir" diyoruz.Açılan kısımdan "Gelişmiş>Most Commanted" i seçiyoruz ve hangi renk olmasını istiyorsak ona göre ayarlıyoruz ve kaydediyoruz.

Bunu Paylaş :