Blogger gönderi görüntüleme sayacı kodu - Blogger html css kodlari

Yazdir

Blogger gönderi görüntüleme sayacı 

 Bugün sizin için Blogger'da yeni bir eğitimle karşınızdayız. Bu Blogger için geçerlidir. Birçok kişi normal bir bloga gelir. Ve birçok kişi blogun görüntülenme sayısıyla ilgilenir. Blogda çok fazla görüntülenme varsa, çoğu kişi blog sitenizi ziyaret edecektir. Farklı sitelerde görüntülenme sayaçlarını görmüşsünüzdür. Benzer şekilde, blogunuza kolayca görüntülenme sayacı ekleyebilirsiniz. Ayrıca, bir blog sitesinde, sayfa görüntüleme sayacını ve gönderi görüntüleme sayacını ayırabilirsiniz. Sayfa görüntüleme sayacı, her sayfanın blogundaki görüntülenme sayısıdır. Gönderi görüntüleme sayacı, gönderi başına görüntülenme sayısıdır. Artık bu konuda biraz bilginiz var.

Firebase Hesabınızı Oluşturma

Bu iş için öncelikle bir firebase hesabı oluşturmanız gerekmektedir. 1.Öncelikle https://firebase.google.com adresine gidin . 2.Ardından BAŞLA butonuna tıklayın .

3.Şimdi Proje Ekle'ye tıklayın .

4.Daha sonra yeni bir pencere göreceksiniz. Detayları doldurun ve PROJE OLUŞTUR butonuna tıklayın.

Firebase Hesabınızı Oluşturma

5.Daha sonra Veritabanı bölümüne gidin ve  BAŞLA butonuna tıklayın.

Firebase Hesabınızı Oluşturma

6.Şimdi KURALLAR sekmesine gidin. Orada bir kod görebilirsiniz. Ardından aşağıdaki kodu kopyalayıp yapıştırın ve YAYINLA butonuna tıklayın. Orada " Güvenlik kurallarınız herkese açık olarak tanımlandı, herkes veritabanınızı okuyabilir veya yazabilir " şeklinde bir mesaj göreceksiniz . Bunu kapatın.

Tüm Kodu Kopyala

{  "kurallar": {  ".oku": doğru,  ".yaz": doğru   } }

7.Şimdi Ayarlar simgesine tıklayın ve Proje ayarlarına gidin. Proje Kimliğinin GENEL sekmesine dikkat edin .

Firebase Hesabınızı Oluşturma

Artık firebase hesap ayarlarınız tamamlandı. Sırada blogger'a gönderi görüntüleme sayacını eklemek var. Aşağıdaki adımları takip edin.

Blogger'a gönderi görüntüleme sayacı nasıl eklenir?

1. Blogger » Şablon » Şablonunuzu Yedekleyin » bölümüne gidin ve HTML'yi düzenleyin . 2. <data:post.body/>
öğesini bulun (ctrl+f).   2. Şimdi bu kodu kopyalayın ve <data:post.body/>
öğesinin önüne yapıştırın.

Tüm Kodu Kopyala

<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views

3.Şimdi Bul (ctrl+f) </body> 4.Aşağıdaki kodu kopyalayın ve </body>'
den önce yapıştırın

Tüm Kodu Kopyala

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/><script>$.each($(&#39;a[name]&#39;), function(i, e) {var elem = $(e).parent().find(&#39;#postviews&#39;);var blogStats = new Firebase(&quot;https://Project-ID.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));blogStats.once(&#39;value&#39;, function(snapshot) {var data = snapshot.val();var isnew = false;if(data == null) {data= {};data.value = 0;data.url = window.location.href;data.id = $(e).attr(&#39;name&#39;);isnew = true;}elem.text(data.value);data.value++;if(window.location.pathname!=&#39;/&#39;){if(isnew)blogStats.set(data);elseblogStats.child(&#39;value&#39;).set(data.value);}});});</script>

5. Şimdi Proje Kimliği yerine Firebase Proje Kimliğinizi yapıştırın  . 6. Son olarak Şablonunuzu kaydedin. Not: Yukarıdaki adımdan sonra gönderi görünümleri çalışmıyorsa, aşağıdaki kodu kopyalayın ve </head> kodunun önüne yapıştırın.

Tüm Kodu Kopyala

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Her şey şu anda yolunda. Sonra blog gönderinizde görüntüleme sayacını görebilirsiniz. Böylece Blogger'a gönderi görüntüleme sayacının nasıl ekleneceğini biliyorsunuz . Umarım gönderiyi beğenirsiniz, arkadaşlarınızla paylaşmayı unutmayın ve yukarıda tartışılan yöntemin herhangi bir adımında herhangi bir sorunla karşılaşırsanız aşağıya bir yorum bırakın. Teşekkür ederim.