Membuat Jump Link Read More - Hello friend Panduan SEO | Panduan SEO terlengkap tuk pemula yang ingin mulai belajar SEO. Panduan gratis ini meningkatkan pengunjung ke situs anda. On this article you read this time with the title Membuat Jump Link Read More , We have prepared this article well for you to read and take the information in it. hopefully the contents of the post Articles Tip Blogger, That we write this you can understand. okay, happy reading.

Title : Membuat Jump Link Read More
links : Membuat Jump Link Read More

Membuat Jump Link Read More

Blogger telah mengaktifkan ringkasan postingan untuk blog kita, berarti kita dapat menambahkan "Read More" dalam posting kami, setelah itu yang terlihat hanyah bebrapa baris dari postingan tersebut. Didalam template bawan blogger script untuk membuat read more, berarti ita harus menambahkan code kedalam HTML template Blog Anda. Pada postingan ini, saya akan memberikan tip betapa mudahnya membuat Read More.

Blog sekarang memiliki "Jump Link" yang diaktifkan secara default dalam template Blogger kita, ada beberapa trik yang berguna dan menarik kita dapat melakukannya untuk membuat Read more.
Berikut adalah beberapa ide untuk Anda laksanakan ;

Masuk ke Blogger
Klik Template - Edit HTML
tekan " Shift + F " ketik " </head> "
lantas Copy kode dibawah ini dan Paste ke atas Koe </head> .... <script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 275;
summary_img = 275;
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>
Find ( Shift+F )lagi Code yang kedua " <data:post.body/> ", atau " itemprop='description articleBody Copy kode di bawah ini paste ke " <data:post.body/> " setelah kode " itemprop='description articleBody " <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>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Simpan dan lihat hasilnya ...

sebelum melakukan aksi di atas tolong script di BackUp ke wordpad dulu, saya tidak bertanggung jawab nanti bila template terjadi hal-hal yang tidak diinginkan ....

Thus the article Membuat Jump Link Read More

That's an article Membuat Jump Link Read More This article will be useful for you all. okay, see you in other article posting. Do not forget to keep visiting on Panduan SEO | Blogger, Tips , Adsense, Google.

You are now reading the article Membuat Jump Link Read More with the link address https://belajarpanduanseo.blogspot.com/2014/11/membuat-jump-link-read-more.html