Rabu, 10 Juli 2013

Cara lengkap membuat read more otomatis pada postingan blog

r Tiada yang mustahil jika kita terus mencoba...hehehe penulis memberikan sedikit pepatah...
nah sama juga dengan yang satu ini..cara membuat read more otomatis pada postingan blog...untuk lebih lengkapnya lagi ikuti cara pembuatannya dibawah ini..
Cara lengkap membuat read more otomatis pada postingan blog
read more

1. login ke akun blog sobat
2. pilih template - edit HTML
3. tekan contrl + F kemudian cari kode </head> 
4. kemudian letakan kode berikut tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
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>

5. jangan dulu di simpan template 

6. langkah selanjutnya cari kode <data:post.body/>
7. setelah ketemu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

8. klik pratinjau template dan lihat hasilnya,kalau hasilnya sudah mantap sekarang anda simpan templatenya....


Hehehe,,mudahkan....semoga artikel ini berguna buat anda

Tidak ada komentar:

Posting Komentar

Pengertian Tindak Pidana Korupsi

Pengertian Korupsi  adalah tindakan yang dilakukan oleh setiap orang yang secara melawan hukum melakukan perbuatan memperkaya diri sendiri ...