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



Untuk versi template classic aku udah pernah bikin tutorialnya, akhir-akhir ini banyak banget yang nanya, akhirnya aku nyari info, malah ketemu di helpnya blogger, How can I create expandable post summaries?. Tapi jangan langsung di cobain, aku udah nyoba beberapa kali tapi gagal kalo ngikutin yang dari helpnya blogger, terutama pada bagian style/css nya.

Caranya:

* Login 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 berikut tepat dibawahnya:


* 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 Compose

Contoh 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

Hasil akhir postingan akan seperti ini:

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..

sumber : www.isnaini.com

1 comments:

my live said...

bagus artikelnya bos...

Post a Comment

Best Brands

Anti Virus (5) Antivirus 2011 (1) antivirus terbaru (5) aplikasi gratis (2) Apple (1) Avira Antivir terbaru (1) berita teknologi (28) Bisnis Onlie (3) Bisnis Online (2) Blogvertise (1) Browser (3) Cara cari uang di Internet (1) Custom Blog (1) Dampak Teknologi Informasi (2) Digital Camera (6) Domain (1) download (9) ebook (1) error pada shoutmix (1) Excel (1) Facebook (8) Free Webhosting (1) Game (1) google (1) GPS (1) Handphone (3) Hardware (13) Hosting (1) HTML (1) IMCrew (1) Internet (24) Internet Explorer (1) iPAD (1) iPhone (1) Jaringan Komputer (7) Kebijakan Pemerintah (1) Kolom Tutorial (27) Komputer (5) Komputer terbaru (2) LAN (9) Lapop (3) laptop (1) Laptop 3D (1) laptop blue screen (2) Links Exchange (1) Linux (6) Makalah TIK (2) Materi Pembelajaran TIK (11) Materi TIK SMP Kelas 7 (16) Materi TIK SMP Kelas 8 (6) Materi TIK SMP Kelas 9 (2) mengatasi blue screen (1) Mengatasi komputer hang (1) Microsoft Office (8) monitor (1) Mouse (1) Netbook (1) Nokia (2) Notebook (10) Operasi Dasar Pada Operating System (1) Operating System (13) optimasi blog (3) Paid Review (1) paypal (1) PC (3) Pengantar Ilmu Komputer (4) Pengenalan komputer (2) Pengolah Grafis (1) PerananTeknologi Informasi (2) Perangkat Keras (3) Perangkat Lunak (1) Perkembangan TIK (14) Pernanan Teknologi Informasi (3) Photoshop (1) Ponsel (1) Pornografi Blog (1) PowerPoint (1) Powersuplly (1) PTC (1) Review Program (1) Samsung (1) Search engine (1) Sejarah Komputer (6) Sejarah TIK (2) SEO (2) Sistem Operasi (2) Smadav 8.4 (1) Smadav Januari 2010 (1) SMS (1) Soal TIK (2) Software (30) Software Pengolah Gambar (1) Teknologi Informasi (3) TIK (1) tips and trik (1) Tips and Triks (14) Twitter (1) Ubuntu (2) Video (1) Virus Komputer (2) Windows (5) Wireless (5) Yahoo (1)