Posted by : Karta_Jaya

Read More. Perasaan saya sudah berapa kali melakukan postingan ini. Tapi teman-teman kalau yang ini pasti beda. Tips ini akan memberikan read more yang otomatis pada blog sobat. Tanpa kita memotong teks postingan kita secara otomatis akan terpotong dengan adanya read more otomatis ini.
Jika sobat blogger ingin melihat tulisan saya yang lainnya, silahkan baca DISINI.
Caranya adalah seperti ini:


1. Seperti biasa, login ke blogger dengan akun kamu
2. Pilih Rancangan
3. Pilih Edit HTML
Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna Hijau dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

4. Jika sudah, lanjutkan anda mencari kode berikut   </head> dan letakkan kode berikut di atas kode  </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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>
Masih dalam Edit HTML. berikan centang pada "Expand Widget Template" dan cari kode yang mirip seperti ini <data:post.body/>.
Kalau sudah ketemu, ganti kode tersebut dengan kode berikut 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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kalu sudah silahkan Simpan Template.
dan jangan lupa komentarnya yah. atau Tukaran Link diSINI.

{ 26 komentar... read them below or Comment }

  1. mz,, blog aku malah tinggal komentar, saja,, aku nyoba2 pake trik blog siapa aku lupa, malah tulisannya ga ada semua,, tinggal yang tersisa judul dan komentar itu gimana,,, makasih,,,

    BalasHapus
  2. bang klo buat link di header nya gimana ya??

    misalnya contoh mw buat..

    HOME PROFIL USAHA KUMPULAN CERITA

    Nah gimana itu bang?

    BalasHapus
  3. makasih gan saya mu coba2 dulu, saya memang gaptek kalaulah blog saya harus rusak ngamasalah bikin lagi aja, otodidak memang perlu pengorbana ha ha ha...

    BalasHapus
  4. @Agung Subarkah : trima kasih mas sudah berkunung, memang dlam otodidak ini harus coba2 mas. Thanks

    BalasHapus
  5. kalau post Trik Tips Blog bagusnya pake View or Contoh or Demo nya :)
    itu lebih bagus.. saran aja dari saya :)

    backlink diperkenankan yaa :) http://monster-int.blogspot.com/

    BalasHapus
  6. mantap gan
    gan minta komentar blog ku dong INFOHEHE

    BalasHapus
  7. lieur gan, testing lanjudt wkwkwk

    BalasHapus
  8. broo.. menu bar di header ente kok aneh sih, gak bisa di klik?? diklik malah geser kesamping??? ente habis donwload template di btemplate.com yah.. :D :p

    BalasHapus
  9. makasih infonya ya mas.
    menambah ilmu saya

    BalasHapus
  10. This information is very helpful thank me :D :D

    visit back my website ^_^
    biro jasa stnk
    biro jasa sim
    biro jasa bpkb
    biro jasa perizinan

    BalasHapus
  11. Kalau di blog jualan apa sama???
    Pengen ada Page 1, 2, 3, dst...

    Terimakasih,
    Salam Blogger
    www.R-KOS.blogspot.com

    Blog jualan pakaian, baju kemeja, jaket, baju muslim, sepatu, sandal, tas, dll

    BalasHapus
  12. makasihh bro tipsnya http://lamanbiasa.blogspot.com

    BalasHapus
  13. http://lagitrendanpopuler.blogspot.co.id/

    BalasHapus
  14. saya sudah berapa kali mencoba membuat read more otomatis, tetapi spertinya gagal terus. malah karena seringnya utak-atik template berpengaruh pada widget yang lain. apa solusinya

    BalasHapus
  15. Great to see that someone still understand how to create an awesome blog.
    The blog is genuinely impressive in all aspects.
    I like this blog, good.
    mgmdomino

    BalasHapus
  16. siepppp keren artikelnya, bisa menambah wawasan dan pengembangan blog,,,, bisa berkunjung ke tempat saya, kita saling bertegur sapa salam kenal nedfer. com

    BalasHapus

Tukaran Link Yooo...Silahkan Masukkan Nama dan URL Blog Kamu di Dalam Kotak di Bawah Ini. Silahkan Konfirmasi Saya di HUBUNGI KAMI untuk Melakukan Link Balik ke Blog Anda. Terima Kasih

Terima Kasih Telah Bertukaran Link Dengan Kami. Secepatnya Akan Kami Link Balik

Welcome to My Blog

Blog Archive

Tips Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.





Page Rank Checker Logo Forantum I Blogging Is My Life Photobucket Blogger Help Templates Widgets SEO Tips aRvaNs Site's WAHYOKU BLOG

Jika Sobat Menghapus Link TTB dari blog sobat, maka TTB-pun akan Berbuat hal yang sama. Adil kan?




Silahkan Anda Klik Salah Satu Link Iklan Di Atas


Widget Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.


- Copyright © TIPS dan TRIK BLOG -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -