Bagaimana Cara membuat ReadMore Otomatis diBlog? Apakah Anda masih memakai Tempate Bawaan Blogger?kalau iya Nurulcall kasih solusinya simak dibawah ini.
Cara Membuat Read More Otomatis diblog sangat mudah.
Sebelum melangkah ke Cara Membuat ReadMmore Otomatis diblog lebih baik kita tahu apa itu Read More? dan apa
fungsi Read More? Read More dalam bahasa indonesia yaitu " Baca
Selengkapnya " dan fungsi Read More itu sendiri adalah untuk meminimalkan penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read More
otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa
menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu
pengunjung membuka Read More atau baca selengkapnya barulah pengunjung bisa
membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read
more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blog.
- Login ke Blog anda
- 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 = "no-float" ;
summary_noimg = 430; summary_img =340; img_thumb_height = 100; img_thumb_width = 120; </script><script src=http://nurullcall.googlecode.com/files/readmore-otomatis.js'
type='text/javascript'/>
- Selanjutnya
cari kode <data:post.body/> atau <p><data:post.body/></p> Tekan CTRL+F untuk mempermudah pencarian. Jika
ditemukan 2 kode yang sama, gunakan yang pertama saja
- Jika
sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<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 src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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 src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></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
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif bisa anda ganti dengan Baca Selengkapnya, Readmore dan seterusnya...
- Pratinjau dulu baru simpan template.
Demikian Cara Membuat Readmore Otomatis semoga bermanfaat....
1 comments: on "Cara Membuat Readmore Otomatis"
maaf gan blog anda apa ya.....?
Post a Comment