Cara Membuat Readmore Keren

langsung Aja Kita Menuju ke TKP

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

a.DarkRead{opacity:1.0;float: right;font-size: 38px;height: 90px;width: 500px;z-index:999999;margin-bottom: -105px;margin-right: 10px;position: relative;padding: 5px;border: 3px solid #000;-webkit-background-clip: padding-box;-webkit-box-shadow: 0 0 8pxrgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);box-shadow: 0 0 10pxrgba(0, 0, 0, 0.3);border-radius: 5px;background:#DDE4ED;text-align: center;line-height: 84px;-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;}a.DarkRead:hover{opacity:0.2;}

5. Lalu Cari Kode <data:post.body/> & Pastekan Kode Berikut Tepat Dibawahnya :

<div style='float:right; font-family: Audiowide, cursive; margin-right:-11px;margin-top:-115px'><a class='DarkRead' expr:href='data:post.url'>Read More &#187; </a></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><div style='float:right; font-family: Squada One, cursive; margin-right:520px;margin-top:-114px'></div>

Semoga Berhasil...

sumber