Cara Membuat Readmore Dan Comment Berdampingan - Ya, sepertinya sudah banyak yang sudah menggunakan Readmore dan Comment berdampingan / bersebelahan, Readmore adalah baca selengkapnya yang apabila di klik akan menuju ke artikel tersebut dan Comment adalah untuk mengetahui beberapa comment dan jika ingin berkomentar bisa klik tombol Comment tersebut.
dan berikut ini cara-cara pemakaiannya.
Pertama-tama login ke www.blogger.com
kemudian pergi ke Blog Dasbor > Template > Edit HTML
lalu cari kode
]]></b:skin>
jika sudah ketemu, letakan kode dibawah ini diatas kode ]]></b:skin>
/* CSS Read More dan Comment by Xpress Community */Jika sudah di letakan kemudian anda cari lagi kode
a.XCRead{background:#990000;font-family:baumans,sans-serif;font-size:18px;color:black;display:block;border-radius:13px;margin-bottom:-15px;margin-right:5px;padding:5px 30px;border:4px dashed #660000}
a.XCComment{background:#990000;font-family:baumans,sans-serif;font-size:18px;color:black;float:right;display:block;border-radius:13px;margin-right:10px;padding:5px 30px;border:4px dashed #660000;width:auto;position:relative}
<data:post.body/></div>
/ <data:post.body/>
lalu letakan kode dibawah ini dibawah kode
<data:post.body/></div>
/ <data:post.body/>
<div style='float:right'><a class='XCRead' expr:href='data:post.url'>Langkah terakhir tinggal di Save Template / Simpan Template.
Read More </a></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<b:if cond='data:post.allowComments'> <a class='XCComment' 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 > 1'> <data:post.numComments/> Comments </b:if> </a></b:if>
<div style='float:right; font-family: Audiowide, cursive; margin-right:-11px;margin-top:-115px'/>
jika kode
<data:post.body/>
itu ada banyak, silahkan anda coba satu per satu.Sekian dari saya, semoga artikel ini bermanfaat.
Tidak ada komentar:
Posting Komentar