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

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


Pertama-tama, bapak ibu sekalian, auto readmore memudahkan kita dalam membuat posting. Memasang fitur ini membuat kita tidak perlu membubuhkan kode <!--more--> atau mengklik tanda setiap kali melakukan posting.
Fitur auto readmore akan mengurangi pekerjaan ini karena secara otomatis semua posting yang muncul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

Berikut langkah-langkahnya:
1. Masuk ke editor templateHTML. Download template terlebih 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='http://tips-and-trick.zz.mu/azmee-readmore.js' type='text/javascript'/>
keterangan:
-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
-img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.
 Tapi untuk amannya tinggalkan 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 membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti 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 tinggalkan begitu saja.
 
6. Untuk memastikan 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.

Popular posts from this blog

25 Ways to Increase Blog Traffic

Image
When I first started the My Name Is Not Bob blog, I really didn't have any goals or objectives. I just wanted a place to make posts that didn't fit on my Poetic Asides blog for poets. As such, I didn't really have too much of an audience in the beginning (and I'm very thankful for my readers who have been here since the beginning). But that all changed around the end of 2010 when I started getting more serious about my blogging efforts. Having a plan is one of the best ways to increase traffic. I won't bore you with numbers, but I now consistently have as much traffic in one day on this blog as I used to receive in two months ! It didn't all happen at once, and there were some ups and downs along the way, but I've found that the 25 steps below can help any blog increase traffic, whether it's brand new or been around a while. Here are my 25 ways to increase blog traffic: Post consistently. When I first started blogging, I&
Read more

Cara Menghapus Obeng Dan Tang di Blogger atau blogspot Permanen

Image
Pasti di widget blog kalian ada gambar atau tanda Obeng dan Tang kan ? Sebagian orang mengatakan blognya kurang menarik jika melihat gambar atau tanda obeng dan tang di blog mereka. Ada pula yang mengatakan blog tidak Valid HTML5 dan CSS3 karena di sebabkan gambar Obeng dan Tang di blog ini. Nah kali ini saya akan berikan Cara Menghapus Obeng Dan Tang di Blog secara Permanen. Langkah Menghapus Obeng Dan Tang di Blogger atau blogspot Permanen Sebenarnya ada dua cara menghapus obeng dan tang di blog : Pertama, hanya menghilangkannya saja. Kedua, Menghapusnya secara permanen. Kedua cara diatas saya kombinasikan di tutorial dibawah ini, silahkan disimak..  1. Langkah awal Klik Template > Edit Template 2. Kita akan menambahkan beberapa script, silahkan tambahkan script dibawah ini .quickedit{display:none;} 3. Copy dan Pastekan script diatas sebelum ]]></b:skin> lalu Save. 4. Dilangkah ini kalian masih dibagian Edit HTML, disebelahnya ada Jump To Widget. Klik lalu pilih widget
Read more

Update Jenis Iklan Adsense 300x600

Image
Saat saya membuka blog saya di www.ternakayamkampung.com , ternyata ada tayangan baru di iklan tersebut. Tampilan baru ini adalah semacam icon narrow atau anak panah ke kanan di sebelah iklan google adsense. Berikut tampilan iklannya. Dari kejadian tersebut saya buka di blog adsense.blogspot.com dan mendapati pemberitahuan dari pusat informasi iklan google tersebut. Dari inti yang saya baca adalah sebagai berikut : 1. Menerangkan perubahan atau update penggunaan iklan adsense ukuran 300x600 2. Perubahan berupa icon narrow atau panah ke kanan 3. Tujuannya adalah keseimbangan konten dengan iklan (maksudnya google) 4. Maksimal penggunaan iklan 300x600 adalah 1 (satu) unit tiap halamannya 5. Jika kamu telah memasang lebih dari 1 (satu) unit jenis iklan 300x600, maka diharapkan menghapusnya atau menggantinya sebelum 10 Januari 2013 6. Tapi tetap mempertimbangkan 3 unit iklan di setiap halamannya 7. Kita akan diberi pemberitahuan oleh google jika sekiranya menurut google perlu pembaharuan.
Read more