Home » Bloger

Yahoo! Style Read More

18 May 2008 7 views No Comment

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

logo

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Dapatkan disini Free Domain+Hosting & Themes Premium WordPress Murah

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.