Yahoo! Style Read More

Nha, abis buat read more pada postingan sebelumnya, sekarang kita akan bikin read more dengan style yang baru. Pada read more yang biasa, link Read More akan berada di bawah kiri penggalan postingan. Kalau yang punya saya, linknya kan berada di bawah kanan postingan. Mau nggak buatnya??Baca dong bos...jangan cuma diplototin....

Caranya:
1.Login dulu ke blogger pake ID anda (lha, kalau pake ID saya, namanya ngehack dong)
2.Masuk ke Dashboard->Layout->Edit HTML
3.Backup dulu untuk menghindar dari marabahaya
4.Centangi kotak Expand Template Widget.
5.Cari kode ]]></b:skin>.
Lalu, simpan kode ini di bawahnya
.more {
bottom:5px;
font-family:verdana;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-right:10px;
text-align:right;
white-space:nowrap;
}

6.Selipkan kode <p class='more'&gt; dan </p> kode Readmore yang sebelumnya anda buat. Hasilnya seperti ini:

<a expr:href='data:post.url'> <p class='more'>Baca Selengkapnya »</p></a>

Read More yg cantik telah tersedia. Sekarang, link read morenya tidak terlalu mengganggu mata.GET TRY IT NOW!!

Sumber:catalog-tutorial.blogspot.com