Blogger Konu Görüntülenme Eklentisi

Görüntüleme

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.

Eklentiniyi 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 bu kodu yapıştıralım.

// 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.

// 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("https://www.zamaneblog.com/pages/id/" + $(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.

// 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İŞİ //