Cara Membuat Read More di Blog
Senin, 29 April 2013
0
komentar
Baiklah,
satu lagi TIPS dari obby tentang cara membuat read more di blog. Semoga
bermanfaat untuk sobat semua.
Silahkan
Login di akun blogger sobat
► Lalu klik Rancangan dan klik Edit HTML
► Jangan lupa untuk mencentang Expand Template Widget
► Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template sobat, untuk menghindari hal yang tidak diinginkan.
► Kemudian Cari kode </head>. Dan untuk mempermudah pencarian kode nya sobat tekan aja ( CTRL + F )
► Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut.
Bila sobat ingin merubah ukuran pada Read More di Blogger sobat tersebut, sobat tinggal merubah di bagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail
► langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah 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'>»»  READMORE...</a></span> </b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
► dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera sobat.
► Lalu klik Rancangan dan klik Edit HTML
► Jangan lupa untuk mencentang Expand Template Widget
► Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template sobat, untuk menghindari hal yang tidak diinginkan.
► Kemudian Cari kode </head>. Dan untuk mempermudah pencarian kode nya sobat tekan aja ( CTRL + F )
► Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut.
Bila sobat ingin merubah ukuran pada Read More di Blogger sobat tersebut, sobat tinggal merubah di bagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail
► langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah 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'>»»  READMORE...</a></span> </b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
► dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera sobat.
setelah
dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan
template dan coba lihatlah hasilnya.
Okelah sobat
itulah artikel tentang Cara Membuat Read
More Otomatis Pada Blog, Blogspot,
Blogger yang mungkin bisa sedikit membantu sobat. dan ingat,
sebelum sobat memasukan kode2 diatas sebaiknya sobat backup terlebih dahulu
template dengan cara download lengkap tempalte, langkah ini untuk antisipasi
bila sobat salah memasukkan kode yang ada.
► Dan untuk
melihat contoh hasil dari Read more bisa anda lihat DISINI
0 komentar:
Posting Komentar
utarakan komentar sobat