Pasang Auto Read More Terbaru

     Beuh pusing banget cara pasang auto read more di blogspot, seharian saya cari tapi tidak ketemu ama yang pas dan mudah, tapi sukurlah sekarang udah nemu yang pas dan mudah banget tuk di pahami, dan hasil nya kalian bisa lihat sendiri kan di setiap postingan saya ada read more nya, kalian pengen ?

Tapi sebelum kita membahas bagaimana cara pemasangan auto read more di blogspot, sebaik nya kita cari tau dulu apa sih kegunaan read more di blog kita ini, kalau menurut saya kegunaan read more di blog kita ini supaya tampilan lebih ringkas dan rapih serta mengirit halaman juga sih, lalu kalau menurut kalian bagaimana ?

Udah ah cukup segitu penjelasan dari read more sendiri , sekarang kita beralih topik ke bagaimana sih cara pemasangan auto read more di blog itu, coba kalian perhatikan cara-cara di bawah ini :

1. Tentu nya kita mesti login dulu ke blogger kalian bisa klick disini untuk melakukan login di blogger

2. Ketika kita berada di halaman Dasbor click Rancangan lalu click Edit HTML centang Expand Template Widget

3. Click Ctrl + F  ini bertujuan agar memudahkan kita dalam pencarian code yang mau kita edit nanti

4. Tulis </head> di kolom pencarian, setelah kalian sudah menemukan code </head> , sekarang coba kalian copy paste code di bawah ini dan di pasang di atas code </head>   tersebut
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 500;
summary_img = 500;
img_thumb_height = 150;
img_thumb_width = 150;
</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("<")!=-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;
}
if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="http://dongeng.org/wp-content/uploads/2009/05/logo-indramayu-150x150.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script

langkah selanjutnya kalian cari kode <data:post.body/> dan gantilah dengan script 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:right'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan:
- Jika kalian ingin read more kalian berupa gambar maka gantilah teks READ MORE dengan link gambar kalian.
- float:right adalah letak read more dan jika kalian ingin mengganti keposisi kiri maka gantilah dengan float:left  

Artikel Yang Berhubungan:

3 komentar:

Amin Chromatic mengatakan...

Susah amat nank

bL4ckL!zt mengatakan...

tHank'z gan.....
^_^
artikeL dari agAn sAngat bermanfaat..

Mig33 Kertasemaya mengatakan...

kemarn ada yang salah dalam penulisan script dan sekarang sudah di benerin lagi.. thank info nya

Informasi Umum - Kumpulan Artikel Bebas Baca © 2009 - Bookmarking