Cara Membuat Read More Otomatis
Fungsi dari Read More adalah semata-mata untuk meminimalkan tampilan pada Blog kita,di samping bisa menghemat ruang dalam Blog kita juga bisa menunjang penampilan dan wajah blog kita sehingga pengunjung blog menjadi betah berlama-lama di blog kita...begitu kira-kira ya..? saya juga bingung ngejelasinya...langsung aja ah...ke tricknya...
1.Login ke Blogspot anda
2.Pilih Template > Edit HTML >(antar muka di blogger perbaharui) klik Lanjutkan > centang > Expand template widget
3.Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
4.Paste kode berikut tepat dibawah </head>
5.Seterusnyanya cari kode <data:post.body/> atau <p><data:post.body/></p> .
Jika kodenya lebih dari satu, ambil atau ganti kode yang pertama.
6.Ganti kode tersebut dengan kode dibawah ini:
Fungsi dari Read More adalah semata-mata untuk meminimalkan tampilan pada Blog kita,di samping bisa menghemat ruang dalam Blog kita juga bisa menunjang penampilan dan wajah blog kita sehingga pengunjung blog menjadi betah berlama-lama di blog kita...begitu kira-kira ya..? saya juga bingung ngejelasinya...langsung aja ah...ke tricknya...
1.Login ke Blogspot anda
2.Pilih Template > Edit HTML >(antar muka di blogger perbaharui) klik Lanjutkan > centang > Expand template widget
3.Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
4.Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 120; img_thumb_width = 100; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
5.Seterusnyanya cari kode <data:post.body/> atau <p><data:post.body/></p> .
Jika kodenya lebih dari satu, ambil atau ganti kode yang pertama.
6.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>
7. Klik Pratinjau atau Preview untuk memastikan kode yang kita terapkan berfungsi dengan baik,kalau berhasil klik Simpan Template
Ket: kode berwarna orange =430 adalah pada halaman muka akan menampilkan 430 huruf dari artikel yang kita tulis juga dengan gambar.
Sedangkan angka =120 adalah pada halaman muka menandakan tinggi dari gambar pada artikel yang kita masukan.
Dan angka =100 adalh lebar dari gambar pada artikel kita.
Kemudian kode berwarna biru adalah gambar tombol dari Read More yang bisa kita ubah dengan gambar kreasi kita sendiri atau jika kamu tidak ingin menampilkan gambar, kamu bisa ganti dengan tulisan READ MORE >> misal nya atau BACA SELENGKAPNYA >>, tingal kita hapus kode yang berwarna biru dan ganti dengan tulisan atau gambar yang di sukai...
Demikian cara membuat Read More Otomatis semoga bermanfaat.....D.
Jangan lupa komentnya ya...?
Jika timbul masalah dari Read More di atas baca Mengatasi Masalah Pada Read More Otomatis
Jika timbul masalah dari Read More di atas baca Mengatasi Masalah Pada Read More Otomatis
makasi boz untuk tutorialnya ....
ReplyDeleteSaya coba terapkan gan, trims ya. Ditunggu kunjungannya...
ReplyDelete