Rabu, 23 Mei 2012

Read More Otomatis pada Template Blogger


--> cara membuat read more di blog, blogspot, blogger sangatlah mudah sekali, karena anda tinggal mengcopy script code yang ada ke template blogspot anda, dan berikut ini cara yang mudah untuk membuat readmore otomatis dengan thumbnail di blogger seperti halnya yang digunakan pada blog.



Langsung saja saya akan memberitahu anda apa yang harus anda lakukan untuk membuat read more, sebagai berikiut : 


1. Silahkan login dan masuk ke akun blogger anda
2. Lalu klik rancangan dan klik edit html
3. Centang Expand template widget
4. Untuk mempermudah pencarian code HTMLnya  anda tekan saja (Ctrl + F)
5. Cari code </head> 
6. Lalu silahkan tambahkan code dibawah ini tepat diatas code </head>

<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'/>

Bila anda ingin merubah ukuran readmore pada blog anda, anda tinggal  mengubah bagian-bagian code di bawah ini dan ubah angkanya sesuai kebutuhan : 

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

-> Langkah selanjutnya cari code <data:post.body/> lalu ganti code <data:post.body/> tersebut dengan code script di bawah ini : 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

-> dan untuk kata read more yang berwarna merah boleh di ganti dengan yang anda inginkan.

setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.

SELAMAT MENCOBA :D




Tidak ada komentar:

Posting Komentar