Kali ini rasanya saya membuat judul yang unik dech Membuat Buku Tamu yang Buka Tutup Namanya juga buku ya bisa dibuka dan ditutup donk. Yang sudah berkunjung mengisi buku tamu menuliskan namanya, alamatnya dan pesannya. Buku tamu ini dipasang di blog kita. Buku tamu ini lebih populer dengan sebutan shoutbox
Yang banyak diguanakan untuk buku tamu yang kita buat ini akan bisa di buka dan ditutup, jadi terus tampil di halaman blog secara tidak utuh, jika ingin buka tinggal ngeklik dan jika ingin tutup buku tamunya juga diklik aja. Ada tulisan BUKU TAMU yang nempel dipinggir halaman dan tinggal klik untuk buka tutupnya. Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox. Di sana kita registrasi dan buat widgetnya lalu ambil kodenya.
Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:
03.31 |
Category: |
Space atau ruang di blog kita sangat terbatas, jika kita menampilakan semua isi dari postingan atau entri maka akan memakan banyak space (tempat). Bayangkan saja orang melihat halaman yang luas, maka orang akan sulit untuk memfokuskan diri.
Sebenarnya ini sama dengan membuat read more, tapi lebih praktis, karena kita tidak perlu menambahkan sesuatu kode HTML saat memposting artikel kita. Read More yang akan kita buat akan membuat kita gampang atau mudah dalam memengal isi dari postingan kita. Beberapa kalimat akan muncul dan jika dalam postingan kita ada gambarnya juga akan disertai thumbnail (gambar diperkecil)
Ada yang memberi nama read more yang akan kita buat ini dengan nama read more liberal, oleh kang Jaloe. sekarang kita bersiap untuk mempraktekanya Perhatikan dan baca seksama langkah-langkahnya.
Cara Membuat "read more" Yang Praktis
1. Login ke Blogger
2. Pilih Tata Letak kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada “ Expand Widget Templates “
4. Cari kode di bawah ini
5. Jika sudah ketemu taruh kode berikut ini di bawahnya
| <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> |
6. Cari kode di bawah ini
7. Ganti kode yang telah kita temukan di atas dengan kode berikut ini
| <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more “<data:post.title/>”</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> |
8. Simpan Template Kalau sudah beres
08.15 |
Category: |
Menampilkan status YM kita. Dengan semakin banyak forum-forum atau situs jejaring sosial seperti facebook yang menyediakan tempat untukchatting dengan teman. Ini dia senior dari fasilitas yang disediakan oleh Yahoo. yaitu Yahoo Messenger. Denagn Menampilkan status Ym di blogmu, apakan kau sedang online atau offline, nah jika kamu sedang online maka si pengunjung bisa langsung berinteraksi dengan kita pemilik blog kita. Bisa ngobrol dengan kita, sehingga ada interaksi dan komunikasi antara pemilik blog dengan pengunjung blog, dan semoga aja bisa jadi sering-sering datang ke blog kita.
Cara Menampilkan Status YM (Yahoo Messenger )di Blog
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini
<a href="http://messenger.yahoo.com/edit/send/?.target=IDMU"><img src="http://opi.yahoo.com/yahooonline/u=IDMU/m=g/t=14/l=us/opi.jpg" alt="Status YM" border="0" /></a> |
ganti IDMUdengan id YM kamu..
Pilih jenis tapilan status YM yang kita sukai, dengan kita mengganti nilai t dengan angka –angka dari 0 – 16. Tergantung tapilan status YM kita mau pilih yang mana. Pilihan tapilan status YM ada di bawah seperti yang ada di bawah.
t=0
t=1
t=2
18.18 |
Category: |
