MUH AKRAM
Menu
  • Home
  • About
  • Contact
  • Sitemap
  • Privacy Policy
Beranda » Blog

Kamis, 11 Oktober 2012

Cara Membuat Auto Readmore Pada Blog

Muh Akram
Muh Akram
Kamis, 11 Oktober 2012
Cara Membuat Auto Readmore Pada Blog

Cara Membuat Auto Readmore, Dengan memasang aplikasi ini pada postingan, nantinya setiap postingan pada halaman blog anda akan muncul teks seperti gambar di atas.

Langsung aja kita praktekkan Cara Membuat Auto Readmore berikut ini:

1. Masuk ke blogger
2. Lalu pilih Layout dan klik Edit HTML
3. Cari </head>
4. Copy paste code dibawah ini dan letakkan di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "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>


Masih di EDIT HTML cari kode :

<data:post.body/>

Kalau sudah ketemu silahkan ganti kode <data:post.body/> 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Simpan Template.
Tags: #Blog
Muh Akram

Penulis Muh Akram

Assalamu'alaikum, perkenalkan nama saya Muhammad Akram bisa dipanggil Akram, asal dari Pinrang Sulawesi Selatan. Saya mulai mengenal blog pada tahun 2011. dan saya senang berbagi

Postingan Populer

  • Cara Menghubungkan Cisco ke PC-Laptop
  • Ciri-Ciri Website Yang Disuka Oleh Google
  • tes
  • Cara Alami Mengatasi Sakit Gigi
  • iwan fals - ijinkan aku mencintaimu
  • Pengertian Dari Karangan Narasi Beserta Contohnya
  • Cara Membuat Jam Garuda pada blog
  • Free Download PESEdit PES 2013 Update Patch 2.0
  • Cara Membuat Auto Readmore Pada Blog
  • Hal-Hal yang Dapat Menurunkan SEO Blog
Logo Footer Kompi Ajaib

Blog yang membahas tentang info-info menarik dan terbaru yang bermanfaat bagi anda.

Kategori

  • Agama
  • Blog
  • CHORD
  • Fisika
  • Fotoh
  • Games
  • Guru
  • Info
  • SEO

Dukungan :

  • About Me
  • Contact
  • Privacy Policy
  • Sitemap
  • Jasa Riview
Copyright © 2015 MUH AKRAM - All Rights Reserved - DMCA
Proudly powered by Blogger