Sunday, October 9, 2016
Cara Membuat Auto Read More Di Blogspot
Cara Membuat Auto Read More Di Blogspot
Cara Membuat Auto Read More.
Kali ini saya akan membahas tentang Cara Membuat Auto Read More Di Posting Blogtanpa 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 != "static_page">
<b:if cond=data:blog.pageType != "item">
<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>
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 != "static_page">
<b:if cond=data:blog.pageType != "item">
<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 != "static_page">
<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/>","<data:post.url/>","<data:post.title/>");</script>
<span class=readmore style=float:right;><a expr_href=data:post.url>Read More »</a></span></b:if></b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
<b:if cond=data:blog.pageType == "static_page"><data:post.body/></b:if>
<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/>","<data:post.url/>","<data:post.title/>");</script>
<span class=readmore style=float:right;><a expr_href=data:post.url>Read More »</a></span></b:if></b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
<b:if cond=data:blog.pageType == "static_page"><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.
Selamat Mencoba
Go to link Download
