Laman

Selasa, 18 September 2012

Cara Membuat Readmore Otomatis

Cara Membuat Readmore Otomatis
Cara Membuat Readmore Otomatis ini hanya khusus buat blog yang berplatform Blogspot saja.
kalau yang berplatform wordpress biasa tidak otomatis,kecuali memang memakai Template yang ada readmore otomatisnya.
Cara Membuat Readmore Otomatis adalah sebagai berikut:
login,lalu klik edit html.lalu cawang Expand Widget Templates,terus cari <data:post.body/> 
lalu ganti dengan kode ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>
<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/></b:if></b:if>
lalu cari </head> dan taruh kode dibawah ini dibawahnya:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 250;
summary_img = 250;
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 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>
lalu simpan deh.
read more

Rabu, 01 Agustus 2012

Cara Membuat Permalink di Bawah Postingan

Cara Membuat Permalink di Bawah Postingan
Berikut kode Permalink di Bawah Postingan

<div style='line-height:1.4em;padding: 1px; margin: 2px;background-color:#ffffff;font-size: 11px;text-align: justify'>
<span>Ganti teks ini</span><br />
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>
</div><br />
Cara Memasang Permalink di Bawah Postingan
1. Copy kode di atas.
2. Buka HTML editor blog, Dashboard > Template > Edit HTML.
3. Jangan lupa centang "Expand Widgets Template"
4. Cari <data:post.body>. Bagi yang menggunakan readmore otomatis,mungkin anda akan banyak mendapatkan kode seperti tersebut,silahkan pilih nomer 2 atau 3
5. Letakkan kode permalink tepat di bawah <data:post.body>.
6. Save template.
read more