3 Tips Membuat Add Comment + Readmore

Selamat Siang sobat H.G.C Syndicate. Sebelum saya pergi LES Sekolah saya mau Post Tips dlu deh :D. Tips yang saya post adalah cara membuat Add Comment + Read More di Blog. Tips ini saya dapatkan di Penyolongan. Thx atas Tipsnya, kali ini H.G.C Syndicate akan post disini juga.

• Buka Blogger masing"
• Masuk Rancangan > Edit HTML
• Lalu cari code seperti dibawah ini :

]]></b:skin>

• Setelah itu copy code dibawah ini tepat diatas code ]]></b:skin> 

a.Hgc{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:transparent;font-size:14px;color:#242424;display:block;border:2px solid #FFF;margin:6px 0;padding:2px 16px;}
a.ngkot:hover {background:#f5f5f5;color:#FFF;}

Keterangan :
- Kode warna merah adalah ukuran Border Radius. Tentukan sendiri
- Kode warna kuning adalah background tombol tsb. Tentukan sendiri
- Kode warna biru adalah warna border ( GARIS ). Tentukan sendiri
- Kode warna hijau adalah kode warna. Tentukan sendiri

• Copy kode dibawah ini dan Cari <data:post.body/> dan pastekan dibawahnya.

<div style='float:right'><a class='Hgc' expr:href='data:post.url'> Read More &#187; </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='Hgc' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>

• Simpan Template

Selamat ngeBlogging

Baca Selengkapnya :