Cara membuat Read More / Baca Selengkapnya pada blogger

www.tips-fb.com bagikan ke whatsapp Rabu, 25 Agustus 2010.
Setiap postingan terbaru akan ditampilkan di halaman utama blog namun jika postingan terlalu panjang maka hal tersebu akan membuat penuh halaman utama. Jika menginginkan supaya postingan yang ditampilkan di halaman utama hanya abstrakinya saja kemudian ada sebuah link Read More.../Baca Selengkaonya...., lalu bagaimana membuat Link Read More.

Ada dua cara untuk membuat link Read More ini :
A. Bagi Pengguna Template Klasik silahkan ikuti langlah-langkah berikut :

1. Masuk/login pada blog anda
2. Buka menu Layout(tata letak) kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada cekbox "expand widget template"
4. Cari kode berikut di Template anda

< p> < data:post.body/> < /p>

5. Kalau sudah ketemu, Gangi kode ersebut sehingga menjadi seperti di bawah ini :

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

< p> < data:post.body/> < /p>

< a expr:href='data:post.url'> Read More......< /a>
< /b:if>

Tulisan "Read More...." itu silahkan ganti dengan kalimat sesuai keinginan anda misalnya "Baca selengkapnya....".

6. Simpan Hasil Pengeditan
7. Kemudian pilih menu Setting (Pengaturan) lalu pilih Formatting (format)
8. Pada kotak Post Template isikan kode berikut :

< span class=" fullpost" >


< /span>
9. Kemudian simpan
10. Ketika memposting, disana ada 2 tab pilihan "Compose" dan "Edit HTML" silahkan pilih yang "Edit HTML" maka secara otomatis akan tampak kode seperti Berikut :

< span class=" fullpost" >


< /span>

11. Letakkan abstraksi postingan atau artikel yang akan ditampilkan di halaman utama (sebelum tulisan Read More..") di atas Kode ini < span class=" fullpost" > sementara sisanya atau keseluruhan postingan letakkan diantara kode < span class=" fullpost" > dan < /span>

B. Bagi pengguna Template baru silahkan ikuti langkah-langkah berikut ini :

1. Masuk/login pada blog anda
2. Buka menu Layout(tata letak) kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada cekbox "expand widget template"
4. Cari kode berikut di Template anda

< /script>

< b:if cond='data:blog.pageType != "item"'>
< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"summary" + data:post.id'> < data:post.body/> < /div>
< script type='text/javascript'> createSummaryAndThumb("summary< data:post.id/> ");< /script>
< span class='rmlink' style='float:right'> < a expr:href='data:post.url'> continu...< /a> < /span>

5. Ubah teks berwarna merah sesuai keinginan: teruse...., kelanjutannya......, baca selengkapnya atau (terserah anda)

selamat mencoba................

KOMENTAR:

Posting Komentar

Sampaikan ke sobat lain bila bermanfaat, sampaikan ke saya bila tidak berkenan.Terima kasih sudah berkunjung dan memberi komentar.
NB. Bila ingin menempatkan smiley/emotion pada komentar silahkan ketik kode smiley.contoh (komentar anda :10 atau :14

Related Posts Plugin for WordPress, Blogger...



Ingin mendapatkan warna, silahkan copas kode warna yang ada di atas kotak berwarna.Jangan lupa tambahkan # atau transparent didepan kode warna


counter globe
widgeo.net

free counters
free counters

Ingin Tambahan Rupiah...? silahkan klik banner dibawah nii...

 
KI YUSWA PINULUR © Copyright 2010 | Design By Gothic Darkness |
Related Posts Plugin for WordPress, Blogger...