5.31.2008

Read More Yahoo! Style

Blog anda sudah mengaplikasi Read More dan anda ingin membuat variasinya? Read more Yahoo! style ini mengacu pada tulisan "read more"-nya ala Yahoo. - yang posisinya di samping kanan. Variasi ini kelihatannya belum banyak yang mengaplikasikan. Anda mau mencoba? Ok, ikuti langkah-langkahnya ya?!

1. Memasukan kode
Login ke blogger, pilih layout, buka halaman Edit Html kemudian centang tulisan Expand Template Widget.
Setelah itu taruh kode ini di bawah ]]></b:skin>

.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;
}

2. Memasukan tag <p class='more'>..</p> pada elemen Html.

Cari tulisan "Read More" atau ”Selengkapnya” atawa ”Baca Selengkapnya”! Kamu bisa gunakan kotak pencarian browser ( Ctrl + F ).
Can you find it? Good…

<a expr:href='data:post.url'>Read More......</a>

Tambahkan tag <p class='more'>&#187; ..</p> seperti tulisan di bawah.

<a expr:href='data:post.url'> <p class='more'>&#187; Read More.... </p></a>

Silahkan berimprovisasi sendiri pada tulisan " Read More " misalkan diganti dengan “Baca Selanjutnya", “Seterusnya”, “teruskan bacanya ya?!…” dll. Up to you dech!!!
Ok beres. Simpan Perubahan.

3. Menambah Gambar.

Anda pun bisa menambahkan dengan gambar.

Tambahkan saja properti Background:url (alamat gambarmu) no-repeat right; di bawah kode more {

.more {
background:none;url(http://i120.photobucket.com/albums/o190/jaloewig/blogger/reedmore-bg.gif) no-repeat right;
bottom:5px;
font-family:verdana;
font-size:80%;

Penjelasan.
.more {
bottom:5px;
font-family:verdana;
font-size:80%; = ukuran teks bisa juga pake satuan pixel misal 10px.
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold; = ukuran tebal teks lawannya Normal
line-height:normal;
padding-right:10px;
text-align:right; = posisi teks di samping kanan lawanya left or center
white-space:nowrap;
}
Hoi bro, coba donk. Jangan Cuma baca and duduk-duduk…..

20 komentar:

  1. Mas, dari kapan hari saya coba untuk menambahkan read more ora iso-iso... puyeng... apa bisa dibantu mas.. Thx

    BalasHapus
  2. @ Regina > yang paling mudah itu pake readmore 1. Jadi lebih baik regina pasang readmore versi satu aja. tutornya bisa baca di http://tipsdantrikblogging.blogspot.com/2008/05/membuat-read-more-baca-selengkapnya.html

    BalasHapus
  3. selamat sore dan salm kenal gan post agan sangat bermamfaat banget trimakaish gan obat sipilis pada pria dan wanita di apotik lapak ane gan obat sipilis pada pria dan wanita mohon izininya gan obat sipilis di apotik

    BalasHapus
  4. Gan salam kenal yah...artikelnya bagus gan...dan jangan lupa kunjungi juga artikel kami yang membahas tentang penyakit kelamin... ~ obat sipilis di apotik ~ obat sipilis di apotik ~ obat sipilis di apotik ~ obat sipilis di apotik ~ obat sipilis di apotik

    BalasHapus
  5. Gan Artikelnya bagus mantaf gan ane demen... salam kenal ya gan... dan jangan lupa juga kunjungi situs kami yang membahas tentang penyakit kelamin semoga berkenan gan... ~ obat herbal penyakit sipilis pada pria ~ cara obat sipilis pada pria ~ artikel obat penyakit sipilis pada pria

    BalasHapus
  6. Gam Artikelnya bagus dan keren abis... Salam kenal gan dan jangan lupa kunjungin juga situs kami yang membahas tentang penyakit kelamin... semoga berkenan gan tararengkiew... ~ obat sipilis yang herbal ~ obat sipilis yang mujarab ~ obat sipilis yg manjur ~ obat sipilis yg manjur ~ obat sipilis yg mujarab

    BalasHapus