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

Cara Menampilkan Jumlah Komentar Di Samping Judul Posting

Sabtu, 22 Desember 2012 | 7komentar

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:

7 komentar:

  1. Good info :)

    Ditunggu kunjunganya di:

    http://www.setiabloger.blogspot.com

    BalasHapus
    Balasan
    1. thank you :)
      sudah sit kunjungi blognya :)

      Hapus
  2. bagus nih buaat dicoba :D

    BalasHapus
    Balasan
    1. tentu donk
      selamat mencoba semoga berhasil

      Hapus
  3. wah ini top matkotop tih tips nya, makasih yah

    BalasHapus
  4. Kayaknya menarik juga bila di pasang di Blog saya.
    salam kenal gan di tunggu kunjung baliknya

    http://blog-medianet.blogspot.com/2014/09/ayo-tukar-link-gratis-bersama-masrolicom.html

    BalasHapus

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