Cara Membuat Auto Read More di Blogspot - Hallo sahabat sansiroku, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Auto Read More di Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogspot, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Auto Read More di Blogspot
link : Cara Membuat Auto Read More di Blogspot

Cara Membuat Auto Read More di Blogspot

Pada Tutorial kali ini saya akan membahas tentang Cara Membuat Auto Read More di Blogspot. 

Read More (Baca Selengkapnya) fitur ini sangat membantu untuk mempersingkat posting kita dan juga dengan adanya fitur ini posting kita akan terlihat rapi.
Kali ini saya akan membahas tentang Cara Membuat Auto Read More Di Posting Blog tanpa ada iklan atau seseorang suka menyelipkan alamat Web / Blog nya sendiri.

Berikut adalah tutorial mambuat Auto Read More di posting Blog.

• Masuk ke menu Blog (Sebaiknya Backup dulu templates anda)
• Pilih templates > Edit HTML
• Cari kede : </head> dengan cara menekan (Ctrl+f)
• Copy kan kode dibawah ini di atas kede </head>

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>

• Lalu simpan templates
• Kemudian cari kode ( <data:post.body/> ) cara mencari kode nya dengan menggunakan (Ctrl+f)
• Nanti anda akan menemukan dua kode yang sama seperti itu 
• Lalu ganti kode tersebut (yang di ganti adalah kode yang kedua) dengan kode di bawah ini. 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

• Lalu simpan templates..
• Selesai.

Untuk menyesuaikan lebar atau gambar, silahkan edit sendiri tulisan yang berwarna di atas.

• Biru untuk panjang atau lebar nya posting.
• Merah adalah ukuran gambar.
• Saran saya abaikan saja jangan di otak-atik.

Bisa juga untuk tema bawaan Blogspot ataupun tema hasil Download

Selamat Mencoba

Demikianlah Artikel Cara Membuat Auto Read More di Blogspot

Sekianlah artikel Cara Membuat Auto Read More di Blogspot kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Auto Read More di Blogspot dengan alamat link https://sansiroku.blogspot.com/2016/04/cara-membuat-auto-read-more-di-blogspot.html