Nugroz85 Blog's

Thank's Anda Telah Berkunjung Di Blog Saya... Silakan Berikan Comment. ^_^


Your Ad Here

Monday, May 18, 2009

Tips Cara membuat Read More

. Monday, May 18, 2009

ketika saat seorang blogger pemula berhasil membuat blog dengan design yang menarik. Namun selanjutnya akan menemui masalah pada hasil tampilan postingannya, apabila sebuah artikel yang akan diposting terlalu panjang, maka pada jendela web/halaman utama web/blog akan menampilkan seluruh artikel tersebut yang mengakibatkan tampilan yang membosankan dengan banyak tulisan. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya/sebagian saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :


1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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


4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti 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 bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>



8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nah km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>



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

Selamat Mencoba...



Artikel Terkait:

2 komentar:

website design,web design said...

Your blog is very nice... i like your blog ....

web design company, web designer, web design India

Ghal said...

Thanks bos tipsnya

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Eiits.. Mau kemana abis baca, JANGAN LUPA dikomentarin ya...thx

 

About Me.....

About Me Myspace Comments
Sticker Kampanye Blogging
Namablogkamu is proudly powered by Blogger.com | Template by Nugroz85.Blogspot.com