Membuat Readmore (Baca Selengkapnya...)

Hmmmm... Kayaknya udah tidak terasa bulan ramadhan sudah mau berakhir, bagaimana dengan puasa anda semua, semoga "Full dah puasanya". Ok, Mufid bagi Tutorial lage nech, mungkin ini sudah tidak asing lagi ditelinga para blogger tercinta.

Saya ingin menerangkan bagaimana cara membuat Read More (baca Selengkapnya) Pada halaman Blog khususnya para pengguna blogger tercinta !!




Caranya :
1. Login ke blogger.com, Dari Dasbor klik Tata Letak kemudian Klik Edit HTML.

2. Klik (beri centang) pada Expand Widget Templates.

3. Cari Kode } ]]></b:skin>, Lalu letakkan script dibawah ini tepat dibawah kode tersebut :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

4. Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

5. Setelah itu klik Simpan Templete.

6. Kemudian klik Link Pengaturan pada halaman dasbor anda.

7. Setelah itu klik Tab Format dan isi script dibawah pada kotak Template Posting :

<span class="fullpost">
</span>

8. Klik Simpan Setelan.

9. Pembuatannya sudah selesai, Jadi setiap kamu memposting pada box entri edit HTML akan muncul kode :
<span class="fullpost">
</span>

Setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose (Tulis).

Contoh penulisan posting:

Semoga kita dimudahkan oleh Allah untuk mendapatkan malam yang keutamaannya lebih baik dari 1000 bulan. baiklah, <span class="fullpost">meski info ini telah banyak dipost oleh blog2 dimna pun, saya akan menjelaskan sekali.</span>

Hasil akhir postingan akan seperti ini:

Semoga kita dimudahkan oleh Allah untuk mendapatkan malam yang keutamaannya lebih baik dari 1000 bulan. baiklah, read more ...

Selamat Mencoba ,,,

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

Tip n Trik

• Menampilkan Akun Google Plus Di SERP Google
• Tips Mempersingkat Alamat URL Akun Google Plus
• Hubungkan Google Plus dengan Facebook | Twitter
• Menghubungkan Google Plus ke FB dan Twitter
• Twitteran Di Dashboard Akun Google Plus
• Cara Download Semua Album Foto di Facebook
• Tips Cara Mendapatkan Sitelink Google
• Membuat Sebuah Link Mengarah Ke Lebih 2 URL
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Maksud Pesan Error Saat Mengakses Internet
• Merubah Kotak Chat Facebook ke Versi Lama
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Googlebot Access Blog Bermasalah
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Mempercepat IDM Menggunakan IDM Optimizer
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tingkatkan Traffic Blog Lewat VLog | VIVANews
• Tampilan Halaman Label Hanya Judul Postingan
• Cara Transfer Foto Dari Facebook Ke Google+
• Tips SEO Terbaru di Tahun 2011
• Tutorial Membuat S3slider Images Show
• Akhirnya, Bisa Juga Join Ke Google+

Tutorial Blog

• Menampilkan / Menyembunyikan Sidebar Blog
• Membuat Sebuah Link Mengarah Ke Lebih 2 URL
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tampilan Halaman Label Hanya Judul Postingan
• Tutorial Membuat S3slider Images Show
• Memasang Tombol Google +1 di Blogspot
• Membuat Recent Post With Thumbnails
• Membuat Intro Page Pada Blogspot
• Membuat Tab View Pada Blogspot
• Kode Warna HTML
• Combine Show Hide Sidebar with Tooltips
• Navigasi Breadcrumb Pada Postingan Blog
• Membuat Tooltips Pada Sebuah Objek
• Membuat Menu Navigasi Dengan Tooltips
• Membuat Page Peel Effect Pada Blogger
• Related Post With Scrool Function
• Pesan Kamu Di Atas "Poskan Komentar's Box"
• Membuat Form Komentar Admin
• Membuat Rate Widget Pada Blog