Search This Blog

Membuat Auto Readmore Blogspot

Loncat ke form komentar

Tulisan yang berhubungan dengan Membuat Auto Readmore Blogspot ...

Memotong tulisan yang panjang di sebuah blog, seakan menjadi hal wajib. Karena dengan menampilkan sebagian informasi saja, akan membuat rasa penasaran pembaca terhadap materi yang disampaikan semakin tinggi. Benarkah?

Jawabanya kembali kepada anda. Nah jika anda ingin membuat auto readmore atau memangkas tulisan secara otomatis tanpa harus meletakkan code <span Class="fullpost"> dan </span> lagi, pada saat melakukan posting; maka silahkan gunakan langkah berikut.

  1. Silahkan login ke blogspot anda atau klik disini untuk login ke blogger.com
  2. Langsung tuju Design ==> Edit HTML dan centang kotak kecil dengan option Expand Widget Templates
  3. Jangan lupa backup dulu template anda dengan mengklik download full template
  4. Silahkan copy code berikut:
    <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 250;
    summary_img = 200;
    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>

  5. Letakkan (paste) code pada no 4 tadi persis diatas code : </head>
  6. Lalu carilah code <data:post.body/>
  7. Gantilah code <data:post.body/> tadi dengan code di bawah ini.
    <b:if cond='data:blog.pageType != &quot;item&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'><em>read
    more <data:post.title/> ..........</em></a></span>
    </b:if>

  8. save template anda. Dan lihat hasilnya......

Jika anda merasa berkenan dengan tulisan ini, silahkan tinggalkan komentar anda. Jika anda bermaksud me - Republish tulisan ini juga silahkan. Dan Jika anda sudi memberikan link tautan ke http://www.sawasanganam.com/ dengan anchor text sawasanganam, itu akan saling menguntungkan tuk kita semua

35 Respon Pembaca:

kangean said...

mkasih gan

Warung Online said...

Thanks tutorialnya Gan..., mantab.!

SERVIS TV HITO SENDE said...

ffkgkh

anonim said...

mantep gann, dah lama neh ane gak ngedit ngedit blog

Yohan Wibisono said...

Nice Article, inspiring. Aku juga suka nulis artikel bidang bisnis di blogku :
http://www.yohanwibisono.com, silahkan kunjungi, mudah-mudahan bermanfaat. thx

Rekayasa Genetika said...

mantab nih. wajib dicoba.


salam.

CyberLoad said...

Bukannya di blogger udah ada read more ya???
Pakai aja draft.blogger.com waktu login nanti tinggal tambah untuk mutus artikel

brobeka said...

waduh trims atas tips x

kumpulan-karyailmiah said...

saya mau minta tutorial biar halaman mandiri tidak ikutan readmore alias fulpost. sebab kalo make auto redmore, halaman mandiri form contact punya saya ikutan di readmore. terima kasih sebelumnya.
tolong kunjung balik www.kumpulan-karyailmiah.blogspot
saya tunggu reply -nya

crystal x said...

kalau di wordpress cara rubahnya gimana yah?

totok said...

lho kok malah terbalik read morenya,semua tex postingan keluar dan paling bawah ada auto readmore,tapi kalau diklik malah hilang texnya,tinggal judulnya

apple 8gb ipod touch said...

thanks atas tipsnya, dan jangan segan-segan untuk membagikan tips yang bermanfaat bagi pembaca di blog ini.

invicta 9937 said...

mantap tutorialnya, thanks

foredi kupang said...

Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

foredi lampung said...

Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

Foredi Luar Negeri said...

Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

foredi madiun said...

aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

fored magelang said...

Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

foredi makassar said...

Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

foredi malang said...

Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimakasih

foredi mamuju said...

Artikel yang sangat Innovatif dan banyak Tipsnya. jadi ingin coba. semoga berhasil

foredi manado said...

Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimakasih

foredi mataram said...

Artikel yang sangat Innovatif dan banyak Tipsnya. jadi ingin coba. semoga berhasil

foredi medan said...

Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

foredi padang said...

Amazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses

foredi palangkaraya said...

Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

foredi palembang said...

Setelah membuka Wibesite ini, saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu

foredi papua said...

Saya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil

LG 55LW5600 said...

Terima kasih atas tipsnya, sungguh bermanfaat.

tuxlin said...

info bagus, btw blogger gak ada fasilitas read more ya?

Acer Iconia Tab A200 Review and Specs | Acer Android Tab said...

Acer Iconia Tab A200 Review and Specs | Acer Android Tab

bisul di vagina said...

Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

diananissa ifc said...

thii is a good post.. thanks for sharing..



nurdiana.web.id

diananissa ifc said...

thanks for information..


pengobatan stroke secara alami


pengobatan stroke secara alami

obat langsing said...

bermanfaat sekali nih... saya akan mencobanya. terimakasih..

obat Hepatitis alami



obat hipertensi herbal

Kembali ke awal Komentar | Kembali ke awal Post

Post a Comment