Membuat Artikel Blog terpotong pada

Blogspot.com
Muhidin
naufal_mr@yahoo.com
http://muhidins.blogspot.com

Lisensi Dokumen:
Copyright 2003-2007 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang
disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,
kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.

Pendahuluan
Pernahkah anda 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

Komunitas eLearning IlmuKomputer.Com

Copyright 2003-2007 IlmuKomputer.Com

Gambar 2. Edit HTML

Masukan kode sebelum } ]]></b:skin> atau setelah </head> 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 <p><data:post.body/></p> 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.

Komunitas eLearning IlmuKomputer.Com

Copyright 2003-2007 IlmuKomputer.Com

Gambar 4. Kode untuk memotong postingan

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

Gambar 5. Penempatan <span class="fullpost"> dan </span>.

Maka hasilnya akan seperti gambar 6

Komunitas eLearning IlmuKomputer.Com

Copyright 2003-2007 IlmuKomputer.Com

Ketika pilihan Selanjutnya diklik maka akan muncul gambar 7

Gambar 7. Ketika artikel diklik

Namun

1 kelemahannya kita harus selalu memasukan <span

class="fullpost"> dan </span>. Pada setiap postingan kita. Agar otomatis

muncul pada setiap awal posting baru maka klik pada Pengaturan lalu Format
dilanjutkan dengan menulis kode <span class="fullpost"> dan </span>
seperti gambar 8 (yang diberi background kuning)

Komunitas eLearning IlmuKomputer.Com

Copyright 2003-2007 IlmuKomputer.Com

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

Komunitas eLearning IlmuKomputer.Com

Copyright 2003-2007 IlmuKomputer.Com

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

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

Biografi
Muhidin sekarang diamanahi sebagai System Support di Departemen
Teknologi Informasi yaitu departemen yang mengemban ABUDATA
(Amanah Bangun Umat cerDAs berTAqwa) di SMA Plus PGRI Cibinong,
yaitu suatu lembaga pendidikan yang menitik beratkan pada pembelajaran
berbasis TIK.
Juga diberi amanah sebagai Pembina KOPASUS-IT (KelOmpok PembinaAn
khuSUS-Information Technologi) divisi RPL.

Komunitas eLearning IlmuKomputer.Com

Copyright 2003-2007 IlmuKomputer.Com