MEMBUAT READ MORE MENARIK
Setelah beberapa hari mancari bagaimana caranya memasang READ MORE dalam tulisan yang akan kita tampilan tampilkan, akhirnya ketemu juga caranya dan berhasil pula. Sebelum sebelumnya saya pernah mencoba dan dan setelah disimpan tidak berhasil atau kode READ MORE tersebut tidak muncul. Tapi akhirnya hari ini saya dapatkan juga cara yang bagus dan tampilannya menarik.
Read more ada banyak macamnya, ada yang berupa gamata SELANJUTNYA atau kata kata yang lain.
Read more bisa juga dipakai untuk menyingkat tulisan pada paragraf yang kita buat sehingga akan terlihat simpel, mungkin.
Ada beberapa tombol READ MORE silahkan di lihat :
Ada beberapa tombol READ MORE silahkan di lihat :
Tapi yang ingin saya share disini keberhasilan saya akhirnya bisa memasang Aread More otomatis di Blog saya ini, kalau ingin menjadi follower silahkan dilihat dan diikuti cara caranya mudah mudahan berhasil :
- Silahkan login ke Blogger -------------- Template
- Klik tombol edit HTML
- Copy kode berikut : </head>
- Letakkan cursor di dalam edit HTMl
- Tekan CTRL + F ( untuk mencari ) dan tekan CTRL V + V dan tekan tombol ENTER
- Setelah ketemu code </head>, lalu letakkan kode berikut diatas </head>
- Setelah terpaste dengan baik, maka cari kode berikutnya : <data:post.body/>, sama seperti cara yang waktu mencari kode </head>. Ada beberapa kode <data:post.body/> yang akan kita temukan tapi mari kita coba mengambil kode yang terakhir, jika sudah ketemu maka ganti kode tersebut dengan kode dibawah ini :
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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:left'><b>Baca Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
- Silahkan simpan Template Dan akhirnya saya berhasil setelah melihat hasilnya dan bisa di lihat sendiri di Belajarcarangeblog.blogspot.com
Mudah mudahan berhasil.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
