Cara Membuat Readmore Dan Comment Berdampingan

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 */
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}

Jika sudah di letakan kemudian anda cari lagi kode <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'>
Read More </a></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</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 &gt; 1'> <data:post.numComments/> Comments </b:if> </a></b:if>
<div style='float:right; font-family: Audiowide, cursive; margin-right:-11px;margin-top:-115px'/>

Langkah terakhir tinggal di Save Template / Simpan Template.
jika kode <data:post.body/> itu ada banyak, silahkan anda coba satu per satu.

Sekian dari saya, semoga artikel ini bermanfaat.

Tweet

Postingan terkait:

Ditulis Dandi Saseno — Saturday, 16 February 2013 — 29 Comments — tutorial blog