17 Ekim 2015 Cumartesi

Etiketler: ,

Blogger En Çok Yorumlanan Konular



Blogunuzda en çok yorum atılan konuları göstermek mi istiyorsunuz? O zaman bu widget tam size göre.Nasıl bir şey olduğunu merak ediyorsanız aşağıda ki DEMO butonuna basıp görebilirsiniz.

Yerleşim --> Gadget Ekle --> HTML/JavaScript seçeneğine tıklayıp aşağıda ki verdiğimiz kodları oraya yerleştirin.

<div id="most-comments"></div>

<style scoped='' type='text/css'>

#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}

</style>

<script type='text/javascript'>

//<![CDATA[

var numPosts=10;

var homePage="SİTE ADRESİNİZ";

var postTitlear=new Array();

var postUrlar=new Array();

var postCommentar=new Array();

var totalpost;document.write('<div id="most-comments"><ul>');

function mostComment(j){var a=j.feed.entry.length;totalpost=a;

for(var f=0;f<a;f++){

var h=j.feed.entry[f];

var c=h.title.$t;var b;

var g;if(f==j.feed.entry.length){break}

for(var d=0;d<h.link.length;d++){

if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}

for(var d=0;d<h.link.length;d++){

if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};

postTitlear.push(c);

postUrlar.push(g);

postCommentar.push(b)}sortPosts();

for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';

document.write(e)}}

function sortPosts(){function c(d,f){var e=postTitlear[d];

postTitlear[d]=postTitlear[f];

postTitlear[f]=e;

var e=postUrlar[d];

postUrlar[d]=postUrlar[f];

postUrlar[f]=e;

var e=postCommentar[d];

postCommentar[d]=postCommentar[f];

postCommentar[f]=e}

for(var b=0;b<postTitlear.length-1;b++){

for(var a=b+1;a<postTitlear.length;a++){

if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}

document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');

document.write('</li>')

document.write('</ul>')

document.write('</div>');

//]]>

</script>




Kod içerisinde kırmızı renkteki sayı kaç tane konunun gösterilmesini ifade ediyor.Mavi renkte olan yere ise site adresinizi yazın.


DEMO


(Kaynak: http://www.siteeklentileri.com/2015/04/blogger-en-cok-yorumlanan-konular-sk.html#sthash.fA3rIpwi.dpuf )

0 yorum:

Yorum Gönder