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>

Followers

money online © 2008 Template by Dicas Blogger.

TOPO