Cara Membuat Readmore Otomatis di Blogspot

Tweet

Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu bro apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik, walaupun banyak sudah jasa situs yang menawar Template Blog keren langsung dengan ReadMorenya, tapi ini khusus untuk para blogger yang ingin mempertahankan citra rasa blog pertama. jadi ini semua seterah lo aja sih bro. . .hehe

tapi jika lo tertarik bro, silahkan di simak aja tata cara berikut bro :

Langkah-langkah cara membuat Read More Otomatis di Blogspot

• Login ke Blog lo bro
• Buka halaman design > Edit HTML > centang Expand template widget
• Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
• Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img =340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://raxterblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>

• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
• Jika sudah ketemu silahkan lo ganti kode tersebut bro dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'><img src="http://2.bp.blogspot.com/-W5liGjxmJqk/Tdenkd70q1I/AAAAAAAAAF4/05dg_5KGBbc/s1600/icon+read+more5.gif"></img></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Finish simpan template dan lihat hasilnya bro

Cara membuat Read More otomatis di Blogspot ini bisa lo rubah bro sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya bro :

1. summary_noimg = 430; apabila artikel lo bro tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel lo bro berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5. Lo bro juga bisa mengubah Icon read more http://2.bp.blogspot.com/-W5liGjxmJqk/Tdenkd70q1I/AAAAAAAAAF4/05dg_5KGBbc/s1600/icon+read+more5.gifsilahkan diganti URL icon yang lo inginkan bro. Atau lo bro ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya ">> Read more ", maka lo bro tinggal menghapus / mengganti kode <img src="http://2.bp.blogspot.com/-W5liGjxmJqk/Tdenkd70q1I/AAAAAAAAAF4/05dg_5KGBbc/s1600/icon+read+more5.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

 

good luck ya bro >> :-) . . .

Judul: Cara Membuat Readmore Otomatis di Blogspot
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal

Lo Sedang Membaca Artikel Bro Tentang Cara Membuat Readmore Otomatis di Blogspot
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !