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.
Kemudian cari kode
kemudian simpan templates
Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode
tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
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 =
"no-float" ; 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>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</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 == "item"'><data:post.body/><br/><p align='right'>
<strong><a
href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>|
<em>Free Bussines?</em>
|</a></strong></p></b:if>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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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...
Posting Komentar untuk "MEMBUAT READ MORE OTOMATIS PADA BLOGGER"