06 Februari 2009

Membuat "Read More" Pada Template Beta

Membuat posting abstraksi atau "READ MORE" di Blogger Baru (Blogger Beta) tentu berbeda dengan membuat read more di blogger lama (Klasik). Berawal dari pengalaman pribadi yangh ingin mengubah template beta, namun tidak mengindahkan perintah dari sumber. Akhirnya pembuatan readmore pada blog saya gagal total. bukannya berhasil malahan hancur. akhirnya setelah kembali mengikuti prosedure berhasilah readmore pada blog saya.
Mungkin template blog anda sama dengan kepunyaan saya. Jika anda membutuhkan informasi tentang hal ini, maka berikut saya sajikan langkah-langkah praktisnya.

Tapi INGAT!, sebelum melakukan semua langkah-langkah di bawah ini, terlebih dahulu Download Full Template Anda. Itu adalah template standard pada blogger beta ketika akan melakukan perubahan page element atau merubah templatenya.
Yah, minimal untuk jaga-jaga saja.Dan selanjutnya ikuti langkah - langkah di bawah ini :
1. Login ke blog anda
2. Pilih tataletak -->> Edit HTML
3. Kasih tanda centang/ceklis menu “expand widget template”
4. Cari kode berikut di TEMPLATE blog Anda:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Perhatikan baik-baik kode di atas, itu merupakan kode asli dari template anda sebelum di otak-atik, ganti kode diatas dengan kode berikut ini:

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p> <!-- dua -->
<a expr:href='data:post.url'>Read more.....</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Warna biru merupakan kode asli dari template, warna merah merupakan kode yang harus di tambahkan. Kalo langkah tersebut sudah selesai jangan lupa klik save template

Langkah selanjutnya yaitu:
Klik PENGATURAN, terus klik FORMAT. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tersebut dengan kode berikut:

<div class="fullpost">
</div>

Kemudian klik tombol yang bertuliskan Simpan Pengaturan

Cara Posting Artikel

Klik menu Posting, Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yaitu:

<div class="fullpost">
</div>

Tuliskan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">

Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</div>

Klik tombol bertuliskan TERBITKAN ENTRI

Klik tulisan Lihat Blog (Di Jendela Baru) untuk melihat hasil dari postingan kita,
kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

2 komentar:

Anonim mengatakan...

makasi banyak bwt read morenya,berhasil and cepet bgt..tanks....

hendra mengatakan...

oke mas, saya contoh cara-caranya. Trims...

Posting Komentar