.

Home » » cara membuat read more automatic

cara membuat read more automatic

Written By Unknown on Sabtu, 27 Oktober 2012 | 02.39

- Cara membuat read more otomatis di platroom blogger mudah dan cepat.
Cara membuat read more diblogger tidak perlu ke ahlian khusus dan
mudah diperaktekan. Blogger mendukung script j-Query , Json, java
script, dan iframe PHP.

Cara membuat read more dengan mudah dan otomatis yaitu menggunakan
script J-Query dan script tambahan untuk memanggil script j-Query
supaya berfungsi.

Cara mudah mudah membuat read more sebagai berikut :

1. Loggin ke www.blogger.com
2. Sepeti biasa Edit HTML
jangan lupa centang kolom di samping tulisan "expand template widget".
4. Lalu cari kode </ head> : untuk mempermudah pencarian tekan F3.
5. Lalu masukkan code di bawah ini tepat di atas </head>
kode J-Qurey :

<script type='text/javascript'> var thumbnail_mode =
&quot;no-float&quot; ; summary_noimg = 430; summary_img = 340;
img_thumb_ height = 100; 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 createSummaryAn dThumb(pID){ var div =
document.getElementById (pID); var imgtag = ""; var img =
div.getElementsByTag Name("img"); var summ = summary_noimg;
if(img.length>=1) { imgtag = '<span style="float:left; padding:0px10px
5px 0px;"><img src="'+img[0].src+'" 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>
6. Kemudian anda cari kode

<data:post.body/>

Ganti kode

<data:post.body/>

Dengan kode di bawah ini :

<b:if cond='data:blog.pageType ! = &quot;item&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:right;padding-top:20px;'><a
expr:href='data:post.url'><b> readmore</b> &#187;&#187;&# 160;&#160;
</a></span> </b:if><b:if cond='data:blog.pageType ==
&quot;item&quot;'><data:post.body/></b:if>

7. Kemudian Save Template.

cara mudah membuat read more otomatis.
Share this article :

Article :

0 komentar:

Posting Komentar