Cara membuat read more v2 keren

yah ini posting terakhir hari ini,,,besok lagi sudah ngatuk/lelah...huh
kali ini saya akan men share bagaimana cara membuat read more keren di blog
langsung saja lihat cara di bawah woookeyyy

cara membuat read more keren di blog ::

1.login ke blog anda
2.Klik Template >> Edit HTML
3.cari kode ]]></b:skin ... jika sudah ketemu pastekan kode di bawah 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;}

4.cari  kode </data:post.body>  YANG KE 2
6.Jika ketemu Paste kode ini dibawahnya...kalau tidak bisa HAPUS </data:post.bodi> lalu ganti dengan kode di bawah.

<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>

7.Kemudian Save template atau bisa di Pratinjau dulu,,,


||sumber||

||SELESAI||