Fungsi Readmore Bawaan Dari Blogger

Fungsi Readmore Bawaan Dari Blogger

Untuk melengkapi Desain blog Anda, blogger menambahkan satu tombol, yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more", dan blog akan tampak lebih rapi.

Fungsi read more untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.

read-more
Berikut langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda.

2. Klik Tata Letak.

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 kode berikut dan letakkan persis di bawahnya :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'><data:post.jumpText/></a>
</div>
</b:if>

7. Klik tombol SIMPAN TEMPLATE.

8. Selanjutnya agar setiap memposting baru terdapat readmore copy code :

<br/><br/><!-- more -->

9. Langkah selanjutnya klik Setelan » Format » pada kotak Templat entri pastekan code pada langkah 8 di dalamnya, dan simpan setelan.

10. selesai.

Note : Setiap Memposting Anda harus meletakkan tulisan sebelum code <!-- more --> supaya tampil dalam halaman depan. Contoh seperti gambar di bawah ini :

edit-HTML

Selamat Mencoba !

+ komentar + 2 komentar

12 Maret 2012 12.07

bagus tutorialnya....

4 Agustus 2013 09.36

Biasa ja kak.

Posting Komentar

 
Copyright © 2011. TSC - All Rights Reserved

Distributed By Free Blogger Templates | Lyrics | Songs.pk | Download Ringtones | HD Wallpapers For Mobile

Proudly powered by Blogger