Membuat Jump Break atau Read More Otomatis + Thumbnailnya

Disini saya ingin memberikan cara membuat Jump Break otomatis pada Template, agar kita tidak perlu membuat secara manual Jump Break ketika kita membuat Artikel. Banyak orang memakai Jump Break otomatis ini pada templatenya, seperti pada blog saya ini juga memakai Jump Break otomatis. Berikut ada contoh gambar blog yang memakai template yang sudah menggunakan Jump Break Otomatis :

 

Berikut adalah langkah-langkah membuatnya :

• Seperti biasa Login dulu Blog anda.
• Klik Template, Lalu pilih Edit HTML.
• Centang Expand Template Widget.
• Cari kode </head> kemudian letakan kode dibawah ini tepat di atasnya.

<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://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/> 

• Sekarang cari kode <data:post.body/>, buat anda yang sudah memakai Jump Break yang manual, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Jika sudah menemukannya ganti dengan kode dibawah 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> 

• Save Template.

Catatan :
Untuk mempermudah anda mencari kode-kode HTMLnya tekan "CTRL+F"

Anda juga bisa mengganti kode tersebut sesuai selera dan ukuran main template yang digunakan.

summary_noimg=430; (Kode ini untuk memotong atau mengatur tinggi tanpa gambar)
summary_img=340; (Kode ini untuk memotong atau mengatur tinggi dengan gambar)
img_thumb_height=100; (Kode ini untuk tinggi gambar Thumbnailnya)
img_thumb_widht=120; (Kode ini untuk lebar gambar Thumbnailnya)


Sekarang anda sudah tidak perlu repot lagi membuat Jump Break secara manual pada artikel anda, semoga bermanfaat :)