b:if cond='data:blog.pageType == "index"'> Mufid' Blog: Cara Membuat Read More diBlogspot [Template Classic]

Rabu, 02 Juni 2010

Cara Membuat Read More diBlogspot [Template Classic]

Kamu2 pasti dah tau khan istilah Read More saat nge-blog? Buat yang belom ‘dong’ alias ngerti apa itu read more, kira2 maksudnya begini : Read More/Selengkapnya/Baca Selanjutnya/Lanjutannya atau apapun pokoknya adalah cara menampilkan hanya beberapa baris postingan yang ada dalam halaman pertama blog kamu, dan tulisan yang lain akan muncul setelah kamu klik read more. Fungsinya adalah supaya postingan yang ada dihalaman pertama blog kamu keliatan rapi dan tulisan tidak men-ndledek panjang banget, hehe.
Nah, untuk membuat read more di blogspot kalian harus tau dulu template yang kamu pake klasik baru atau template klasik, kemudian kamu harus edit HTML-nya. Buat kamu yang pake template klasik silahkan ikuti langkah-langkahnya :





  • Login ke blogger.com dengan id kamu





  • Klik menu bertuliskan Template





  • Klik menu Edit HTML






  • jangan lupa Copy seluruh kode template kamu lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.





  • Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :



  • <MainOrArchivePage>
    div.fullpost {display:none;}
    </MainOrArchivePage>
    <ItemPage>

    div.fullpost {display:inline;}
    </ItemPage>
    Untuk mempercepat pencarian kode </style>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)…, lalu tulis </style> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.



  • langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :



  • <MainOrArchivePage><br/><a href=”<$BlogItemPermalinkURL$>”>Read more!</a>
    </MainOrArchivePage>


    Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)…, lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.


  • Klik tombol yang bertuliskan SAVE SETTINGS






  • Langkah selanjutnya adalah klik menu Setting





  • Klik menu Formatting





  • Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :



  • <div class=”fullpost”>
    </div>
    Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.



  • kemudian jangan lupa klik tombol Save Settings





  • Selesai



  • Cara Posting Artikel
    Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.
    • Klik menu Posting
    • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :
    • <div class=”fullpost”> </div> simpan artikel sobat yang ingin di tampilkan sebelum kode <div class=”fullpost”>, kemudian simpan sisa keseluruhan artikel setelah kode <div class=”fullpost”> dan sebelum kode </div> Agar lebih jelas, saya beri contoh, misal artikelnya begini : Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul. <div class=”fullpost”> dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more. </div> Hasilnya yang akan tampak pada blog kita adalah seperti ini : Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul. Read more! Yang terakhir, kamu2 bisa ganti kata read more tadi dengan kata2 yang lain semisal, baca selanjutnya, lanjutannya, selengkapnya dll yang pasti orang baca ngerti kalo blog kamu masih ada informasi selengkapnya. Semoga berhasil

    COMMENTS :

    Don't Spam Here

    0 Saran dan Kritik to “Cara Membuat Read More diBlogspot [Template Classic]”

    Posting Komentar