Rabu, 06 November 2013
Browse Manual »
Wiring »
cara
»
disebelah
»
jumlah
»
komen
»
letak
»
posting
»
tajuk
»
Cara letak jumlah komen disebelah tajuk posting
1.Masuk ke dashboard,template dan pilih edit HTML,
Dan cari kod ini pada template:
3. Sebelum atau selepas kod diatas ,letak kod dibawah ini:
#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:
5.Letakan sebelum atau selepasnya kod dibawah ini:
6.kemudian preview dan akhir sekali klik save template
Cara letak jumlah komen disebelah tajuk posting
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 dashboard,template dan pilih edit HTML,
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>
<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPejzW_VnccDd1CZ19Qc-unnfffRlMNNMh_-z6M4_veq2NfgW352Xq4iUUFarSm9iW7Glm10VPC_TxIaDxg1GrCRLPZ7pzlUWlrWmnL6Ys0ZQUsD9Z5Kjx2DDD0r0CSWI1sqJMpnqGImx0/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;
font-size: 18px;
margin-top: -15px;
}
</style>
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPejzW_VnccDd1CZ19Qc-unnfffRlMNNMh_-z6M4_veq2NfgW352Xq4iUUFarSm9iW7Glm10VPC_TxIaDxg1GrCRLPZ7pzlUWlrWmnL6Ys0ZQUsD9Z5Kjx2DDD0r0CSWI1sqJMpnqGImx0/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
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar