Memasang Readmore otomatis bukan lah sesuatu hal yang baru di dunia blogger. tapi saya tak akan melewatkan article yang satu ini untuk memperlengkapkan tutorial di web ini. biar lebih complate dan nggak membuat pengunjung mencari-cari di lain tempat. kembali ke topik pembahasan kita. Memasang Readmore otomatis sangatlah bermanfaat. selain membuat blog kita rapi tanpa adanya article yang panjang, dan pastinya sangat membantu saat kita memposting article baru. loh kok bisa??? iya pasti bisa karna kita nggak perlu susah-susah harus menambah kode HTML saat kita memposting article baru. ada juga manfaat lain dari readmore ini yaitu akan memenggal article kita dan menyusun rapi image(gambar) yang kita tambah ke article secara otomatis. bagi yang berkenan dan ingin menerabkan article ini ikuti langkah-langkah dibawah ini:
Berikut langkah-langkah menambah Readmore Otomatis di blog anda:
* Log in dulu ke blogger
* Tata letak
* Edit HTML
* Download tamplate anda terlebih dahulu untuk mengatasi hal yang tidak di inginkan
* Kemudian kasi tanda centang di "Expand Tamplate Widget"
* Setelah itu cari kode </head>
* Letak kode dibawah ini persis dibawah kode di atas
<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>
* Anda bisa merubah Summary_noimg untuk tinggi article terpenggal tanpa image dan summary_img untuk tinggi artikel yang terpenggal dengan image
* Setelah itu cari kode <data:post.body/> atau <p><data:post.body/></p>
* Kemudian ganti kode tersebut dengan kode
<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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
* Setelah itu simpan tamplate anda dan lihat hasilnya.
Selamat mencoba.........
0 comments:
Post a Comment