En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

Blogger en çok yorumlanan yazılar eklentisi

blogger en çok yorum yapilan yazılar eklentisi
Bugün sizler için hazırladığım blogger en çok yorumlanan yazılar eklentisini paylaşacağım. Öncelikle eklentiyi hazırlamamda yardımcı olan Yahoo pipe sistemine teşekkür ediyorum. Eklenti hakkında kısaca bilgi vermek gerekirse; ziyaretçilerinizin en çok yorum yaptığı konuları, yanındaki sayaçla birlikte blogger'ın popüler yayınlar eklentisi gibi gösterir. Sizlerle iki stil paylaştım. Rengarenk resimli ve sade beyaz resimsiz stil olmak üzere. İsteğinize göre kaç blog yazınız görünsün veya rengini, boyutlarını vs. ayarlayarak sidebar'ınızda kullanabilirsiniz. Umarım beğenirsiniz.

Blogger'a ekleme

  • Blogger kontrol panelinize giriş yapın.
  • Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin.
  • HTML/JavaScpript Gadget Ekle
  • Ve aşağıdaki kodları isteğinize göre ayarlayarak, kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

  • En çok yorum alan yazılar eklentisi 1. Stil

    <!--En çok yorum alan yazılar eklentisi by www.meftunmede.com-->
    <style>
    .yorum-sayaci {
    background:none repeat scroll 0 0 #fff;
    color:#000;
    font-family:arial,Helvetica,sans-serif;
    font-size:14px;
    float:right;
    padding:5px;
    margin:2px 3px;
    }
    .encok-yorumlananlar ul {
    font-family:arial,Helvetica,sans-serif;
    padding:0!important;
    margin: 12px 0px;
    }
    .encok-yorumlananlar ul li {
    list-style-type:none;
    color:#555;
    margin-top:-10px;
    padding:6px 0px 2px 4px;
    }
    .encok-yorumlananlar ul li a {
    color:#000;
    font-weight:700;
    text-decoration:none;
    font-size:12px;
    margin-top: 0px;
    }
    .encok-yorumlananlar ul li p {
    color:#444;
    font-weight:400;
    text-decoration:none;
    font-size:11px;
    padding: 0px;
    margin: 0px;
    }
    .encok-yorumlananlar ul li img {
    float:left;
    width:60px;
    height:60px;
    margin:0 5px 0 0;
    }
    .encok-yorumlananlar:nth-child(1n+0) {
    background:none repeat scroll 0 0 #F49A9A;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(2n+0) {
    background:none repeat scroll 0 0 #FCD092;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(3n+0) {
    background:none repeat scroll 0 0 #ee6107;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(4n+0) {
    background:none repeat scroll 0 0 #B1DAEF;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(5n+0) {
    background:none repeat scroll 0 0 #ff0;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(6n+0) {
    background:none repeat scroll 0 0 #c7e93d;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(7n+0) {
    background:none repeat scroll 0 0 #f8e000;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(8n+0) {
    background:none repeat scroll 0 0 #fcad37;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(9n+0) {
    background:none repeat scroll 0 0 #ee377a;
    width:100%;
    height:72px;
    }
    .encok-yorumlananlar:nth-child(10n+0) {
    background:none repeat scroll 0 0 #5ebded;
    width:100%;
    height:72px;
    }
    </style>
     <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+" alt='" + feed.value.items[i].title + "'/>";
    var postDescription = feed.value.items[i].postdescription;
    var postComments = feed.value.items[i].commentcount;
    var postList = '<div class="encok-yorumlananlar"><ul><li><div class="yorum-sayaci">' + 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?
    BlogAdresiniz=http://www.meftunmede.com
    &YaziSayisi=5
    &_id=646ff03c0c31474866da421f8a061632
    &_callback=mostcommented
    &_render=json"
    type="text/javascript"></script><span style="float:right;"><a style="font-size:11px;color:#FFF !important;" href="http://www.meftunmede.com">Created by Meftun MEDE</a>
    </span>
    <!--En çok yorum alan yazılar eklentisi by www.meftunmede.com-->
    

    En çok yorum alan yazılar eklentisi 12. Stil

    En çok yorum alan yazılar eklentisi 2. Stil

    <!--En çok yorum alan yazılar eklentisi by www.meftunmede.com-->
    <style>
    .yorum-sayaci {
    background:none repeat scroll 0 0 #292D30;
    width:30px;
    float:left;
    font-weight:700;
    font-size:17px;
    font-family:arial,Helvetica,sans-serif;
    text-align:right;
    color:#FFF;
    text-shadow:4px 1px #202022;
    position:relative;
    top:5px;
    margin:0 5px 5px;
    padding:8px 7px 8px 0;
    }
    .yorum-sayaci:after {
    content:" ";
    position:absolute;
    width:0;
    height:0;
    top:35px;
    right:6px;
    border-color:#292D30 #292D30 transparent transparent;
    border-style:solid;
    border-width:5px 8px;
    }
    .encok-yorumlananlar ul {
    font-family:arial,Helvetica,sans-serif;
    margin:4px 0;
    padding:0!important;
    }
    .encok-yorumlananlar ul li {
    list-style-type:none;
    color:#555;
    border-bottom:1px dashed #dedede;
    line-height:20px;
    margin:0;
    padding:5px 0;
    }
    .encok-yorumlananlar ul li a {
    color:#000;
    font-weight:700;
    text-decoration:none;
    font-size:12px;
    margin-top:0;
    }
    .encok-yorumlananlar ul li p {
    color:#444;
    font-weight:400;
    text-decoration:none;
    font-size:11px;
    margin: 0px 0px 0px 48px;
    padding:0;
    }
    .encok-yorumlananlar:nth-child(n) {
    background:none repeat scroll 0 0 #FFF;
    width:100%;
    height:auto;
    }
    </style>
     <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 postDescription = feed.value.items[i].postdescription;
    var postComments = feed.value.items[i].commentcount;
    var postList = '<div class="encok-yorumlananlar"><ul><li><div class="yorum-sayaci">' + postComments + "</div>" + "<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?
    BlogAdresiniz=http://www.meftunmede.com
    &YaziSayisi=5
    &_id=646ff03c0c31474866da421f8a061632
    &_callback=mostcommented
    &_render=json"
    type="text/javascript"></script><span style="float:right;"><a style="font-size:11px;color:#FFF !important;" href="http://www.meftunmede.com">Created by Meftun MEDE</a>
    </span>
    <!--En çok yorum alan yazılar eklentisi by www.meftunmede.com-->
    

    En çok yorum alan yazılar eklentisi 2. Stil

    Özelleştirme

    Kodlar içinde mavi renkle işaretlediğim yerlerde arkaplan renklerini değiştirebilirsiniz.
    Kırmızıyla işaretlediğim yerlerde;
    BlogAdresiniz= Blog adresinizi yazın.
    YaziSayisi=5 ; Kaç blog yazınız görünsün, çoğaltabilir veya azaltabilirsiniz.
    postDescription,10 ; Eklentideki konu açıklamasının karakter sayısal değerini azaltabilir yada çoğaltabilirsiniz.
    Son olarak eklenti yorumların sayısını belirtiyor. Eğer "15" yazması yerine "15 yorum" yazmasını isterseniz; aşağıda gösterdiğim değişikliği yapabilrsiniz.
    <div class="yorum-sayaci">' + postComments + "</div>"
    
    Yerine
    <div class="yorum-sayaci">' + postComments + " Yorum" + "</div>"
    
    Bu bölümü yazabilirsiniz.
    Bu kadar. Kodu denemek için Online html editor'ü kullanabilirsiniz.
    Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    3 yorum:

    Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

     
    • Meftun Apart

      Meftun Apart Fethiye

      Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

    • Meftun Mede Blogger

      MEDE Blogger Tema Yardım

      Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

    • Sitemap sayfası oluşturma

      Sitemap sayfası oluşturma

      Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

    • hit arttırma

      Sitenizin hitini arttırın!

      Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

    • internetten para kazan

      İnternetten para kazan !

      Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!