Cara Membuat Read More dari Template Classic

Dear My Lovely Friend’s,,,

Beberapa hari kemarin qu mendapatkan sebuah complain dari seorang kawan yang mencoba tutorial yang ada disini. Dia berusaha membuat Bentuk Read More tapi alhasil template nya kacau balau. 2 hari qu berusaha mencari jawaban apa yang terjadi dengan Tempaltenya. Ternyata ada hal yang tidak pernah qu perkirakan sebelumnya. Yaitu dimana cara Read More yang pernah qu berikan adalah untuk template baru bukan untuk template bawaan Blogger atau biasa dibilang template classic. Duch…maaf yaaaa, jadi nggak enak nich ama yang dah marah marah ma qu. Tapi sekarang qu coba untuk membuat khusus buat kamu yang memakai template classic atau template bawaan Blogger.

Pada dasarnya caranya tetap sama hanya code yang dimasukkan berbeda. Oche dech qu coba untuk menerangkan secara mudah ya … :

1. Login ke Blogger
2. Pilih Tata letk atau Layout
3. Pilih Edit HTML
4. Backup dulu template kalian dan centang “expand widget template”
5. Kemudian cari code HTML dibawah ini ( coba pakai Ctrl F biar lebih mudah)

</style>

6. Copy code dibawah ini dan letakkan persis diatas

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>

7. Langkah berikutnya cari code dibawah ini , cobalah untuk menggunakan Ctrl F biar cepet menemukan code tersebut

<$BlogItemBody$>

8. Kemudian copy code dibawah ini dan letakkan persis dibawah code

<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

9. Tulisan Read More! dapat kalian ganti dengan “Baca Selengkapnya…” atau dengan gambar . Cara menambahkan gambar :

a. Cari gambar yang bagus lalu upload dihosting file manapun seperti picasa atau photobucket
b. Tulisan merah tersebut ganti dengan code <img src=”url gambar readmore”>

10. Bila sudah, yang paling penting dari semua yaitu Save Tamplate kalian.
11. Baru kita masuk langkah berikutnya yaitu :

a. Kemudian pilih menu Setting lalu pilih Formatting
b. Pada kotak Post Template isikan kode berikut:

<div class="fullpost">


</div>

c. Kemudian Simpan.

12. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang “Compose” dan “Edit HTML”, nach kalian pilih yang “Edit HTML”, maka secara otomatis akan tampak kode seperti berikut :

<div class="fullpost">


</div>

Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <div class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <div class="fullpost"> dan </div>

13. Selamat Mencoba...

Untuk yang cari gambar Read More bisa liat DISINI. Oche sepertinya hutang qu sudah lunas dan sudah qu ralat semoga yang lain bisa menerapkan. Karena ternyata banyak orang yang masih memakai template classic. Semoga bisa dan tidak bermasalah.

Rasanya sudah cukup tutorial qu hari ini, sambil menunggu dosen yang makin nggak jelas datangnya. Salam kenal buat semua kawan – kawan Blogger dan Netter dimanapun. Terima Kasih dan Jangan Lupa komentarnya yaaa and Keep Blogging…..

Best Regard


Natha Lia

Artikel Lainnya :