Tips Cara Mempersingkat Artikel Postingan dengan Read More. Tutorial ini sepertinya suda tidak berlaku lagi, karena rata – rata template blog sudah otomatis memberikan script read more. tetapi bagi template bawaan blogger kita mesti menambahkan sendiri, agar pada menu home artikel tidak dipenuhi oleh satu artikel saja, tetapi hanya cuplikan dengan ditambah tombol read more atau lanjutkan membaca.
fungsi mempersingkat artikel postingan dengan menambah tombol read more adalah:
- bila kita menulis artikel yang panjang akan memakan tempat dihalaman blog kita tetapi apabila ditambah tombol read more cuma sebagian aja yang nampak dihalaman dan akan membuat pembaca menjadi penasaran untuk melihat selengkapnya
- dengan menambah tombol read more isi postingan halaman utama kita menjadi lebih banyak artikel
- mempercantik tampilan
Adapun Tips Cara Mempersingkat Artikel Postingan dengan Read More, adalah sebagai berikut :
- login ke account blogger kamu
- pilih template –> edit html
- cari kode </head> untuk mempermudah pencarian gunakan tombol ctrl+F
- kalau sudah ketemu </head> lalu letak kan kode berikut tepat diatasnya:
<script type=’text/javascript’> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; 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>
ket : tulisan warna merah pada kode dapat diganti menurut selera sobat sendiri
- lalu cari kode <data:post.body/> setelah ketemu ganti dengan kode berikut :
<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>
<span class=’rmlink’ style=’float:right;padding-top:20px;’>
<a expr:href=’data:post.url’> <b> readmore</b> »»   </a></span>
</b:if>
<b:if cond=’data:blog.pageType == "item"’><data:post.body/>
</b:if>
ket : tulisan warna merah dikode dapat diganti menurut selera
demikian ulasan dari wongcungkup tentang Tips Cara Mempersingkat Artikel Postingan dengan Read More. semoga artikel ini bermanfaat.
salam,
udah saya followback bro, sorry bro link exchange saya sudah penuh -_- udah gak buka tuker link lagi
ok gak papa sob makasih dah berkunjung
follback bro … jangan lupa
ok sob
okeh kang terimakasih. saya coba dulu kang.
susah banyak sricpnya di templete saya jadi bingung.
bila banyak kode
scrip tipy 1 kebuka katanya kang jawabannya.
gini kang keterangnanya
Tidak dapat memuat pratinjau template: Kesalahan saat mengurai XML, baris 1009, kolom 14: Open quote is expected for attribute “{1}” associated with an element type “type”.
coba kirim templatenya ke email saya mang
okeh kang. hehehe dapat nih. saya sudah ganti tempelete kang. tapi read morenya kayanya masih gitu aja. saya kirim ya kang.
:good:
kirim ke mana kang yanto
kirim ke email yanto@wongcungkup.com
baik banget kang yanto inih…
cari di mana ya bang?. sorry pemula 😀
apanya? :scratch:
Izin Copas,, Link disertakan kok 😀
silahkan,semoga bermanfaat
wah..izin comot ya gan..mau nyoba pasang di blog saya..maaf newbie