11 May 2012

Home » » Tutorial 37 : Cara letak jumlah komen disebelah tajuk posting

Tutorial 37 : Cara letak jumlah komen disebelah tajuk posting

Cik Admin | Friday, May 11, 2012 | 0Comments |
Photobucket

Meletakkan jumlah komen disebelah tajuk posting dengan dengan bentuk gelembung  boleh membuatkan blog anda nampak lebih menarik.Jika ingin mengubahsuai tampilan pada blog dengan jumlah komen ini, ikuti langkah berikut: 


1.Masuk ke Design,dan pilih edit HTML,
2.Kemudian klik pada expand template widget

Dan cari kod ini pada template:

<h3 class='post-title entry-title'>

3. Sebelum  atau selepas kod diatas ,letak kod dibawah ini:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><br/><span style='font-size:10px'>Komen</span></a>
</b:if>

#Bahagian yang berhuruf merah adalah bagi membuat  perkataan komen dibawahnya .

Jika tiada kod <h3 class='post-title entry-title'> ,cari kod <b:if cond='data:post.url'> dan letakkan kod diatas sebelum kod ini.

4.Kemudian cari kod ini pula:
</head>

5.Letakan sebelum atau selepasnya kod dibawah ini:
<style type="text/css">.comment-bubble {
float: right;
background: url(http://2.bp.blogspot.com/_1fRuBdlSpLw/S_FeUmNKicI/AAAAAAAAAX4/U7evDQQ8vKc/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;

width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;


margin-right: 2px;
text-align: center;
}
</style>

6.kemudian preview dan akhir sekali klik save template


Syukran jiddan.Sila tekan like dan send jika suka entri ini ..^_^

No comments:

Related Posts Plugin for WordPress, Blogger...

Design By Saidatul Qifayah | For ! MSH PRODUCTIONS 2013-2014 ©| Resolution: 1366 x 768px | Best View: Google Chrome