05
Mar
07

bikin readmore

01Loginlah di blog anda
02.Klik Tab SETTING —> pilih FORMATTING
03.Geser Kebawah Cari Tulisan POST TEMPLATE disamping
tulisan ini ada sebuah kotak yang lebih besar dari kotak kotak
sebelumnya,nah pada kotak ini isikan
<span class=”fullpost”></span>
04.Klik tombol SAVE SETTING
05.Klik Setting —> ARCHIVING —> Set nilai Enable Post Pages? jadi YES
06.Klik tab TEMPLATE di bagian atas Blog Anda dan pilih EDIT HTML
07.Beri tanda centang /cek/tik menu “EXPAND WITGET TEMPLATES”
08.Cari code template yang seperti ini
<div class=’post-header-line-1′/>
<div class=’post-body’>
Dan sisipkan code di bawah ini di antara

<div class=’post-header-line-1′/> dan <div class=’post-body’>

inilah codenya :

<b:if cond=’data:blog.pageType == “item”‘>

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

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

<b:else/>

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



09.Mari kita lanjutkan ke langkah selanjutnya,di antara kode

<p><data:post.body/></p>
dan kode
<div style=’clear: both;’/> <!– clear for photos floats – -></div>
sisipkan Code berikut :

<a expr:href=’data:post.url’>Selanjutnya…</b:if>

10.Sekarang klik tombol SAVE TEMPLATE warna orange di editor template Blog anda.
11.Sekarang Saat nya memposting dengan Mode READMORE di
blogger anda,dan anda perlu perhatikan cara penulisannya
sebagai berikut.

  • Setiap anda mau memposting tulisan, pilih MODE nya sebagai
    html dengan mengklik EDIT HTML di tempat anda biasanya menulis isi blog .dan jangan pilih mode COMPOSE
  • Didalam Editor tersebut bila di pilih mode HTML kita akan
    menemui script <span class=”fullpost”> </span>
  • Untuk menampilkan tulisan sebagai tampilan depan,di blog
    yang akan di dibatasi oleh readmore, anda ketikkan sebelum
    script <span class=”fullpost”> dan disini lah isi selanjutnya
    sambungan dari tulisan anda sampai selesai dan di tutup dengan </span>
    Contoh nya :
    awal tulisan kita yang akan di di batasi dengan tulisan Readmore dan di tampilkan sebagian di depan blog anda yang keseluruhannya dapat di baca bila mengklik tulisan readmore di ketik sebelum script ini <span class=”fullpost”>dan isi lanjutannya yang akan terlihat secara keseluruhan bila di klik readmore di tulis di sini .apakah anda masih bingung. dan di akhiri dengan script yang bertulis </span>
  • untuk lebih jelasnya:

    Langkah pertama Login di blog nya inang

     

    Hingga keliatan seperti gambar berikut dan pilih LAYOUT

     

     

    Sesudah masuk LAYOUT sekarang inang pilih TAB SETTINGS? di blog inang seperti gambar di bawah ini

     

     

    Abis itu inang pilih?? FORMATTING? dan inang geser kebawah scoroll down nya sampai kelihatan gambar seperti di bawah ini

     

    Nah di kotak POST TEMPLATE inang isikan code berikut

     

    <span class=”fullpost”></span>

     

    Setelah itu inang klik Save Settings?? J hehehe

     

    Sekarang pindah ke langkah selanjutnya : )

    Masih di TAB SETTINGS ?sekarang inang pilih? ARCHIVING? .Pada bagian ENABLE POST PAGES?

    Inang pilih YES dan sesudah itu inang klik lagi SAVE SETTINGS

    ?Tampak seperti gambar di bawah ini

     

     

    LANGAKAH BERIKUTNYa /??!!!!

     

    Sekarang kita bermain main di menu TEMPLATE

     

    KLIK? TAB TEMPLATE? dan inang pilih? EDIT HTML?

    Dan inang cek box tulisan di atas editor nya yang bernada EXPAND WIDGET TEMPLATES ini fungsinya biar code code yang di hidden kelihatan oleh mata inang yang sudah berusia 35 tahun tersebut J hehehe

    Nah di sini dia intinya inang kita bermain main

     

    Sekarang kita main main di editor tersebut

    Geser ke bawah scroll down editornya inang sampai inang temukan tulisan seperti ini

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

    Dan script

     

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

     

     

    Nah di antara tulisan tersebu inang sisipkan code berikut :

     

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

     

    <b:else/>????????

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

     

    Selanjutnya di bagian? antara <p><data:post.body/></p>? dan ?<div style=’clear: both;’/> <!– clear for photos floats –>

     

    Inang sisipkan code ini

     

    <a expr:href=’data:post.url’> Selanjutnya </a>

     

    </b:if>

     

    Lengkapnya dapat inang lihat seperti gambar ini

     

     

    Setelah itu inang pilih tulisan SAVE TEMPLATE

     

    Sekarang kita ke bagian posting

     

    Saat memposting inang pilih? mode nya EDIT HTML sekali lagi pilih mode edit html dan bukan mode COMPOSE bukan mode compose jelaskan inang kalo ragu lihat gambar di bawah ini

     

    Hingga inang lihat tulisan <span class=?fullpost?></span>

    Nah saat posting inang mau menampilkan sebagian tulisan di depan sebagai potongan cerita inang maka inang tulisa sebelum code <span class=?fullpost?>

    dan kelanjutannya inang ketikkan di antara? <span class=?fullpost?>? dan? </span>

     

    misalkan aku ingin membuat readmore di tulisan di bawah ini

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

     

    yang di tampilkan di depan Cuma huruf aaaaaaaaa dan bila di klik more akan kelihatan semuanya .Caranya seperti ini

     

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

     

    <span class=?fullpost?>?

     

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

     

    </span>

     

    Nah gitu dia kalo yang nampil di depan sebelum klik READMORE nya maka yang tampil Cuma huruf aaaa

    Kalo dah di klik readmore yang kelihatan semuanya seperti :

     

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

     


    0 Tanggapan ke “bikin readmore”



    1. Belum Ada Tanggapan

    Tinggalkan Balasan

    Anda harus login untuk menuliskan komentar.