Read More Otomatis dengan Gambar Thumbail

Nonton klanting sama si yayuk, posting lagi yuk...;p

Babak 16 besar liga champion baru diundi alias drawing, tp mainnya masih lama boss, bete ga tuh nunggunya??

Nah daripada nunggu yang masih lama, kan ga enak tuh, mending cari ilmu baru. Oya mumpung baru dapet ilmu dari kucoba.com sy share lagi ya, barangkali ada yang ingin membuat read more otomatis lengkap dengan gambar thumbailnya --> demo

Bagi yang berminat, monggo ikuti langkah-langkah berikut ini:

1. Klik edit HTML
2. Klik download template lengkap untuk menghindari kesalahan
3. Klik expand widget templates
4. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode </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://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>

Keterangan:
summary_noimg = 430; kode ini untuk memotong / mengatur tinggi tanpa gambar
summary_img = 340; kode ini untuk memotong / mengatur tinggi dengan gambar
img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya
img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya

5. Sekarang cari kode <data:post.body/> 

Catatan: Bagi yang sudah memakai read more yg tidak otomatis, biasanya ada dua kode yang seperti itu, jadi pilih <data:post.body/> yang pertama

6. Jika anda sudah menemukannya silahkan hapus kode <data:post.body/> kemudian ganti dengan  kode di bawah 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> 

Catatan: Tulisan "Read More" yang berwarna merah boleh diganti apa saja sesuai selera.

7. Klik simpan

Sekarang anda sudah tidak akan repot lagi mengatur read more secara manual saat posting, enak ga tuch?? ;p
Untuk berlangganan artikel, masukan email anda disini:



0 Comment :

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry