Wednesday, June 14, 2017
CODE CSS3 UNTUK MELIHAT JUMLAH KOMENTAR DI ATAS POST
CODE CSS3 UNTUK MELIHAT JUMLAH KOMENTAR DI ATAS POST
* Berikut ini saya akan berbagi cara melihat statistik komentar dengan menggunakan code css3 ,sebenarnya ini saya dapat dari hasil googling dan berjalan sukses 100 % oke kita lanjut
Lakukan becup temple terlebih dahulu untuk mengindari hal yang tidak kita inginkan dalam pemasangan code
1.langkah pertama Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.
2. Cari kode ]]></b:skin> pada template .anda.( gunakan ctrl + F ) untuk mempercepat pencarian
3.Letakkan kode CSS3 dibawah ini diatas kode ]]></b:skin>
Lakukan becup temple terlebih dahulu untuk mengindari hal yang tidak kita inginkan dalam pemasangan code
1.langkah pertama Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.
2. Cari kode ]]></b:skin> pada template .anda.( gunakan ctrl + F ) untuk mempercepat pencarian
3.Letakkan kode CSS3 dibawah ini diatas kode ]]></b:skin>
4.Kemudian cari kode judul artikel/posting pada template anda karena kita kita akan meletakkan kode untuk menampilkan jumlah komentar ini disebelahnya. Susunan kode tag judul biasanya seperti ini.a.comment-bubble:hover{color:#cc6611;}a.comment-bubble {float:right;width:34px;height:18px;text-align: center;white-space:nowrap;font: bold 14px monospace;color:white;position:relative;margin-left: 6px;margin-top: 3px;padding-top:2px;background:#eeaa00; /* fallback */background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8dd99), to(#eeaa00));background:-webkit-linear-gradient(#f8dd99, #eeaa00);background:-moz-linear-gradient(#f8dd99, #eeaa00);background:-o-linear-gradient(#f8dd99, #eeaa00);background:linear-gradient(#f8dd99, #eeaa00);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border: 1px solid #dd8808;border-bottom-color: #f8dd99;border-right-color: #f8dd99;}a.comment-bubble:after {content:"";position:absolute;bottom:-5px;left:11px;border-width:5px 5px 0px 0px;border-style:solid;border-color:#eeaa00 transparent;display:block;width:0;}
<b:includable id=post var=post><div class=post hentry><a expr_name=data:post.id/><b:if cond=data:post.title><h3 class=post-title entry-title>
NB:Sesuaikan kode tag heading (h3) .dengan tag judul post yang ada di template anda. Karena bisa jadi dalam template anda tag judul adalah h1 atau bisa juga h3
5. Tambahkan tag HTML yang berwarna kuning tlisan merah berikut ini dibawahnya.
6.lakukan pratinjau klo udah oke . baru save templete
<b:if cond=data:post.allowComments><a class=comment-bubble expr_href=data:post.url + "#comments" expr_title="Comments to &quot;" + data:post.title + "&quot;"><data:post.numComments/></a></b:if><b:includable id=post var=post><div class=post hentry><a expr_name=data:post.id/><b:if cond=data:post.title><h3 class=post-title entry-title>
6.lakukan pratinjau klo udah oke . baru save templete
Go to link Download
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.