Sabtu, Juni 11

Auto Read More Terbaru



Cara pasang Auto Read More

1. Log in di Blogger.com
2. pilih Edit HTML, click Expand Widget Templates


3. carilah kode </head> dan copy kode di bawah ini letakkan sebelum kode </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; 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;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

4. cari kode <data:post.body/> atau <p><data:post.body/></ p>, ganti kode tersebut dengan kode dibawah 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'><br/><b>Read More </b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  5. kemudian Save Template.   
 6. selesai...
Keterangan tentang cara membuat auto read more:
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 300; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 300; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 150; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 150; (Thumbnail 'lebar dalam piksel).

Tambahan: Untuk Membuat auto read more bergambar ganti tulisan Readmoredengan alamat gambar sobat sekalian
Contoh:
<img src=" http://i1105.photobucket.com/albums/h344/arja88/read2.png" />
Kalau sobat ingin menggunakan Gambar Animasi Readmore silahkan sobat 

Download disini
Versi 1
Versi 2

“Selamat Mencoba”
 Salam NEWBIE ^_^


0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
(Bebas Berbicara Asal SOPAN).

 
Ping your blog, website, or RSS feed for Free
Yahoo bot last visit powered by MyPagerank.Net
Msn bot last visit powered by MyPagerank.Net Google bot last visit powered by Bots Visit
Computers Blogs
Computers Top Computers blogs
Technology Blogs - Blog Rankings Free Automatic Backlink Free Auto Backlinks
TopBlogIndonesia.com blog-indonesia.com
http://Link-exchange.comxa.com Internet
Submit Your Site To The Web's Top 50 Search Engines for Free!
PageRank

winpalace | visitor counter | Casino la vida no deposit code | CLUB WORLD CASINO | metatrader
web stats