Didan Cakep

Cara Merubah Jumlah Komentar Blogspot Menjadi Icon

Cara merubah jumlah komentar blogspot menjadi icon - Pada template default blogspot, jumlah komentar masuk hanya ditampilkan berbentuk tulisan saja, tentunya hal ini kurang eye catching.

Untuk yang bosan dengan tampilan standar blogspot, mungkin bisa mencoba trick yang satu ini. Untuk hasil akhirnya bisa dilihat pada screenshoot nya.

Cara yang hendak saya uraikan bisa dipraktekkan menggunakan HP ataupun desktop. Berikut ini tahapnya:

Download template

Untuk pengguna HP cara downloadnya bisa baca di Cara Mengedit Template Blogspot Menggunakan HP

Cari <div class=post hentry itemscope=itemscope itemtype=http://schema.org/BlogPosting> pada template hasil download tadi

Untuk mempercepat pencarian bagi pengguna hp gunakan menu find lalu pastekan script berikut <div class=post hentry

Pastekan script di textarea dibawah ini di bawah script <div class=post hentry itemscope=itemscope itemtype=http://schema.org/BlogPosting>

<!--jumlah komentar--><br /><b:if cond=data:blog.pageType != &quot;item&quot;><br /> <b:if cond=data:blog.pageType != &quot;static_page&quot;><br /> <b:if cond=data:post.allowComments><br /><div id=total-komentar><br /><a expr:href=data:post.addCommentUrl<br />expr:onclick=data:post.addCommentOnclick><br /><b:if cond=data:post.numComments ==<br />1>1 <b:else/><br /><data:post.numComments/><br /></b:if></a><br /></div><br /></b:if><br /></b:if><br /></b:if><br /><!---akhir jumlah komentar-->

Lalu cari <span class=post-comment-link>

Hapus script berikut ini :

<span class=post-comment-link>
<b:if cond=data:blog.pageType != &quot;item&quot;>
<b:if cond=data:blog.pageType != &quot;static_page&quot;>
<b:if cond=data:post.allowComments>
<a class=comment-link expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span>

Cari ]]></b:skin> Dan pastekan CSS Dibawah ini diatas script ]]></b:skin>

#total-komentar a {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOfwstzKm5Liw5q0ZLlqMVY5IMlm6gRkUY3d4A-ty7aYY-CoHsPlq1JUz1arh3-sZCQB7-vJ70j7ezNffba5p9oeByz92ueurq2M21ae77IF4lEI4ftg7VUuz-y__UAQq5GF6_yxXWSSAO/s400/Baloon.png) center no-repeat; text-align: center; float: right; padding: 15px 20px 15px 20px; margin: 0 20% 0 0; color: #fdf5e6;}

Save Template Lalu Upload

Untuk yang kurang suka bentuk iconnya silahkan ganti gambar pada css tadi.

Diposting oleh Unknown di 19.45

Kirimkan Ini lewat EmailBlogThis!Bagikan ke XBerbagi ke FacebookBagikan ke Pinterest

Label: blogspot, cara, icon, jumlah, komentar, menjadi, merubah