Coretan BoWo Coretan BoWo Coretan BoWo: Membuat Continue Reading Otomatis

Saturday, June 9, 2012

Membuat Continue Reading Otomatis

Membuat Continue Reading atau Read More sangat beragam ada yang otomatis, ada juga yang manual. Manual disini berarti apabila seorang blogger ketika akan mengepostkan suatu filenya kedalam blog dia harus menambahkan sebuah kode didalam HTML nya supaya ketika ditampilkan tidak terlalu panjang. Namu kali ini saya ingin berbagi tentang Read More yang Otomatis. 

Otomatis disini dapat memberikan waktu bagi anda yang ingin mengepost dengan tidak lage menambahkan kode ke dalam HTML yang sangat merepotkan melainkan hanya sekali saja. Read More selain memberikan tampilan lebih menarik pada HOME blogger, Read More juga sangat memberikan ruang pada postingan yang lainnya karena postingan yang di tampilkan hanya sekedar kata-kata cuplikan saja. Apabila Sobat tertarik dan ingin mencobanya, berikut langkah – langkahnya.

Pertama: Silakan masuk ke acount blogger anda, kemudian pilih Edit Html dan jangan lupa memberikan tanda centang pada bacaan "Expand Widget Template" yang tertera dibagian pojok kiri. Selanjutnya anda cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode </head>:
<html><script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Kedua: Cari kode ini :  <data:post.body/> atau <p><data:post.body/></p> Silahkan ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span></b:if><b:ifcond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Ketiga: Simpan Teamlate

Keterangan:  
Tulisan yang berwarna merah adalah yang bisa anda ganti.
a. Summary noimg 430 = Tinggi artikel terpenggal tanpa image
b. Summar img 430 = Tinggi artikel terpenggal dengan image
c. Readmore Bisa anda ganti dengan Baca Selengkapnya. 

tanda tangan

Ditulis Oleh : Coretan BoWo ~ Berbagi ilmu

Christian angkouw Terimakasih telah membaca artikel tentang : Membuat Continue Reading Otomatis . Semoga dapat memberikan hal yang positif bagi anda.

:: Coretan BoWo ::

Note :
~ Berikanlah komentar dengan kata-kata yang baik dan sopan.
~ Dilarang mencantumkan link yang berbau negatif.