✔ Cara Buat Baca Juga Pada Tengah Postingan

Cara Buat Read More -- Pada sebuah artikel pada blog yang kita kunjungi sering kali kita melihat ada goresan pena Baca Juga pada postingan. Jika kita meletakkan pada blog kita itu akan menciptakan blog kita terlihat anggun atau profesional. Untuk itu saya akan menawarkan gosip tentang Cara Buat Baca Juga Pada Tengah Postingan.

Cara ini bergotong-royong sudah banyak yang posting di banyak sekali blog kawan-kawan blogger. Namun tidak ada salahnya bila saya juga membahasnya dengan sedetail mungkin biar sanggup dimengerti oleh semua kalangan atau para blogger pemula.

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

Read more atau baca juga itu sanggup menciptakan 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 arahan HTML berikut :

<data:post.body/>

Cara cepat untuk mencari arahan tersebut yaitu 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 arahan 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 arahan </head> lalu letakkan arahan dibawah sempurna di atas arahan </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 simpulan silahkan dicek, kalau tidak muncul coba perhatikan langkah-langkahnya sesuai dengan cara diatas.

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

Bagikan Artikel ini