Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum kita melanjutkan ke cara membuat read more otomatis di blogspot mungkin lebih baik kita tahu apa itu read more dan apa fungsi dari read more? Read more bila diterjemahkan ke dalam bahasa indonesia berarti " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan kamu bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog kamu. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum kita melanjutkan ke cara membuat read more otomatis di blogspot mungkin lebih baik kita tahu apa itu read more dan apa fungsi dari read more? Read more bila diterjemahkan ke dalam bahasa indonesia berarti " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan kamu bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog kamu. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot
• Pertama login ke akun Blog kamu
• Kemudian buka halaman design > Edit HTML > centang Expand template widget
• Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
• Kemudian letakkan kode berikut tepat dibawah </head>
• Pertama login ke akun Blog kamu
• Kemudian buka halaman design > Edit HTML > centang Expand template widget
• Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
• Kemudian letakkan kode berikut tepat dibawah </head>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ; summary_noimg =
400; summary_img = 325; img_thumb_height = 100; img_thumb_width = 120;
</script> <script
src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js'
type='text/javascript'/>
• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>
• Jika sudah ketemu silahkan kamu ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<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;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Dan apabila kalian mau merubah tampilan gambar read morenya maka silahkan kalian ganti tulisan yang berwarna merah dengan gambar yang telah saya sediakan.di bawah ini.
Ini dia gambar buat read morenya :
Ini dia gambar buat read morenya :
http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif
http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif
http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif
http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif
http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif
Semoga bermanfaat bagi kalian sob. heheheee
" title="
