Cara membuat read more pada blog, blogspot, Blogger OTOMATIS ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template anda, dengan begitu andapun tidak perlu repot lagi dalam hal pembuatan readmore ini, oke tanpa panjang lebar silahkan ikuti langkah-langkahnya seperti yang di bawah ini.:
Sebelum anda mulai untuk mengikuti langkah cara membuat read more pada blog, berikut beberapa hal yang harus anda lakukan:
1.Terlebih dahulu anda harus login dan masuk ke akun blog anda.
2.Langkah kedua mengenai cara membuat read more pada blog yaitu dengan klik rancangan dan klik edit HTML.
3.Kemudian centang Expand Template Widget
4.Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan
5.Untuk memudahkan mencari kode HTML, silahkan tekan CTRL+F.
6.Anda harus mencari kode </head> dan jika sudah ketemu kemudian tambahkan kode di bawah ini tepatnya di atas kode </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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Dalam beberapa langkah cara membuat read more pada blog, jika anda ingin mengubah ukuran read more, anda dapat lakukan dengan mengubah angka-angka pada kode di bawah ini sesuai dengan kebutuhan anda.
summary_noimg = 430; merupakan tinggi potongan artikel tanpa gambar
summary_img = 340; merupakan tinggi potongan artikel dengan gambar
img_thumb_height =100; merupakan ukuran tinggi thumbnail
img_thumb_width = 120; merupakan ukuran lebar thumbnail
Setelah itu dalam langkah cara membuat read more pada blog yang harus anda lakukan adalah mencari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode yang berada 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>
Perlu anda ketahui, kata READ MORE juga dapat anda ubah sesuai dengan keinginan anda. Nah, setela itu langkah terakhir mengenai cara membuat read more pada blog adalah dengan menyimpan template dan lihat hasilnya. Selamat mencoba.
5.Untuk memudahkan mencari kode HTML, silahkan tekan CTRL+F.
6.Anda harus mencari kode </head> dan jika sudah ketemu kemudian tambahkan kode di bawah ini tepatnya di atas kode </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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Dalam beberapa langkah cara membuat read more pada blog, jika anda ingin mengubah ukuran read more, anda dapat lakukan dengan mengubah angka-angka pada kode di bawah ini sesuai dengan kebutuhan anda.
summary_noimg = 430; merupakan tinggi potongan artikel tanpa gambar
summary_img = 340; merupakan tinggi potongan artikel dengan gambar
img_thumb_height =100; merupakan ukuran tinggi thumbnail
img_thumb_width = 120; merupakan ukuran lebar thumbnail
Setelah itu dalam langkah cara membuat read more pada blog yang harus anda lakukan adalah mencari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode yang berada 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>
Perlu anda ketahui, kata READ MORE juga dapat anda ubah sesuai dengan keinginan anda. Nah, setela itu langkah terakhir mengenai cara membuat read more pada blog adalah dengan menyimpan template dan lihat hasilnya. Selamat mencoba.
Tidak ada komentar:
Posting Komentar