Blog
Beranda / Blog / MEMBUAT READ MORE OTOMATIS PADA BLOGGER

MEMBUAT READ MORE OTOMATIS PADA BLOGGER

membuat read more otomatis yaitu dengan cara menggunakan java script dan ada dua pilihan tampilan yaitu read more dengan gambar atau tulisan.Caranya sebagai berikut :

Pertama, pilih dashboard, kemudian pilih template, edit html dan contreng tulisan expand widget template.

kemudian cari kode </head> lalu letakan javascript dibawah ini tepat dibawahnya.
<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://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js'
type='text/javascript'/>

Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>


Kemudian Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<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 alt='Read More..'
src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a

href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>|
<em>Free Bussines?</em>
|</a></strong></p></b:if>

Rahasia Meningkatkan Performa Blogspot: Biar Trafik Makin Ngegas!

kemudian simpan templates

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<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’>&#187;&#187;&#160;&#160;READMORE…</a></span>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if> 

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll…

Kenapa Ngeblog Masih Seru dan Menguntungkan di Zaman Sekarang? Simak Alasannya!

Artikel Terkait

Komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *