CARA MEMBUAT AUTO READ MORE DENGAN GAMBAR

selamat sore sobat insaners., setelah sekian lama saya tidak posting karna ga pengen (jujur itu baik) kali ini saya akan share BAGAIMANA CARA MEMBUAT AUTO READ MORE DENGAN GAMBAR. 'auto read more' berfungsi untuk memudahkan para blogger untuk membuat postingan tanpa harus repot memasang dengan menggunakan simbolyang memang bawaan dari blogger. karna kadang susunannya tidak rapi. sedangkan jika menggunakan "Auto Read More" akan memotong postingan secara otomatis dan lebih
rapi.


berikut langsung saja di simak tutorialnya  :
1. pertama sudah pasti dong Login dulu di blogger masing-masing. jangan punya orang.
2. Masuk ke editor template HTML. namun di backup dulu aja template'nya (mencagah sesuatu gitu deh)
3. Cari kode berikut (gunakan Ctrl+F ) biar cepet .

</head>

4. Copy kode Script berikut tepat diatas kode </head> tadi.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script src='http://yourjavascript.com/011368478/ngurah-read-more.js' type='text/javascript'/>

information:

• summary_noimg = 430. ( banyaknya karakter yang akan ditampilkan ketika tidak terdapat gambar di dalam posting, ubah sesuai keinginan.)
• summary_img = 340. ( banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting, ubah sesuai keinginan.)
• img_thumb_height = 150. ( tinggi gambar, ubah sesuai keinginan.)
• img_thumb_width = 150. ( lebar gambar, ubah sesuai keinginan. )

5. Setelah itu cari kode. (gunakan Ctrl+F ) biar cepet .

<data:post.body/>

information: biasanya kode tersebut ada lebih dari satu, jadi gunakan saja yang ke 2. (tekan ENTER dua kali biar cepet)
6. Kemudian ganti kode <data:post.body/> tadi dengan kode script di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<a class='more' expr:href='data:post.url'><img border='0' src='http://i1347.photobucket.com/albums/p704/artaa666/read-more-button4_zpsf403dbff.png'/></a>
</b:if>
</b:if>

information: tulisan yang bercetak miring,tebal,kecil adalah icon read more, bisa diganti semau anda.
7. Kemudian save.
8. Tinggalkan komentar dan klik follow pada blog ini TERIMAKASIH

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg