Kali ini saya akan menuliskan tentang Tutorial tentang blog, sebenernya sih artikel ini melenceng dari tema blog saya yang bertemakan pengetahuan, dan berita, tapi tak apa lah, membagi ilmu itukan pahala, jadi enggak ada slahnya kalau saya memposting tentang "TUTORIAL BLOG". . .agar sobat - sobat blogger tidak monoton kalau membuka blog saya, yang isinya hanya pengetahuan tentang Fakta 7. . .heheh. . .oke mari kita pelajari cara buat READ MORE OTOMATIS. . .
1. Silakan sobat blogger masuk ke acount bloggernya masing - masing
2. Monggo klik Rancangan
3. Kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
4. Cari kode </head>, untuk memudahkan sobat blogger tekan F3 atau CTRL + F, lalu masukkan kode tersebut dikolom yang tersedia.
5. Setelah ketemu, kemudian masukkan script di bawah ini persis dibawah kode tersebut .
Keterangan : Tulisan yang berwarna biru adalah yang bisa sobat ganti.
---> Summary noimg 430 = tinggi artikel yang terpenggal tanpa image
1. Silakan sobat blogger masuk ke acount bloggernya masing - masing
2. Monggo klik Rancangan
3. Kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
4. Cari kode </head>, untuk memudahkan sobat blogger tekan F3 atau CTRL + F, lalu masukkan kode tersebut dikolom yang tersedia.
5. Setelah ketemu, 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'/>
6. Cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> (sama saja), ganti kode tersebut dengan kode di bawah 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'>»»  READ MORE...</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'>»»  READ MORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
---> Summary noimg 430 = tinggi artikel yang terpenggal tanpa image
---> Summar img 430 = tinggi artikel yang terpenggal dengan image
---> Tulisan " READ MORE" bisa sobat ganti Selengkapnya, Selanjutnya dll...(Sesuka sobat blogger)7. Ini yang paling penting, setelah langkah - langkah di atas selesai tinggal di SAVE. . .hehehe
Walaupun melenceng dari tema, tapi tetep Langkah - Langkahnya ada 7. . .hehehe. Semoga bisa bermanfaat. . .Sukses selalu, Terimakasih. . .
Advertisement
