Cara Membuat/Memasang Auto Readmore Blogger/Blogspot (Plus Thumbnail)

Update: 
 Lihat Cara Membuat Auto Readmore (Thumbnails) Blogspot V2 (Penyempurnaan) yang merupakan penyempurnaan dari script auto readmore ini, pengecualian performa auto readmore pada halaman statis (static pages) sudah ditambahkan.

Pertama-tama, bapak ibu sekalian, auto readmore membuat lebih mudah kita dalam menghasilkan posting. Memasang fitur ini menghasilkan kita tidak perlu membubuhkan isyarat <!--more--> atau mengklik tanda setiap kali mengerjakan posting.
Fitur auto readmore akan menghemat pekerjaan ini alasannya merupakan secara otomatis semua posting yang timbul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

Berikut langkah-langkahnya:
1. Masuk ke editor template HTML. Download template apalagi dahulu untuk amannya.
2. centang expand widgets template.
3. Masukkan script berikut TEPAT SEBELUM tag </head> (gunakan Ctrl+F untuk mencari)
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>
keterangan:
-summary_noimg = 230; merupakan banyaknya huruf yang mau ditampilkan saat tidak ada gambar di dalam posting anda, anda sanggup merubah jumlahnya.
-summary_img = 140; merupakan banyaknya huruf yang mau ditampilkan saat terdapat gambar di dalam posting anda, anda sanggup merubah jumlahnya.
-img_thumb_height = 100; merupakan tinggi gambar thumbnail, anda sanggup merubah nilainya.
-img_thumb_width = 100; merupakan lebar gambar thumbnail, anda sanggup merubah nilainya.
 Tapi untuk amannya lewati begitu saja.

4. Lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan senjata Ctrl+F)
5. Lalu GANTI <data:post.body/> dengan script berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
keterangan:
-padding-top:5px, ganti nilainya untuk menghasilkan jarak dengan goresan pena di atas readmore.
-float:right, ganti right dengan left jikalau ingin readmore timbul di sebelah kiri.
-Anda sanggup merubah Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this  entry", "Lanjut gan...",  "Monggo dilanjut!", atau apa sajalah...
Tapi untuk amannya lewati begitu saja.
 
6. Untuk menentukan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
7. Setelah beres, silakan di-save.
8. Finished, you've now got auto readmore for blogger.

mencuri merupakan pekerjaan pengecut! © buka-rahasia.blogspot.com

Related Posts