Membuat Artikel Blog terpotong pada Blogspot.com

Selasa, Oktober 16, 2007

Pernahkah ada melihat artikel blog/web yang menampilkan isinya hanya sebagian, ketika diklik baru muncul secara keseluruhan ? Bagaimanakah caranya membuatnya ?? Artikel kali ini mencoba menjawab pertanyaan tersebut. Sebenarnya ini adalah pertanyaan dari penulis, dan untuk tetap mengingatnya maka penulis mencoba merumuskannya dalam sebuah artikel baru.
Blogger. Siapa yang gak kenal istilah ini ? Artikel kali ini merupakan lanjutan dari artikel “membuat blog menggunakan blogger” by Dewa Yudhi. Bahkan sebentar lagi akan diadakan pesta blogger 2007 lihat infonya di www.pestablogger.com.

Selamat mencoba.

Syarat dari pembahasan artikel ini ialah anda harus sudah memiliki blog di www.blogger.com Langkah awal anda Sign In di blogger, lalu masukan nama dan password

Gambar 1. Sign In


Lanjutkan dengan memilih blog yang akan diedit (jika anda mempunyai lebih dari 1 blog dalam 1 account) pilih Template lalu Edit HTML kemudian aktifkan tanda Expand Template Widget seperti yang ada pada gambar 2





Gambar 2. Edit HTML


Masukan kode sebelum } ]]> atau setelah lihat gambar 3 yang diberi background kuning. Caranya munculkan tanda cari/Find dengan menekan Ctrl-F lalu masukan tanda yg dicari

Gambar 3. Masukan kode yang diberi background


Lanjutkan dengan menuliskan kode setelah kode

Lihat gambar 4. Yang berfungsi untuk mengatur agar postingan terpotong ditempat yang kita inginkan, kata-katanya disesuaikan dengan keinginan anda misal “Read More..”Baca Selengkapnya…” “Seterusnya..” kalau penulis pakai “kelanjutannya….”

Gambar 4. Kode untuk memotong postingan


Agar terpotong pada postingan yang kita masukan setelah tulian kelanjutannya…. muncul, tulis kode lalu masukkan sisa postingan sampai selesai dan tutup dengan . Lihat contoh di gambar 5 sebelum memasukan posting pilih mode Edit HTML jangan Compose.

Gambar 5. Penempatan dan .


Maka hasilnya akan seperti gambar 6

Ketika pilihan Selanjutnya diklik maka akan muncul gambar 7

Gambar 7. Ketika artikel diklik


Namun 1 kelemahannya kita harus selalu memasukan dan . Pada setiap postingan kita. Agar otomatis muncul pada setiap awal posting baru maka klik pada Pengaturan lalu Format dilanjutkan dengan menulis kode dan seperti gambar 8 (yang diberi background kuning)

















Penutup

Demikian Artikel ini dibuat semoga bermanfaat untuk semua. Terima kasih kepada mas Ahmad Isnaini di www.isnaini.com, semoga menjadi ibadah bagi kita semua. Amiiin


Referensi

http://www.isnaini.com/2007/03/08/membuat-read-more-atau-baca-selengkapnya-di-blogger-baru/#comment-124303, Ahmad Isnaini

http://www.isnaini.com/2007/03/08/post-template-bisa-menghemat-waktu/, Ahmad Isnaini


5 komentar:

Doni Rusmawan mengatakan...

Assww pak Muhidin,

Terimakasih untuk ttg tipsnya memotong artikel blog. Saya sudah mencobanya tapi hasilnya tidak maksimal.

Memang ditampilkan sepotong seperti yang diinginkan tapi begitu diklik "selanjutnya...." sisa potongannya tidak mau tampil.

Apanya yang salah yah Pak? atau kalau boleh file template ini (yg sudah berhasil) dikirim ke email saya di dxr369@yahoo.com.

Wassalam,
Doni

Muhidin Saimin mengatakan...

Template contoh sudah saya kirimkan dan pak Doni-pun sudah berhasil.

new kid on the blog mengatakan...

Salam kenal! Artikel menarik, apalagi buat saya yang awam ini. Tapi gambarnya kok gak muncul?

Muhidin Saimin mengatakan...

Iya nih, tuh hasil copy paste dari tutorial yang sudah saya buat di pengolah kata, jadi gambar gak muncul... trus belum sempat diedit lagi. Mas download file aslinya aja di sini http://ilmukomputer.com/2007/10/16/membuat-artikel-blog-terpotong-pada-blogspotcom/

Fitria mengatakan...

thank for the information..