Menampilkan tulisan Artikel ini Telah Dibaca Berapa Kali di Bawah Postingan

Anda mungkin sering menemukan Artikel ini telah dibaca sebanyak xxx kali. Untuk DEMO, silahkan gulir ke bawah, lihat di akhir postingan. Hal ini lah yang akan saya jelaskan saat ini.

Pasang JavaScript

Seperti biasa, masuk ke Edit Template. Simpan script ini di atas </body>

<b:if cond='data:view.isPost and !data:view.isPreview and !data:view.isError'>
	<script type='text/javascript'>
		function pCount(response) {
			document.getElementById(&#39;count&#39;).innerText = response.value;
		}
	</script>
	<script async='async' expr:src='&quot;https://api.countapi.xyz/hit/&quot; + &quot;blog-&quot; + data:blog.blogId + &quot;/&quot; + &quot;post-&quot; + data:blog.postId + &quot;?callback=pCount&quot;'/>
</b:if> 

Menempatkan KOde HTML di bawah Postingan

Selanjutnya simpan kode ini di atas <data:post.body/>:

<div class='baca'>
   Artikel ini telsh dibaca sebanyak
     <span id='count'>
       0
     </span>
</div>

Apabila menemukan beberapa <data:post.body/> maka pilih yang terdapat di tag kondisional seperti ini

<b:if cond='data:view.isPost'>
  ....
  <data:post.body/>
  ....
</b:if>

atau Tag Kondisional versi lama

<b:if cond='data:blog.pageType == "item"'>
  ....
  <data:post.body/>
  ....
</b:if>

Penambahan CSS

Simpan kode ini di atas </style> atau ]]></b:skin>

.baca{font-family: font-size:13px;font-weight:normal;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:7px 0}
#count{font-weight:bold}

Simpan Template.

Terima kasih Kang Ismet atas kodenya, dan diizinkan untuk repost

Source:
www.kang-ismet.com