22/10/2012

Membuat Readmore + Add Comment Seperti Penyolongan

14:22:00


Malem Sobat PC banyak yang minta-minta cara buat readmore seperti blog ane.
mumpung masi lebaran jadi ane bagi-bagi Thr dah wkwk.
Thr yang ane bagi Cara membuat Readmore.
kgak usah lama-lama lagi, langsung sedot aje XD.


1. Login Ke Blogger, masuk ke edit HTML, Centang Expand Template Widget.
2. Copy Kode di Bawah ini dan pastekan di atas  ]]></b:skin>.

a.Penyolongan{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:transparent;font-size:13px;color:#242424;display:block;border:3px solid #fff;margin:6px 0;padding:2px 16px;}
a.penyolongan:hover {background:#f5f5f5;color:#ccc;}

Keterangan:
-Warna Merah: Ukuran radius bordernya.
-Warna Kuning: Kode warna agan.
-warna orange: Warna Font agan.
-warna Biru: Warna Border Agan.
-Warna Ungu: Jenis Border agan.

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



<div style='float:right'><a class='penyolongan' 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='penyolongan' 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>

Keterangan: 
-warna merah: Posisi Readmorenya.
-warna Kuning: Kata-kata anda.

4. Save Template.


NB: Setiap Template jarak bordernya pasti akan berbeda jadi tinggal agan setel aje.

0 komentar

trima kasih telah berkomentar
salam damai
dari petrus siahaan