March 15, 2013

Cara Menampilkan Jumlah Komentar Pada Judul Postingan Blog




Selamat siang sob...

Setelah sebelumnya saya share mengenai widget-widget twitter yang keren, kali ini postingan saya tidak kalah menarik sob...

Yup, sesuai judulnya kali ini kita akan memasang jumlah komentar tepat disamping judul artikel atau postingan blog kita. Untuk contohnya bisa kalian lihat sendiri di judul postingan blog saya ini. Sebelumnya siapkan dulu bahan-bahannya sob, hehehe yaitu kode-kode dibawah ini yang nantinya akan dipasang.

1. Login dulu ke blogger.



2. Pilih Template - Edit HTML dan centang "Expand Template Widget".


3. Cari kode ]]></b:skin> dan letakkan kode berikut ini tepat diatasnya.

 
.comment-ballon{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88PcflEFhgpREqiqP-steoAQA_YESgKGKnX-EQoWzevSAUWb-0usDfN8GlMsoMC09ZE0U6RNJUhHK7hNUyJQcehiG5dAZYFYX9YwNV-9xtOqu8_iE22gLwnA_jmY2ZXw0zBhUN-fOmMRh/s1600/comment+jadi.gif) no-repeat; width:32px; height:32px; text-align:center; font-size: 16px; float: right; padding-top: 3px; margin-right: 10px; font-color: #ffffff; } .comment-ballon a{ color: #000000; }

4. Lanjut sob kalo udah, kita cari kode <a expr:name='data:post.id'/> dan letakkan kode berikut ini tepat diatasnya.

 
 <div class='comment-ballon'><b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a> </b:if></div>

5. Kemudian cari lagi kode seperti dibawah ini sob dan kemudian hapus kode tersebut.

 
<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'>                       <b:include data='post' name='comment_count_picker'/>                     </b:if>                   </b:if>                 </b:if>               </span>

6. Langkah terakhir --->> Simpan Template.

7. Enjoy.


Ok...terima kasih sob atas kunjungannya dan silahkan tinggalkan komentar kalian yang ingin dan sudah mencoba. Semoga bermanfaat.

10 comments

  1. kok di punya saya gak muncul ya?

    ReplyDelete
    Replies
    1. coba ulangi lagi langkah2 nya seperti diatas gan, karena saya sudah mencoba dan berhasil menerapkannya mungkin agan ada yang terlewat... :)

      Delete
    2. punyaku juga enggak muncull ...

      ★ http://www.adadeny.com/

      Delete
  2. mantap bro tipsnya langsung dicoba

    ReplyDelete
  3. kok tempatku enggak Work ya gan ..
    apa tergantung Templatenya ??..

    ★ http://www.adadeny.com/

    ReplyDelete
  4. Cuma Nyimak ajja gan....Ribet kayaknya caranya.!
    Mampir juga gan ke http://blog-medianet.blogspot.com/

    ReplyDelete
  5. great post, i feel very usefull from information penumbuh rambut alami

    ReplyDelete