Cara Membuat READMORE atau CONTINUE Otomatis

Postingan saya kali ini akan membahas cara Membuat Readmore atau "Baca Selengkapnya" pada postingan blog secara otomatis (Kalau di blog saya, saya gunakan kata "CONTINUE" di setiap ujung posting saat anda memasuki "BERANDA" atau "HOME" blog saya). Karena ada beberapa Read More yang dibuat secara manual. Kali ini saya akan berbagi ilmu membuat Read More otomatis. 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. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial saya berikut ini.

LANGKAH PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Tata Letak, lalu Edit Html, jangan lupa memberikan tanda ceklis pada bacaan “Expand Widget Template”

Kemudian cari kode </head>
Anda dapat dengan mudah mencarinya dengan menekan CTRL + F pada keyboard Komputer anda.
Kemudian masukkan kode 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’/>

LANGKAH KEDUA, cari kode html berikut ini :

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

Kalau udah ketemu 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;READMORE…</a></span>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>

Keterangan : Anda bisa ganti Read More dengan kata apa aja yang anda suka.
KETIGA, klik "SAVE TEMPLATE".
Setelah itu, silahkan "RELOAD BERANDA atau HOME" anda.
Lihatlah hasilnya....
Bagus bukan...???
Semoga bermanfaat dan sukses selaluuuuuuuuuuu!

2 Comment:

 
Fahrizal Nurjulianto © 2012 | Template By Fahrizal Nurjulianto