Blogger Konu Görüntülenme Eklentisi

Merhaba arkadaşlar,bu eklenti sizlerin bloglarınız için konunuzun üstünde gözüken görüntülenme sayısını gösteren bir eklentidir.Bu eklenti ile sizin panelden kaç görüntülenme sayısına bakmanıza gerek kalmayacak.
Eklentiyi Nasıl Kurarım ?
  • Blogger panelimizden temamızın düzenleme bölümünü seçelim.
  • Temamızı düzenleme bölümüne geldikten sonra CTRL + F yapalım.
  • CTRL + F yaptıktan sonra ]]></b:skin> aratalım.
  • Bulduğunuz kodun altına aşağıdaki kodu yapıştıralım.
Kod:
// Zamane Blog Kod Başlangıcı //#views-container { width: 85px; float: right; }.mbtloading { background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/mbtloading.gif') no-repeat left center; width: 16px; height: 16px; }.viewscount { float: right; color: #EE5D06; font: bold italic 14px arial; }.views-text { float: left; font: bold 12px arial; color: #333; }.views-icon{ background: url('http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left; border: 0px; display: block; width: 16px; height: 16px; float: left; padding: 0px 2px; // Zamane Blog Kod Bitişi // }
// NOTLAR //
  • Kod da ki float:right; kodunu float:left; yaparsanız görüntülenme eklentisi sol tarafta gözükür.
  • Kod da ki color: #EE5D06; kısmındaki #EE5D06 yi herhangi bir renk koduyla değiştirirseniz turuncudan farklı bir renge dönüşür.
Daha sonra tekrardan CTRL + F kullanarak şu kodu aratalım </body>
Bulduktan sonra altına aşağıda ki kodları yapıştırın.
Kod:
// ZAMANE BLOG KOD BAŞLANGICI // <script type='text/javascript'>     window.setTimeout(function() {         document.body.className = document.body.className.replace('loading', ''); 
ZAMANE BLOG KOD BİTİŞİ //      }, 10);   </script> <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> <script> $.each($('a[name]'), function(i, e) { var elem = $(e).parent().find('#postviews').addClass('mbtload
ing'); var blogStats = new Firebase(&quot;https://www.zamaneblog.com/pages/id/&quot; + $(e).attr('name')); blogStats.once('value', function(snapshot) { var data = snapshot.val(); var isnew = false; if(data == null) { data= {}; data.val
ue = 0; data.url = window.location.href; data.id = $(e).attr('name'); isnew = true; } elem.removeClass('mbtloading').text(data.value); 
data.value++; if(window.location.pathname!='/') { if(i
snew) blogStats.set(data); else blogStats.child('value
').set(data.value); } }); }); </script>// ZAMANE BLOG KOD BİTİŞİ //
  • www.zamaneblog.com adresini kendi blog adresiniz ile değiştirin.
Ardından bu kodu <data:post.body/> bulun ve altına aşağıdaki kodu yapıştırın.
Kod:
// ZAMANE BLOG KOD BAŞLANGICI// 
<div id='views-container'><span class='views-icon'/><div class='views-text'>Görüntülenme</div> <div class='mbtloading viewscount' id='postviews'/></div>
      // ZAMANE BLOG KOD BİTİŞİ //
Son olarak ise <head> kodunu aratarak altına şu kodları yapıştırmak olacak ve işlem tamam :)
Kod:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

NOT : KOD BOZUKSA VEYA ÇALIŞMIYORSA KAYNAK LİNKİNDEN BİR KEZ DAHA BAKINIZ(ALINTI LİNKİNDEN).EĞER TEKRAR KOD ÇALIŞMIYORSA BİZE BİLDİRİNİZ(MESAJ-Ö.M-SOSYAL AĞLAR vs..)



KAYNAK : Blogger Konu Görüntülenme Eklentisi << ZAMANEBLOG
 

Benzer konular

Top