Tim Van Damme Inspired by Tim Vand Damme

Category List

Arsip Blog

Blog

Rabu, 29 Februari 2012

Cara Mudah Membuat readmore Otomatis

Cara Mudah Membuat readmore Otomatis


Semelumnya saya mempostingkan tentang berita Isu Bahwa Blogger Indonesia Jadi 'Boneka' AS! Kali ini saya akan mempostingkan tentang Artikel tutorial blog Cara Mudah Membuat readmore Otomatis di blogspot. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya.langsung saja ke Tekapeeee,....


PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 350; img_thumb_height = 150; img_thumb_width = 150; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>



KEDUA, cari kode html berikut ini :


<data:post.body/> atau <p><data:post.body/></p>

Ganti kode tersebut dengan kode 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;Baca Selengkapnya...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 400 = tinggi artikel terpenggal tanpa image
==> Summar img 350 = tinggi artikel terpenggal dengan image
==> img_thumb_height =tinggi gambar
==> img_thumb_width = lebar gambar
==> Baca Selengkapnya bisa anda ganti dengan Read More, full read dll...

KETIGA, klik SAVE TEMPLATE

Semoga artikel tutorial blogspot kali ini tentang Cara Mudah Membuat readmore Otomatis dapat bermanfaat bagi anda semua,Terima kasih . *( M.F.R )*

0 komentar:

Posting Komentar

About me

Visitors

free counters print this page Print This Page IP Get snow effect
--> br/>
.

mochamad fajar Design by Insight © 2009

Login to Facebook
Join ashtho software easy in Facebook!