• Banyak alasan untuk percaya masa depan akan lebih baik. Fight!

    Membuat Read More atau Baca Selengkapnya pada blogger


    Langsung aja deh to the point ama masalahnya. Sebenarnya ada dua cara untuk membuat "read more" atau "baca selengkapnya" pada blogger. Keduanya memiliki kesamaan, yaitu sama sama harus mengedit template yang sudah terpasang pada blog kita. Nah, karena hubungannya sama template, maka saya SANGAT MEWAJIBKAN untuk terlebih dahulu mem BACK-UP template yang sudah ada, jaga-jaga barangkali terjadi sesuatu yang tidak diinginkan (sedia payung sebelum hujan ceritanya :D).

    Silahkan cara mana yang ingin dicoba, namun saya anjurkan Cara Pertama karena lebih sederhana dibanding Cara Kedua. Berikut Langkah-langkahnya :

    Cara Pertama :

    1. Back up template -> Layout -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" -> ctrl+A -> ctrl+C -> ctrl+V pada tempat yang aman :D (notepad, word, dll)

    2. Cari kode berikut dalam script blog anda. (gunakan notepad agar mempermudah pencarian)

    </head>

    3. Letakkan kode berikut persis di atas kode pada langkah 2

    <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>

    4. Cari lagi kode berikut

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

    5. Letakkan kode berikut persis di bawah kode pada langkah 4

    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>Read More..</a>
    </b:if>

    Read More.. bisa diganti "Baca Selengkapnya..." atau sesuai keinginan

    6. Klik Simpan. Selesai.

    7. pada tab atas, Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong ttersebut dengan kode berikut:

    <span class="fullpost">

    </span>

    8. klik SIMPAN PENGATURAN.


    Cara Kedua:

    1. Back up template -> Layout -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" -> ctrl+A -> ctrl+C -> ctrl+V pada tempat yang aman :D.

    2. Cari kode berikut dalam script blog anda. (gunakan notepad agar mempermudah pencarian)

    <div class='post-header-line-1'/>
    <div class='post-body'>

    3. Letakkan kode berikut persis di bawah kode pada langkah 2


    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>

    4. dibawah kode pada langkah 3, terdapat kode

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

    letakkan kode berikut dibawah kode diatas

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


    Read More.. bisa diganti "Baca Selengkapnya..." atau sesuai keinginan

    7. Jadi, susunan kode html di template setelah ditambah dengan kode READ MORE akan menjadi seperti ini


    <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'>Read More......</a>

    </b:if>

    <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

    8. Klik Simpan. Selesai.

    9. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tersebut dengan kode berikut :

    <span class="fullpost">

    </span>

    10. klik SIMPAN PENGATURAN.

    Cara Memposting

    Ketika memposting, Posting -> New Post -> klik EDIT HTML . Maka, secara otomatis akan tampak kode

    <span class="fullpost">

    </span>


    Letakkan posting yg akan ditampilkan di halaman muka di atas kode


    <span class="fullpost">


    sisanya letakkan dibawahnya. jadi formatnya akan seperti ini :


    posting yang tampil dihalaman

    <span class="fullpost">

    posting yang di read more

    </span>

    0 comments:

    Post a Comment

    Salam blogger...

     

    Blog Status

    Free Hit Counter
    HTML Counter
    free counters

    Followers