-->
  • Jelajahi

    Copyright © Ismed Share
    Ismed Share, Blog Berbagi Ilmu Apa adanya

    Iklan

    Menu Bawah

    Cara Membuat Read More Pada Blogspot

    Minggu, 29 Januari 2012, 23:52 WIB Last Updated 2021-03-11T10:33:54Z
    Cara membuat Read More pada blogspot munkin sudah tidak asing lagi
    Nah kali ini Ismed ingin berbagi trik atau cara membuat Read more atau Baca Selengkapnya di Blogspot
    sobat,ya tentunya bagi sobat yang membuat blognya di blogspot tentunya...
    bagi yang sudah bisa Ismed minta maaf kalau memang posting ini di anggap sdah basi atau sudah lambat

    he he he he,.....
    tapi bagi sobat yang belum bisa atau bagi pemula tidak ada salahnya mencoba untuk membuat Read More di blog sobat
    Ini juga Ismed dapatkan nya di blog Sebah,,, kan gak da salah nya buat shareg sesama blogger

    langsung saja langkah-langkah nya :

    1. Sign in di blogger dengan id sobat.

    2. klik Pengaturan atau Setting
    3. Klik Format
    4. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting,
     silakan sobat isi text area kosong tersebut dengan kode di bawah ini :

     <span class="fullpost">


        </span>
    Pemasangan kode ini bertujuan yaitu agar pada saat posting artikel ,
     kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, kan tambah capek lagi kalua
    harus nulis2 lagi, benar gak sobt..?????????
    jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

    5.klik simpan pengaturan atau tombol Save

    Langkah selanjut nya yaitu

    6. Klik menu Dasboard

    7. Klik Tata Letak
    8. Klik tab Edit HTML
    9. Klik tulisan Download Template Lengkap.

    8. silakan sobat save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila
      terjadi kesalahan ketika melakukan editting pada template,maka kita masih punya
      back up data untuk mengembalikannya seperti semula

    9. Lalu beri tanda centang pada kotak di samping tulisan
    Expand Template Widget , janmgan
       sampai lupa

    10.Tunggu beberapa saat ketika proses sedang berlangsung,

    11.Silahkan sobat cari kode berikut pada kode template milik sobat :


    <data:post.body/>


    atau kode di bawah ini (sama saja) ;


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


       Hapus kode diatas, lalu ganti dengan kode di bawah ini (copas saja):


    <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/>
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
    </b:if>

    12.Klik tombol Simpan Template

    13. selesai dechh

    Pada kata Selenkapnya  bisa sobat ganti dengan yang sobat suka,, ya katakan lah
    seperti "Read more", "lihat Selengkap nya" , "Lebih Lanjut", "Baca Selengkapnya" dan lain2

    Semoga berguna dan selamat mencoba semoga sukses...

    oya sobat hampir lupa,,,,,,,
    setelah itu semua selesai sobat coba melakukan posting nya dengan mengklik
    menu Edit HTML,
    maka secara otomatis tampak kode yang telah kita setting tadi, yaitu

     <span class="fullpost">


        </span>
    - Tuliskan artikel yang ingin terlihat pada blog sebelum kode :
        <span class="fullpost">
    - Tulis keseluruhan sisa artikel sesudah kode di atas dan sebelum kode :

        </span>
    maka yang terlihat hanya posting sebelum <span class="fullpost"> sedangkan yang sesudah kode tadi atau di
    belakang kode </span> harus tekan terlebih dahulu " Baca selengkapnya " atau yang lain yang sobat buat
    - Lalu Klik Publikasi
        atau klik terlebih dahulu lihat blog untuk melihat hasil posting kita
        lalu baru klik Publikasi jika hasilnya sudah sesuai


    ok deeech.......... Semoga berhasil

     SELESAI


    Komentar

    Tampilkan

    Tidak ada komentar:

    Terkini

    Android

    +