Membuat “Read More…” atau “Baca Selengkapnya..” di Blogger

Bookmark and Share


tutorial daftar blogger by d60pcLogin ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
  • Masukkan kode berikut sebelum tag atau tepat sesudah kode }
    seperti ini:

  • Selanjutnya mengatur supaya postingan terpotong, cari kode

    dalam template kamu dan tambahkan kode dibawah ini:


Read More..

  • Supaya muadah untuk pencarian kode itu didalam template blog kita coba seperti ini bro =
    “pertama buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start - Program - Accessories - Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit - Find. pada box find masukan kode ini

kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).

Kode selengkapnya jika dilihat kira2 akan tampak sebagai berikut:






Read More / Baca Selengkapnya..

  • Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik sisa postingan sampai selesai . Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting:

    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik

    Hasilnya akhir posting:

    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..

    Selamat Mencoba!


Membuat Fungsi Read More Pada Blogger



Apa itu read more? Read more adalah fungsi khusus yang bisa Anda terapkan pada blog Anda untuk memotong tampilan artikel pada halaman utama blog Anda. Melalui sebuah link, artikel Anda bisa ditampilkan seutuhnya. Hal ini cukup efektif untuk menata tampilan blog Anda agar tidak terkesan terlalu panjang.
Sebelum saya membahas bagaimana membuat fungsi read more ini, Anda saya sarankan untuk menggunakan browser Mozzila FireFox atau Opera, jangan menggunakan Internet Explorer, karena jika Anda menggunakan Internet Eksplorer seringnya Anda akan menemui pesan error. Dan tentunya untuk menggunakan fungsi ini pada blog Anda, lebih utama jika Anda tahu dasar pemrograman HTML, dimana pada jenis bahasa pemrograman ini memiliki prinsip tag buka-tutup. Misal untuk membuat huruf itu terlihat tebal dalam pemrogramannya Anda bisa menggunakan tag <b>. Struktur penulisannya adalah seperti ini: <b>huruf/kata yang dipertebal</b> atau <span>kata yang terformat </span>.

Kadang jika kita tidak tahu dasar ini pastinya menggunakan fungsi readmore malah membuat blog menjadi acak-acakan.
Jika Anda sudah yakin akan menggunakan fungsi ini, maka akan saya bahas cara menanamkan fungsi ini pada sebuah blog dari layanan blogger.
1. Masuk ke akun Blogger Anda
2. Klik Tab "Pengaturan"
3. Klik "Format"
4. Gulung layar ke bawah, temukan kotak isian "Template Posting", isi dengan kode dibawah ini:

5. Klik "Simpan Pengaturan"

6. Klik Tab "Tata Letak"

7. Klik "Edit HTML"

8. Ada baiknya kita mem-backup template kita untuk jaga-jaga jika memang nantinya blog kita menjadi acak-acakan dan kita kesulitan mengatasinya. Kita masih bisa memakai template awal. Klik "Download Template Lengkap"
9. Jangan lupa meng-klik kotak kecil disamping tulisan " untuk memberi tanda centang, tunggu beberapa saat hingga browser meload penuh.
10. Sekarang kita cari kode dibawah ini pada kotak pemrograman template:

11. Ganti kode diatas dengan kode dibawah ini (blok kode diatas, copy kode dibawah ini dan paste di kotak pemrograman template tadi):

12. Jika sudah klik "Simpan Template"
13. Cara memposting artikel , Klik Tab "Posting", Klik "Edit HTML"
14. Ketikkan bagian artikel Anda yang ingin ditampakkan pada halaman awal blog Anda diatas kode:

15. Masukkan bagian artikel yang tersisa setelah kode di atas dan pastikan sebelum kode ini:

16. Jika Anda sudah selesai mengetik artikel Anda klik "Mempublikasikan Posting"

17. Selesai, silahkan Anda cek tampilan weblog Anda sekarang