Artikel Terbaru :
Home » » Cara Menampilkan Jumlah Komentar Di Samping Judul Posting

Cara Menampilkan Jumlah Komentar Di Samping Judul Posting

Saturday, December 22, 2012 | 6komentar

Cara Menampilkan Jumlah Komentar Di Samping Judul Posting 
Pada kesempatan kali ini  saya akan memposting bagaimana cara untuk menambahkan sebuah ikon bubble ke sebelah judul post anda yang menampilkan jumlah komentar dari postingan tersebut.


  • Login ke Blogger > Layout > Edit HTML
  • Ceklis "Expand Template Widgets"
  • Cari kode berikut
<h3 class='post-title entry-title'>

Sesudah kode tersebut ketemu, tambahkan kode di bawah ini tepat dibawahnya :
<!--COMMENT-BUBBLES-STARTS--><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if><!--COMMENT-BUBBLES-STOPS-http://www.trikblogspot.co.cc/-->
  • Setelah itu cari dan temukan kode berikut :
</head>
Setelah ketemu Letakan kode di bawah ini tepat setelah kode </head> :

Lihat Code
<!--COMMENT-BUBBLES-STARTS--><style type="text/css">
.comment-bubble {
float: right;
background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style><!--COMMENT-BUBBLES-STOPS-http://www.trikblogspot.co.cc/-->

Edit kode yang berwarna Biru tersebut sesuai dengan gaya blog anda. Ganti link warna kuning dengan link gambar yang anda sukai bisa buat sendiri atau cari di photobucket. gmpang bukan !!
Selamat mencoba semoga bermanfa'at jangan lupa like nya ya :)
Share this article :

ARTIKEL TERKAIT:

6 comments:

  1. Good info :)

    Ditunggu kunjunganya di:

    http://www.setiabloger.blogspot.com

    ReplyDelete
  2. wah ini top matkotop tih tips nya, makasih yah

    ReplyDelete

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting