Friday, June 17, 2011

Buat Read More di blogger dengan cara simple
Tulis teks di sini

Buat Read More di blogger dengan cara simple

Kamu gak tahu caranya buat read more di blogger? Sudah cari tutorialnya di google tapi gagal saat mencobanya? Jangan khawatir malam ini saya akan kasih tahu caranya buat read more di blogger dengan cara simple.Sudah lama sekali saya ingin menggunakan read more pada blog saya tapi baru sekarang saya berhasil mencobanya.

Blogger menyediakan fungsi Insert Jump Break(Read More) yang punya fungsi untuk memotong tulisan di homepage blog atau lebih dikenal dengan "Fungsi Read More".Jadi hanya sekali klik dan hasilnya tulisan kamu akan terlihat pendek di homepage blog kamu.Mau tahu gimana caranya buat read more di blogger dengan cara simple? Cekidot.


1.Masuk ke akun blogger agan-agan sekalian.
2.Klik Posting-Entri Baru,Ikon Insert Jump Break(Read More) yang ditunjuk panah,lihat gambar dibawah ini.


3.Ketikkan postingan kamu sebagian lalu klik Insert Jump Break(Read More) dan akan muncul garis seperti gambar dibawah ini.


4.Kemudian lanjutkan postingan kamu sampai selesai dan klik Terbitkan Entri.

5.Sekarang coba lihat di homepage blog kamu misal www.modernw4r3.com ,pasti postingan yang baru kamu buat akan terpotong seperti gambar dibawah ini.


6.Dan kamu sekarang bisa menggunakan Read More pada blog kamu.

NB : Lakukan hal yang sama setiap kali kamu memposting tulisan baru di blog sehingga akan selalu muncul fungsi Read More nya.

Bagi kamu yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi "  Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel kamu akan tetap terpotong namun tulisan " Baca Selengkapnya » " tidak akan muncul. Untuk hal ini kamu harus menambahkan kode tambahan pada template kamu. Berikut langkah-langkahnya :
1.Silahkan login ke blogger dengan ID kamu.
2.Klik Rancangan.
3.Klik tab Edit HTML.
4.Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "
5.Carilah kode yang mirip seperti Ini :
<div class='post-body entry-content'> 
     <data:post.body/> 
     <div style='clear: both;'/> <!-- clear for photos floats --> 
    </div>


6.Copy lalu paste kode berikut persis di bawah kode yang tadi :
<b:if cond='data:post.hasJumpLink'> 
     <div class='jump-link'> 
       <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
     </div> 
    </b:if>



7.Klik tombol SIMPAN TEMPLATE
8.Selesai.

Dengan cara tersebut, tulisan " Baca Selengkapnya » " akan muncul walaupun kamu tidak menggunakan template yang disediakan oleh blogger.
Selamat Mencoba.


INFO : Buat agan-agan yang mau mendukung ModernW4R3 agar tetap eksis dalam memposting artikel software,games,driver dan masih banyak lagi yang bermanfaat bagi kalian semua tentunya Full Version and Free.Silakan liat disini Donasi For ModernW4R3