Rabu, 23 Maret 2011

Tutorial : Cara Membuat Read MOre pada Blogger

Sudahkah anda membaca artikel sebelumnya tentang keuntungan memasang read more?Kalau sudah tentu anda sudah siap untuk memasangnya.Oke langsung saja,saya akan share tutorial,step by step cara memasang Read More :
    1.  
    2. Login to Blogger (Login ke Blogger) 
    3. pada Dasboard (Dasbor) lalu, KLIK pada link Layout (Tata Letak).
    4. kemudian klik Edit HTML 
    5. Amankan Template(back up dulu )
    6. Tetap di Edit HTML ,centang Expand Templates Widget

      <data:post.body/> »» Cari kode <data:post.body/>
    7. Gunakan Ctrl + F Atau F3 untuk mempercepat pencarian kode.
    8. Ganti KODE »» Copy kode di bawah ini dan gunakan untuk mengganti kode yang di atas tadi (<data: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'>Read More......</a></b:if>
    9. Read More ..... »» Bila perlu Ganti kata Read More ..... dengan kata lain yang menurut Sharelikers bisa membuat pengunjung lebih tertarik.
       
    10. SAVE Template (Simpan Template) »» KLIK Simpan Template (SAVE Template).

    • Settings (Pengaturan) »» Lanjutkan dengan KLIK link Settings (Pengaturan), kemudian lanjutkan dengan KLIK pada link formatting (format).
    • Templat Entri »» Tarik halaman ke bawah (dengan cursor). Temukan box di sebelah kanan Template Entri Tuliskan kode <span class="fullpost"> di bagian atas box, dan </span > di bagian bawahnya.
       
    • SAVE Formatting (Simpan Setelan) »» Simpan kode html di atas dengan cara KLIK SAVE Formatting (Simpan Setelan).


      ==>Cara Membuat Posting Menggunakan Read More :
    • Posting Mode Edit HTML »» Lihat pada ruang posting mode Edit HTMl. Di dalamnya akan terdapat kode html :

      <span class="fullpost">
      </span>

    • Refresh »» Bila kode html seperti di atas belum muncul, maka harus dilakukan refress hingga muncul kode html-nya (dijamin pasti muncul!).
    • Cara Posting »» Untuk melakukan posting dalam fungsi read more, cara penulisan di posting mode Edit HTML sebagai berikut :

      Teks posting yang akan dimunculkan di bagian depan<span class="fullpost">Posting yang kan disembunyikan (dimunculkan melalui Read More)</span>
    • Selesai sudah pembuatan Read More. Di posting selanjutnya kita akan membuat penampilan read more yang lebih bergaya dengan cara memanfaatkan beberapa effect teks sehingga read more menjadi lebih atraktif.

      (sumber)

    0 komentar:

    Posting Komentar