Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Buat Baca Juga Pada Tengah Postingan

Cara Buat Read More -- Pada sebuah artikel pada blog yang kita kunjungi sering kali kita melihat ada tulisan Baca Juga pada postingan. Jika kita meletakkan pada blog kita itu akan membuat blog kita terlihat bagus atau profesional. Untuk itu saya akan memberikan informasi tentang Cara Buat Baca Juga Pada Tengah Postingan.

cara buat read more

Cara ini sebenarnya sudah banyak yang posting di berbagai blog kawan-kawan blogger. Namun tidak ada salahnya jika saya juga membahasnya dengan sedetail mungkin agar dapat dimengerti oleh semua kalangan atau para blogger pemula.

Cara yang akan saya sampaikan sangatlah mudah untuk dilakukan asal kita tau sedikit tentang koding. Sebab ini nanti akan memasukkan skrip html ke dalam thema blog kita.

Read more atau baca juga itu dapat membuat para pengunjung blog kita betah berselancar pada postingan yang ada di blog kita. Sebab read more ini sering sekali muncul pada tengah postingan yang kita tulis sesuai dengan label yang kita beri.

Cara Buat Baca Juga Pada Tengah Postingan


Mari kita simak caranya sebagai berikut :

1. Buka blogger

2. Pilih Tema



3. Kemudian klik edit tema

4. Setelah kebuka cari kode HTML berikut :

<data:post.body/>

Cara cepat untuk mencari kode tersebut adalah dengan cara letakkan kursor dimana saja yang penting masih pada kotak HTML. Kemudian tekan tombol Ctrl + F pada keyboard komputer kalian nanti akan muncul kotak kecil pada pojok kanan atas. Lalu paste kode <data:post.body/> pada kolom di pojok kanan atas tadi.

5. Setelah kode <data:post.body/> ketemu ganti dengan kode berikut :

<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='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>

6. Lalu cari kode </head> kemudian letakkan kode dibawah tepat di atas kode </head>

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
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 = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

7. Save atau simpan

Jika sudah selesai silahkan dicek, kalau tidak muncul coba perhatikan langkah-langkahnya sesuai dengan cara diatas.

Demikian informasi tentang Cara Buat Baca Juga Pada Tengah Postingan yang dapat saya sampaikan. Semoga bermanfaat bagi para blogger semua.


Posting Komentar untuk "Cara Buat Baca Juga Pada Tengah Postingan"