Sunday, April 26, 2009

Cara Membuat Read More…diblogger/blogspot

Seringkali para pembaca menemukan pada halaman muka sebuah blog terdiri dari beberapa postingan yang tidak lengkap.Para pembaca akan diarahkan untuk membuka postingan tersebut dalam versi lengkapnya bila mengklik suatu link yang bertuliskan Read More atau Baca Selengkapnya dan postingan akan akan muncul secara lengkap.Bagi anda yang sudah mempunyai blog dari blogger untuk membuat Read More atau Baca Selengkapnya tersebut, sangatlah mudah.Berikut caranya:

Bagi pengguna template baru blogger.
1.Login pada blogger
2.Klik Layout pada Dashboard.
3.Pada menu Layout, klik Edit HTML.Jangan lupa centang pada kolom Expand Widget Template.
4.Carilah kode }]]></b:skin>,dan letakkan kode dibawah ini persis dibawah kode tersebut.



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



5.Selanjutnya carilah kode <p><data:post.body/></p>,dan letakkan kode dibawah ini tepat dibawah kode tersebut.


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



Kalimat Read More dapat anda ganti dengan Baca Selengkapnya atau Selengkapnya atau Selanjutnya.
6.Setelah itu Save.
7.Selanjutnya klik Setting, lalu klik Format.
8.Pada kotak kosong disamping menu Template Posting, masukkan kode berikut.
<span class="fullpost">
</span>
9.Setelah itu Save Setting

Bagi pengguna template classic blogger.
1.Setelah anda login pada blogger,klik Template > Edit HTML.
2.Letakkan kode berikut diantara <style> dan </style>.


<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>




3.Selanjutnya letakkan kode berikut tepat dibawah kode <$BlogItemBody$>


<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>



4.Selanjutnya klik Setting, lalu klik Format.
5.Pada kotak kosong disamping menu Template Posting, masukkan kode berikut.
<span class="fullpost">
</span>
6.Setelah itu Save Setting

Nah..setelah semua kode tersebut dipasang, baik untuk blogger template baru maupun blogger template classic, berikut ini cara untuk memfungsikannya pada postingan anda.Setiap anda akan membuat posting baru, gunakan Edit HTML bukan Compose.Kode <span class="fullpost">
</span>akan selalu muncul pada kotak posting.
Agar fungsi Read More atau Baca Selengkapnya ini berfungsi, Letakkan bagian postingan yang akan muncul dihalaman muka blog anda sebelum kode <span class="fullpost">
dan sisa posting lainnya diletakkan antara kode
<span class="fullpost">
dan
</span>

6 Comentários:

Amlus said...

read more gw ko g jalan??/

Franky said...

@catatan miring, coba dipehatikan kodenya apakah sudah benar.sayang link blognya nggak bisa terbuka jadi saya tidak dapat mengunjungi blog anda

Motivation of Life said...

Terimakasih ya atas ilmunya, cukup berguna..saya dah bisa bikin read more..

http://bisnisyoan.blogspot.com/

oRiDo™ said...

saya sudah bisa menampilkan "Read More" nya, tetapi tulisan itu ada pada akhir tulisan saya...
bagaimana cara menaruh "Read More" itu di tengah2 tulisan/artikel?

blog saya di http://oridwidget.blogspot.com

oRiDo™ said...

sudah bisa nding..
terimakasih banyak untuk info nya..

Franky said...

@spirit of life dan orido, terima kasih kembali.Sukses selalu dengan ngeblognya

Followers

money online © 2008 Template by Dicas Blogger.

TOPO