Salah satu widget yang wajib dipasang di blog, yaitu widget Buku Tamu / chatbox. Banyak cara untuk menampilkan widget buku tamu atau chatbox ini, ada yang ditaruh langsung pada sidebar gadaget seperti blog monozcore, ada yang menggunakan efek melayang, ada yang menggunakan efek drop, ada yang menggunakan efek slide dan masih banyak cara lainnya. Widget buku tamu/guestbook melayang atau floating widget biasanya digunakan untuk buku tamu/guest book (shoutmix atau cbox) atau widget seperti statistik blog dan lain-lain terserah yang mau memakai saja. Widget buku tamu atau chatbox pada postingan artikel ini, saya tampilkan beberapa cara unik dan menarik. Widget buku tamu atau chatbox ini menggunakan tombol buku tamu untuk bisa menampilkan buku tamu atau chatbox. Tombol buku tamu yang digunakan bisa disesuaikan penempatannya dan juga gambar tombol buku tamu bisa disesuaikan dengan yang sobat inginkan.
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
Cara Pemasangan :
- Login ke blog sobat...
- Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.
- Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa parameter kode tersebut agar sesuai dengan tema blog sobat.1. Bukutamu Menggunakan Script JQuery LightBox
KETERANGAN :- Teks yang berwarna merah merupakan link URL gambar tombol. Pada postingan kali ini saya juga memberikan beberapa pilihan gambar tombol buku tamu.
- Teks yang berwarna biru merupakan tempat untuk menaruh kode script buku tamu atau chatbox.
2. Bukutamu Menggunakan Javascript 1
TARUH KODE CHATBOX DISINI...
KETERANGAN :- Teks yang berwarna merah merupakan link URL gambar tombol, kode warna border dan warna background. Pada postingan kali ini saya juga memberikan beberapa pilihan gambar tombol buku tamu.
- Teks yang berwarna biru merupakan tempat untuk menaruh kode script buku tamu atau chatbox.
http://2.bp.blogspot.com/-t_oddggwpSY/V_NoB-pT2pI/AAAAAAAAAok/v3d4PYzi_A4CVM1M8mSi9g4nuaKcuYkUgCLcB/s1600/guest-book.png
http://lh4.googleusercontent.com/-28NQT1tb3KA/T1dub83RP0I/AAAAAAAABVM/nFXGjaGiZrY/s800/Buku%2520Tamu%2520Biru.png
http://lh4.googleusercontent.com/-kGDoh5HD3_g/T1dub0XVj5I/AAAAAAAABU4/xRwAujjjoLM/s800/Buku%2520Tamu%2520Hijau.png
http://lh4.googleusercontent.com/-zBcQkdEpXkM/T1dub8XRthI/AAAAAAAABU8/rvj9VHOO3ig/s800/Buku%2520Tamu.png
http://lh3.googleusercontent.com/-Z1fxhlvqeOM/T1ducoHlDLI/AAAAAAAABVE/AFtwHTnN9Hk/s800/buku%2520tamu.gif
http://lh6.googleusercontent.com/-6qlXHYzWTMU/T1duc2xbQhI/AAAAAAAABVI/NE_nP1mMakE/s800/bukutamu.gif
http://lh4.googleusercontent.com/-Dxsf5_XWLEM/T1dudaTvzqI/AAAAAAAABVc/D9P23mLWQP0/s800/crosbonz.gif
http://2.bp.blogspot.com/-6qTVuT1kG5s/VNN1YgiS3yI/AAAAAAAAFns/Ux2G4mkyAXc/s1600/chatboxnew.png
http://3.bp.blogspot.com/-Lm2GOHxjlZg/VTr2_7DG_CI/AAAAAAAAGKw/N91BQEHDtys/s1600/Anim_Cbox.gif
http://lh4.googleusercontent.com/-Jp9-bWJx-Z0/T1dud7-NefI/AAAAAAAABVg/DJzvhPbpQYA/s800/romaterlalusungguh.png
Pilihan Gambar Tombol Buku Tamu Javascript 1:3. Bukutamu Menggunakan Javascript 2
TARUH KODE CHATBOX DISINI...
KETERANGAN :- Teks yang berwarna merah merupakan kode warna border dan warna background.
- Teks yang berwarna biru merupakan tempat untuk menaruh kode script buku tamu atau chatbox.
Pilihan Gambar Tombol Buku Tamu Javascript 2:
http://lh5.googleusercontent.com/-CreRDYJL4n4/UJ9i7cqABHI/AAAAAAAACrU/rf8gLKdre_8/s800/Assisten.gif
http://1.bp.blogspot.com/-u1owPt_ica4/VNCjrPKwgHI/AAAAAAAAFco/tD_s8wkzFZg/s1600/avatar_asisten.gif
http://4.bp.blogspot.com/-ZKDLb9ywcak/VNCjrJfDsMI/AAAAAAAAFcg/dO10AVfuh7o/s1600/avatar_asisten_2.gif
http://4.bp.blogspot.com/-7aRYUzF1nbc/VNCjrKfBp0I/AAAAAAAAFck/iyRtJAVry6Y/s1600/avatar_asisten_3.gif
- Klik "Save" dan lihat hasilnya...
Oke sobat monozcore jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...
.: Semoga Bermanfaat :.
