Cara Membuat Read More Otomatis Di Blog , Share kali ini kita akan membahas Cara Membuat Read More Otomatis pada blog yang beraplikasikan (Blogspot).Read more merupakan sebuah kode script yang dapat digunakan untuk memotong sebuah postingan blog agar terlihat lebih rapi dan simple.Untuk lebih jelas silahkan perhatikan gambar di samping ini dan berikut tutorialnya.
CARA MEMBUAT READ MORE OTOMATIS DI BLOG
1. Loggin ke blogger dengan akun anda.
2. Klik menu rancangan
3. Pilih menu Edit HTML
4. Kemudian centang pada kotak " expand template widget"
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<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'/>
Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>. Jika menemukan 2 kode yang sama, pilih kode yang pertama.
Jika sudah ketemu selanjutnya silahkan sobat ganti kode tersebut dengan kode berikut:
<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://picturestack.com/417/632/C43cooltext70Rv0.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==>
<img src='http://picturestack.com/417/632/C43cooltext70Rv0.png'/> bisa anda ganti dengan Baca Selengkapnya, full read Atau DENGAN url Gambar sesuka anda
6. Save Template
Sobat juga bisa mengubah Icon read more
http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_red.png 
http://picturestack.com/417/632/C43cooltext70Rv0.png 
http://picturestack.com/418/769/ETVimages1Ofm.jpg
http://picturestack.com/418/769/CqEimages2JF0.jpg
http://picturestack.com/418/769/p3Jimages4it5.jpg
http://picturestack.com/418/769/TngimagesXkh.jpg"
Kalau anda ingin Gambar buatan sendiri kunjungi CoolText
