Menambah komentar balon di judul postingan

Menambah komentar balon di judul postingan. Dalam mendesign sebuah template kita harus melihat dari beberapa segi, salah satunya segi keindahan template. Pada kesempatan kali ini tidak bosan-bosannya saya membuatkan trik blog untuk mendesign template sobat agar lebih baik dalam hal keindahan template. Untuk trik ini saya akan menekankan design pada judul postingan dengan memeberikan total komentar beserta image balon. Untuk melihat screenshoutnya atau contoh gambar sobat bisa lihat ke bawah ini.


Bagaimana, lumayan kerenkan? Sekarang mari kita lihat ke Langkah pembuatannya :

1. Seperti biasa login ke blogger
2. masuk ke Tata Letak => Edit HTML
3. cari kode <h3 class='post-title entry-title'> apabila kode tersebut tidak dapat di temui sobat dapat mencari tulisan post-title entry-title, biasanya pada setiap template terdapat tulisan tersebut.
   
   
   
   
4. lalu tambahkan kode di bawah ini setelah atau di bawah kode yang tadi sobat cari
   
   
   <!--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://bloggerstop.net-->
   
   
   
5. setelah itu cari kode </head> lalu taruh kode di bawah ini tepat di atasnya
   
   
   <!--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://bloggerstop.net-->
   
   
   
   Penjelasan :
   
   • background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat; => dapat sobat ganti dengan image yang lain (baca : Belajar CSS)
   • width: 55px; => sobat dapat memperbesar satuannya dan memperkecil satuannya (baca : Belajar CSS)
   • height: 38px; => dapat meninggikan atau memendekannya (baca : Belajar CSS)
   
   
6. setelah itu simpan dan sobat dapat melihat hasilnya ^_^

Setelah Menambah komentar balon di judul postingan maka template atau blog sobat terlihat lebih baik dari sebelumnya. Oiya saya ahmpir lupa trik blog ini saya dapatkan dari bloggerstop, seorang master blog yang berasal dari luar negeri entah dia tinggal dimana saya tidak tahu . oke sekarang saya akhiri. Terima kasih dan Happy Blogging .

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg