Pada kesempatan kali ini Aapaaja memilih judul membuat Read more pada blog, Read more yang dimaksun yaitu pada suatu blog kadang kita menemukan adanya suatu fasilitas yang di berikan kepada reader, yang bertujuan untuk meringkas isi dari artikel. Sehingga pembaca dapat mengetahui isi dengan hanya membaca sebahagian bacaan dari artikel yang akan di baca. Untuk blog kegunaanya adalah menampilkan beberapa artikel dengan tidak memenuhi halaman, sehingga halaman dapat di efisienkan.
Baik lah kita langsung saja...
yang perlu kita lakukan dalam membuat read more ini adalah menentukan bentuk tulisan atau dalam bentuk ganbar sepetri ini contohnya
selanjutnya kita masuk ke blog kita polih perancangan > Etid HTML > cari </head> nah kemudian Teman2 buat script ini atau biar cepat copas aja
<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://yourjavascript.com/01241511071/read-moreotomatis.js.txt.js' type='text/javascript'/>
lalu lanjutkan dengan mengubah script <data:post.body/> atau <p><data:post.body/></p> menjadi sepreti 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'><img alt='Read More..' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivGqwXMX-RW9X32uezUJyo8RVd0C95g-64S36o99YZjsh78QbN5igtjup8Nz7HfH4mCf_RBZhOv52JHcfdNA0JqrLJfuSIzx_Yxwh4lhlknjEybGDH6_4cIjiNpUA1wbv0ApjCEBqVHc/s1600/read+more.jpg'/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'> <strong><a href='http://aapaaja.blogspot.com/2011/11/membuat-read-more-pada-blogs.html'></a></strong></p></b:if>
nah jika teman-teman ingin menampilkan dalam bentuk tulisan saja gunakan scrip yang 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'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://aapaaja.blogspot.com/2011/11/membuat-read-more-pada-blogs.html'></a></strong></p></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'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://aapaaja.blogspot.com/2011/11/membuat-read-more-pada-blogs.html'></a></strong></p></b:if>
setelah semua langkah di atas telah di ikuti jangan lupa simpan atau save templatenya.
Sekian dari Saya blogs aapaaja semoga bermanfaat.
Tidak ada komentar:
Posting Komentar