Bunu eklemek için alttaki adımları takip edin:
Adım 1:Şablon>HTML'yi düzenle'ye tıklayın ve HTML kodu içinde Ctrl+F yardımıyla alttaki kodu bulun:
</Group>
Not:Eğer bu kodu bulamazsanız alttaki kodu deneyin:
<b:skin><![CDATA[
Adım 2:Yukarıda bulduğunuz kodun hemen altına alttaki kodu ekleyin:
<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"/></Group>
Adım 3:Şimdi CTRL+F yardımıyla alttaki kodu bulmaya çalışın:
]]></b:skin>
Adım 4:adım 3'te bulduğunuz kodun hemen üstüne alttaki kodu ekleyin
.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%;}
Adım 5:Şablonu kaydet'e ekleyin.
Şimdi en çok yorum yapılan post widgetini yerleşim bölümüne ekleyelim.Bunun için Yerleşim bölüne gidin ve eklemek istediğiniz yere Gadget ekle linkine tıklayın.HTML/JavaScript'e tıklayın açılan pencereye alttaki kodu yapıştırın:
<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 postthumbnail = "<img src="+feed.value.items[i].postthumbnail+" />";var postDescription = feed.value.items[i].postdescription;var postComments = feed.value.items[i].commentcount;var postList = '<div class="most-commented"><ul><li><div class="comment-count">' + postComments + "</div>" + postthumbnail + "<a href="+ postURL + '">' + postTitle + "</a>" + '<p>' +stripTags(postDescription,10)+'...</p>' + '</li></ul></div>'; document.write(postList); } } </script><script src="http://pipes.yahoo.com/pipes/pipe.run?
AddUrlHere=http://opinion34.com
&NumberofPosts=5&_id=2cb5eb603ed55a6264ee1484e5fdd45c&_callback=mostcommented&_render=json"type="text/javascript"></script><span style="font-size: 80%; float:left;"></span>
opinion34.com domain adresini kendi blog adresinizle değiştirin.Eğer tanım kısmına daha çok karakter(harf) eklemek istiyorsanız postDescription,10 kodundaki 10 sayısını artırın.
Eğer daha basit stilini yanı resimsiz ve snipetsiz widgeti eklemek istiyorsanız yukarıdaki kod yerine alttaki kodu ekleyin:
<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 + "</div>" + "<a href="+ postURL + '">' + postTitle + "</a>" + '</li></ul></div>'; document.write(postList); } } </script><script src="http://pipes.yahoo.com/pipes/pipe.run? AddUrlHere=http://opinion34.com
&NumberofPosts=5&_id=2cb5eb603ed55a6264ee1484e5fdd45c&_callback=mostcommented&_render=json"type="text/javascript"></script><span style="font-size: 80%; float:left;"></span>
opinion34.com yazılan yere kendi blog adresinizi yazın.Eğer yorum sayısından önce yorum yazısı eklemek istiyorsanız bu yeşil renkle belirtilen kodu alttaki kodla değiştirin.
<div class="comment-count">' + postComments + " comments" + "</div>"
Yukarıdaki değişiklikleri yaptıktan sonra Kaydet'e basın.