1 Feb 2011

Cara Menambahkan Read More pada Blog

| 1 Feb 2011 | 0 komentar

Tanpa banyak ngomong, langsung aja yo man, siapkan rokok dan pikiran y...  :-)


  • Sign in seperti biasa di blogger dengan id milik sobat

  • Klik Setting

  • Klik Formatting

  • Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :


  • <div class="fullpost">


    </div>


  • Klik tombol yang bertuliskan Save Settings 


  • Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :


    • Klik menu Dasboard
    • Klik menu Layout
    • Klik menu Edit HTML
    • Klik tulisan Download Full Template
    • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
    • Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya
    • Tunggu beberapa saat ketika proses sedang berlangsung
    • Silahkan Sobat cari kode berikut pada kode template milik sobat :
    <div class='post-body'> 


  • Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

  •  
    <b:if cond='data:blog.pageType == "item"'>

    <style>.fullpost{display:inline;}</style>

    <p><data:post.body/></p>

    <b:else/>

    <style>.fullpost{display:none;}</style>



  • Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :


  • <p><data:post.body/></p>

  • Copy kode HTML di bawah ini kemudian paste di bawah kode tadi


  • <a expr:href='data:post.url'>Read More......</a>

    </b:if>


  • klik tombol bertuliskan Save Template


  • Selesai.



  • == semoga bermanfaat dan terima kasih sudah mampir....

    0 komentar:

    :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

    Posting Komentar

     
    © Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Car Gallery | Design by o-om - auto car