Cara Membuat Readmore Pada Blogspot

Sekedar koleksi blog, Auto readmore ini adalah yang paling sering saya gunakan saat saya otak atik template, dan ini buat template yang masih orisinil, bukan template hasil download, karena template hasil download sudah menerapkan langsung fitur readmore didalamnya.
sederhana, dan tidak banyak ini itu, cukup letakan beberapa kode berikut, langsung bisa dilihat hasilnya. Berikut adalah Cara membuat auto readmore pada blog platform blogger.com
1. Log in ke blog anda
2. KLik Rancangan / Template
3. KLik Edit HtmL
4. Cari Kode
5. Dan Letakan kode di bawah ini Di atas kode </head>

<script type='text/javascript'>var summary_noimg = 500, summary_img = 300, img_thumb_height = 120, img_thumb_width = 120; </script><script type='text/javascript'>//<![CDATA[ function removeHtmlTag(strx, chop) { if (strx.indexOf("<") != -1) { var s = strx.split("<"); for (var i = 0; i < s.length; i++) { if (s[i].indexOf(">") != -1) { s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length); } } strx = s.join(" "); } chop = (chop < strx.length - 1) ? chop : strx.length - 2; while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++; strx = strx.substring(0, chop - 1); return strx + '...'; } function createSummaryAndThumb(pID) { var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if (img.length >= 1) { imgtag = '<span style="float:left;padding:0px 10px 5px 0px;"><img alt="" src="' + img[0].src.replace(/\/s(320|400|640|1600)/, "\/s" + img_thumb_width) + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>'; div.innerHTML = summary; } //]]></script>

5. Simpan Template
6. Setelah Anda simpan Template Lalu Centang Expand Template widget Dan Cari Kode di Bawah ini
<data:post.body/>
(Kode ini ada 3, pilih Kode yang paling atas)
Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini

<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/><b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script><a class='more' expr:href='data:post.url'> Selengkapnya... </a></b:if></b:if>

Silahkan ganti kata "SELENGKAPNYA" dengan kata yang anda inginkan, misal "Lebih Detail", "Read More", "Lebih Rinci" Terserah anda mau yang mana
7. Klik SIMPAN dan coba lihat hasilnya

Simpan Artikel Cara Membuat Readmore Pada Blogspot Dengan Link : https://neoblogku.blogspot.com/2013/01/cara-membuat-readmore-pada-blogspot.html

Judul : Cara Membuat Readmore Pada Blogspot.
Kategori : Blog / Tips Blogging / Trik / Tutorial Dasar Blogger
Ditulis oleh : Unknown Pada Saturday, January 26
Bagikan Ke : Facebook / Twitter