Random Posts

Supported by Seowaps

Cara membuat auto Read More plus judul artikel

Joespe | 8:03 AM | 2 komentar

English Version:


membuat read more otomatis

Ini cara dalam membuat Read More atau baca selengkap nya secara otomatis yang di ikuti dengan judul posting (Read More judul posting).!Read More ini berfungsi bila setiap anda membuat artikel posting akan terpotong secara otomatis.
Dengan mengunakan Read More otomatis semua potongan posting akan sama dan terlihat rapi.
Langsung saja, untuk tutorials nya seperti biasa masuk ke acount blogger anda dan edit Html jangan lupa centang "expand whdget template" seperti gambar di bawah ini:

membuat read more otomatis



kemudian cari kode ]]></b:skin> dan letakan kode di bawah ini tepat setelah kode tersebut:


< script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 420;
summary_img = 250;
img_thumb_height = 140;
img_thumb_width = 120;
< /script>


< script type='text/javascript'>
//>![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

function removeHtmlTag(strx,chop){
if(strx.indexOf("&dlt")!=-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 cari kode Html < data:post.body/> atau < p>< data:post.body/>< /p>
ganti dengan kode di bawah ini:

< 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:left'>< a expr:href='data:post.url'>» Read more → < data:post.title/>< /a>< /span>
< /b:if>
< b:if cond='data:blog.pageType == "item"'>< data:post.body/>< /b:if>

catatan:
untuk mengatur potongan posting anda tinggal mengubah ini.
==¤ summary_noimg = 420; tinggi artikel terpotong tanpa image
==¤ summary_img = 250;tinggi artikel terpotong dengan image
==¤ untuk tulisan Read More bisa anda ganti sesuka hati
setelah selesai jangan lupa klik save template.
sekarang blogger sudah suport dengan Read More,bila anda ingin meggunakan Read More pasilitas blogger baca tutorial nya Di sini===>>

Category: ,

ﺑِﺴْﻢِ ﺍﻟﻠﻪِ ﺍﻟﺮَّﺣْﻤٰﻦِ ﺍﻟﺮَّﺣﻴﻢِ:
ﺳُﺒْﺤَﺎﻥَ ﺍﻟﻠّﻪِ - ﻭﺍﻟْﺤَﻤْﺪُﻟﻠّﻪِ - ﻭَ ﻻ ﺍِﻟﻪَ ﺍِﻟَّﺎ ﺍﻟﻠّﻪُ - ﻭَ ﺍﻟﻠّﻪُ ﺍَﻛْﺒَﺮُ
subhanallah walhamdulillah walailahaillallah wallahuakbar

2 komentar

  1. Unknown says:

    bos taya dongg.. untuk memperbesar hrfnya kodenya yang mana? http://informasi-marwadi.blogspot.com

  2. blog says:

    @Marwadi

    baca aja di sini