Cara Membuat Automatic Readmore (Readmore Otomatis)

Automatic Readmore merupakan lanjutan dari ReadMore manual. Tetapi dalam automatic readmore kita tidak lagi memasukkan kode maupun script manual setiap kali membuat postingan. Karena semuanya akan berjalan secara otomatis.

Hal ini dapat menghemat waktu postingan dalam memisahkan paragraf mana yang akan dimunculkan dan paragraf mana yang disematkan dibawah tulisan readmore-nya. Nah, bagi sobat yang ingin mencoba menggunakan automatic readmore seperti yang saya pakai di blog ini, begini caranya :

Pertama, silahkan login dan masuk ke dalam halaman edit html yang berada di tata letak

Kedua, beri tanda centang pada expand widget template. Sebelumnya back up dulu template sobat untuk menghindari jika nanti eksperimen ini gagal. Hehehe…

Ketiga, sobat cari kode </head>

Keempat, letakkan kode berikut diatas kode </head> tadi.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 125;
img_thumb_width = 125;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>


Kelima, setelah itu sobat cari kode <data:post.body/> dan ganti kode tersebut dengan kode dibawah ini :

<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:left'><a expr:href='data:post.url'>Readmore - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Pratinjau template sobat kemudian lihat hasilnya. Jika telah berhasil simpan template-nya dan jangan lupa sampaikan Alhamdulillah.

Ikon ini merupakan link ke situs bookmark sosial
  • Facebook
  • Google
  • Twitter
  • Digg
  • Delicious
  • Furl
  • Reddit
  • StumbleUpon
  • Technorati

  • Informasi : Maaf sobat, pada beberapa artikel Tips Blog, terdapat instruksi Tata Letak. Instruksi tersebut saat ini berubah menjadi Rancangan. Hal ini karena adanya perubahan langsung dari blogger. Terimakasih atas pemaklumannya.

    Berikut Yang Berhubungan Dengan Artikel Diatas :



    Alhamdulillah telah ada 17 komentar dari sobat :

    1. shine said...

      Selamat siang sahabat...
      Tips yang menarik sahabat. Boleh juga dicoba nanti. Terimakasih telah memasang link saya.

      Oya, templatenya bagus, tapi hati-hati loh banyak yang pakai template ini. Nanti dikira jiplak sahabat..Karena saya dulu pernah pake template ini

    2. Hanna Pertiwi said...

      Saya gak jiplak kok mas, saya hanya menerapkan apa yang saya pelajari dan dapat dari membaca dan belajar

    3. bunuh diri said...

      yang ni q cari2..

      TERAPKAN!!

    4. toko bunga online said...

      Terimakasih tutorialnya, sangat bermanfaat

    5. Ayo Lihat said...

      biasanya readmore otomatis ini ada di template bawaan yang seo friendly ya..! tapi ini juga sangat bermanfaat! terimakasih ya..

    6. kunjungi blogku said...

      wah mantap dan makasih buat infonya.

    7. video percaya diri said...

      Terimakasih atas cara ini, sangat bermanfaat untuk saya, saya memerlukannya, salam kenal juga ya..sukses selalu..!

    8. US News said...

      Congratulations on possessing definitely certainly one of one of the vital refined blogs Ive arrive across in some time! Its just superb how much you'll be able to contemplate away from a factor mainly simply because of how visually beautiful it is. You've place collectively an incredible weblog website house -great graphics, motion pictures, layout. That is definitely a must-see web site!

    9. brand consultant jakarta said...

      ini cuma berlaku untuk blog di blogspot ya, kalo di wordpress gimana? atau mungkin lebih baik langsung tanya sama konsultan yang kompeten di bidang ini ya. ada nggak ya di jakarta.

    10. cecillia said...

      Bermanfaat sekali nih beritanya,
      makasih banyak ya pa admin telah memberikan berita yang sangat bagus ini. Specifications and Price Toyota | She is the Snake Dodge Viper ACR Fastest | Latest Price And Specification | Tips And Ideas Kitchen Design Minimalist

    11. asiapoker said...

      Nice info. Thanks for sharing.

      Asia Poker99
      Poker Terpercaya
      Poker Gampang Menang
      Poker Tanpa Bot
      AsiaPoker 99

    12. Poker99 said...

      Nice info. Thanks for sharing.

      Asia Poker99 merupakan agen Poker Terpercaya di Indonesia,
      Poker Gampang Menang banyak Free Chip Poker serta Poker Tanpa Bot akan membuat Anda betah untuk bermain di AsiaPoker 99!

      Daftar, mainkan dan menang! Buktikan bahwa Andalah sang Dewapoker!

    13. Obat Sipilis said...

      Nice info

    14. Obat Sipilis said...

      Nice post

    15. Obat kutil kelamin said...

      Nice post

    16. Obat kutil kelamin said...

      baru kali ini nih gan aku ngebaca artikel yang sangat bagus,ditgu ya yg artikel selanjutnya..!!

    17. Obat sipilis said...

      Nice post gan, sangat membantu



    Bagaimana Menurut Sobat Mengenai Artikel : "Cara Membuat Automatic Readmore (Readmore Otomatis)" Di Atas?

    Merupakan anugerah tak terkira kepada sobat yang telah memberikan ulasan terhadap tulisan Hitam Putih Kehidupan disini.

    Blog ini menggunakan sistem DOFOLLOW sebagai apresiasi terhadap kunjungan sobat. MOHON MAAF, komentar yang bersentuhan dengan PORNOGRAFI, SARA, SPAM, dan IKLAN, akan kami DELETE...

    Dimohon juga jangan meletakkan link di halaman komentar, karena otomatis akan kami DELETE..