Dec 28, 2012
TERBUKTI BERHASIL 100%..
What's up friends ?
Kali ini saya akan memberitahukan tutorial "Cara Membuat Auto Readmore Di Blogger".
Tips yang satu ini sangat penting anda terapkan di blog anda, karena tips ini akan membuat halaman awal blog anda tidak boros tempat. Tips ini akan memotong sedikit tulisan yang ada pada setiap posting yang ada, tapi tenang gan, tips ini tidak akan menghilangkan tulisan yang dipotong tadi, karena ketika anda klik tulisan "Read More (atau tulisan yang lain)"nya tulisan yang tadi terpotong itu akan kelihatan kembali.
Jika gan masih bingung atau penasaran, silahkan anda lihat homepage bblog saya untuk demonya.
Oke gan, langsung aja kita ke cara-cara pembuatannya :
(langsung to the point aja ya gan)
(langsung to the point aja ya gan)
- pilih Edit HTML
- centang/ceklis Expand Template Widget
--> Untuk lebih aman, terlebih dulu download template anda, hal ini baik untuk berjaga-jaga kalau tips ini gagal di blog anda, silahkan lihat tutorialnya disini<--
3. Cari kode </head> (Tekan tombol F3 atau CTRL+F untuk mempermudah pencarian)
4. Jika sudah ketemu, letakkan kode/script dibawah ini tepat diatas/sebelum kode </head>
Note :
- summary_noimg = 310 ► adalah banyaknya tulisan/karakter yang akan ditampilkan jika tidak ada gambar di posting anda, anda bisa merubah angka "310" menjadi ke angka berapa saja.
- summary_img = 250 ►adalah banyak tulisan/karakter yang akan ditampilkan jika ada gambar di posting anda, anda bisa merubah angka "250" menjadi ke angka berapa saja.
- img_thumb_height = 110 ► adalah ukuran tinggi gambar yang akan ditampilkan, anda bisa merubah angka "110" dengan angka berapa saja.
- img_thumb_width = 110 ► adalah ukuran lebar gambar yang akan ditampilkan, anda bisa merubah angka "110" dengan angka berapa saja.
( Tapi untuk hasil yang baik dan maksimal, biarkan saja seperti itu )
5. Setelah itu cari kode <data:post.body/> (Tekan tombol F3 atau CTRL+F untuk mempermudah pencarian)
6. Jika sudah ketemu, ganti kode <data:post.body/> dengan kode/script berikut :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
Note :
- padding-top:5px ► Ganti angka 5 menjadi angka berapa saja, untuk menentukan jarak tulisan Read More dengan tulisan posting yang ada diatasnya.
- float:right ► Ganti tulisan right menjadi left, jika anda ingin tulisan Read More nya ada disebelah kiri.
- Read more.. ► Ganti tulisan Read more.. dengan kata apa saja untuk menggantikan kata Read More nya, misalnya dengan kata "Baca Seterusnya", "Lanjut Baca", "Read Full This Post", atau sebagainya.
( Tapi untuk hasil yang baik dan maksimal, biarkan saja seperti itu )
7. Untuk melihat hasilnya sebaiknya jangan disave dulu, klik Preview untuk melihat hasilnya.
8. Jika anda sudah merasa script/kode ini berjalan dengan baik, silahkan simpan/save template anda.
9. Selesai deh...!!
- centang/ceklis Expand Template Widget
--> Untuk lebih aman, terlebih dulu download template anda, hal ini baik untuk berjaga-jaga kalau tips ini gagal di blog anda, silahkan lihat tutorialnya disini<--
3. Cari kode </head> (Tekan tombol F3 atau CTRL+F untuk mempermudah pencarian)
4. Jika sudah ketemu, letakkan kode/script dibawah ini tepat diatas/sebelum kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 310;
summary_img = 250;
img_thumb_height = 110;
img_thumb_width = 110;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>
var thumbnail_mode = "float" ;
summary_noimg = 310;
summary_img = 250;
img_thumb_height = 110;
img_thumb_width = 110;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>
Note :
- summary_noimg = 310 ► adalah banyaknya tulisan/karakter yang akan ditampilkan jika tidak ada gambar di posting anda, anda bisa merubah angka "310" menjadi ke angka berapa saja.
- summary_img = 250 ►adalah banyak tulisan/karakter yang akan ditampilkan jika ada gambar di posting anda, anda bisa merubah angka "250" menjadi ke angka berapa saja.
- img_thumb_height = 110 ► adalah ukuran tinggi gambar yang akan ditampilkan, anda bisa merubah angka "110" dengan angka berapa saja.
- img_thumb_width = 110 ► adalah ukuran lebar gambar yang akan ditampilkan, anda bisa merubah angka "110" dengan angka berapa saja.
( Tapi untuk hasil yang baik dan maksimal, biarkan saja seperti itu )
5. Setelah itu cari kode <data:post.body/> (Tekan tombol F3 atau CTRL+F untuk mempermudah pencarian)
6. Jika sudah ketemu, ganti kode <data:post.body/> dengan kode/script berikut :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
Note :
- padding-top:5px ► Ganti angka 5 menjadi angka berapa saja, untuk menentukan jarak tulisan Read More dengan tulisan posting yang ada diatasnya.
- float:right ► Ganti tulisan right menjadi left, jika anda ingin tulisan Read More nya ada disebelah kiri.
- Read more.. ► Ganti tulisan Read more.. dengan kata apa saja untuk menggantikan kata Read More nya, misalnya dengan kata "Baca Seterusnya", "Lanjut Baca", "Read Full This Post", atau sebagainya.
( Tapi untuk hasil yang baik dan maksimal, biarkan saja seperti itu )
7. Untuk melihat hasilnya sebaiknya jangan disave dulu, klik Preview untuk melihat hasilnya.
8. Jika anda sudah merasa script/kode ini berjalan dengan baik, silahkan simpan/save template anda.
9. Selesai deh...!!
Sekian dulu pemberitahuan dari
saya..
See you in my next pages..
Bye gan..!!
Selamat mencoba..
*jangan lupa komentarnya ya gan.. :D
See you in my next pages..
Bye gan..!!
Selamat mencoba..
*jangan lupa komentarnya ya gan.. :D
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
DAFTAR ISI :
Tag :
Codes
Tips & Trick Blogger
{ 2 comments... read them below or Comment }
Peraturan yang harus diikuti ketika membuat komentar :
1. Tidak Membuat Link Aktif
2. Tidak SPAM
3. Menggunakan Bahasa Yang Sopan
4. Tidak Berhubungan Dengan SARA, Seks, dan Judi
Selamat Berkomentar..
Terima Kasih Atas Kerjasamanya.. ^_^
Show Konversi KodeHide Konversi Kode Show Emoticon
1. Tidak Membuat Link Aktif
2. Tidak SPAM
3. Menggunakan Bahasa Yang Sopan
4. Tidak Berhubungan Dengan SARA, Seks, dan Judi
Selamat Berkomentar..
Terima Kasih Atas Kerjasamanya.. ^_^
Show Konversi KodeHide Konversi Kode Show Emoticon
Subscribe to:
Post Comments (Atom)
keren sob
ReplyDeletefollow sukses gannn
hatur nuhun
http://www.geoool.web.id/
oke gan..
Deletethanks ya gan..
:D