Cara Memasang Auto Readmore Pada Blogspot

Tutorial Blogspot ~ menu readmore di blogspot sebenarnya sudah ada. Namun demikian akan lebih efektif jika Memasang Readmore Pada Blogspot secara otomatis. Tulisan mengenai Cara Memasang Auto Readmore Pada Blogspot di bawah ini merupakan hasil copas dari artikel Johny Kurniawan yang kami tulis ulang sesuai aslinya.

Anda baru mempunyai blog yang anda buat di blogspot ? Kebingungan untuk mencari tutorial untuk memasang auto readmore pada blog anda tersebut ? Nah, sekarang anda sudah menemukan tutorialnya disini. Apa bedanya dengan auto readmore yang ada pada blog lainnya ? Sebetulnya sama saja, cuman auto readmore yang ada di blog kami ini sudah kami modifikasi sehingga tidak bentrok dengan halaman static page yang akan anda buat nanti, lihat contohnya static page yang kami buat di sini. Pada contoh halaman static page tersebut fungsi dari auto readmore sudah tidak jalan lagi  . Jadi apabila anda membuat sebuah static anda tidak perlu lagi takut akan ada tulisan Read More .

Berikut cara memasang auto read more yang sudah di modifikasi agar tidak bentrok dengan halaman static page anda :

Login ke akun Blogger anda > Pilih design > Edit HTML dan cari kode berikut
</head>
Copy kode dibawah ini dan tempelkan / pastekan tepat diatasnya
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 380;
summary_img = 380;
img_thumb_height = 75;
img_thumb_width = 75;
</script>
<script src='http://dataklobotcom.googlecode.com/files/excerpt.js' type='text/javascript'/>
Kemudian cari kode 
<data:post.body/>

Replace kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&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>
<a class='more' expr:href='data:post.url'>Baca Selengkapnya</a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
Simpan template blog anda dan lihat hasilnya . Jika anda ingin merubah tampilan auto readmore ini, silahkan edit pada bagian di bawah ini

summary_noimg = 380;
summary_img = 380;
img_thumb_height = 75;
img_thumb_width = 75;
Lihat gambar di bawah ini



Sumber: Cara Pasang Auto Readmore Pada Blog Blogspot

Tutorial Cara Memasang Auto Readmore Pada Blogspot versi Johny Kurniawan memiliki kelebihan tidak berpengaruh pada halaman statis. Silakan dicoba pada blog di akun blogspot Anda.
Previous
Next Post »