Wednesday, November 12, 2014

Cara Memasang ReadMore Didalam Posting Blog

Setelah baru posting Download Template Slider SEO Friendly Gratis saya akan memposting lagi dengan label baru yaitu Tips Blogger, melalui tips blogger saya akan posting tips seputar dunia Blogger dan akan membantu orang-orang mengedit atau mengkreasikan blog mereka masing-masing dan menambah widget atau aplikasi yang diinginkan oleh pemilik blog.

Langsung saja tema yang diangkat pada artikel ini adalah Cara Memasang ReadMore Didalam Posting Blog. Para sahabat Blogger mungkin kesusahan dalam membuat fungsi ReadMore pada setiap Postingan, tetapi disini saya akan memberitahu caranya.

Cara%2BMemasang%2BReadmore%2BOtomatis%2Bdi%2BSetiap%2BPostingan

Readmore atau yang biasa dikenal dengan istilah Baca Selanjutnya, Baca Selengkapnya, Selengkapnya dan sebagainya ini, saya temukan dari blog sahabat junior-hc.blogspot.com pada salah satu blog saya yang lain, dan alhamdulillah berhasil tanpa meninggalkan masalah apa - apa. Nah untuk itu maka saya akan memberikan tutorial ini kepada kalianselalu gagal dalam mencobanya.


Baiklah, silahkan simak langkah - langkah berikut ini :
Masuk ke akun blogger anda.
Klik Template lalu Edit HTML.
Kemudian cari kode </head> dengan menggunakan bantuan Ctrl F.
Setelah kode tersebut ketemu segera letakkan kode dibawah ini tepat diatas kode</head> tadi.
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 80;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

Apabila anda ingin melakukan pengeditan pada kode diatas, anda bisa mengikuti cara dibawah ini :

summary_noimg = banyaknya huruf jika tidak ada gambar
summary_img = banyaknya huruf jika ada gambar
img_thumb_height = Ukuran tinggi gambar
img_thumb_width = Ukuran lebar gambar

Dan sebagai langkah terakhir, cari pula kode <data:post.body/> dan ganti kode tersebut dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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;);</script>
<span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></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>

biasanya kode ini terdapat dua atau tiga buah pada template, nah ketika saya mencoba saya menggunakan kode <data:post.body/> yang terkahir.
Simpan Template dan Selesai.


Semoga postingan Cara Memasang ReadMore Didalam Posting Blog bisa bermanfaat.
Baca artikel yang lain di Erick SEO Pemula.

Cara Memasang ReadMore Didalam Posting Blog Rating: 4.5 Diposkan Oleh: jokobotak

0 komentar:

Post a Comment