Nah ini iseng lagi asyiek BW ketemu Tips yang kayanya bagus untuk di Share ke Kawan kawan kali aja perlu Doel temui di Blog kawan sebelah he he ini link nya http://seociyus.blogspot.com/2013/01/cara-membuat-buku-tamu-melayang-di-blog.html Buku tamu ato kalo gw bilang lebih tepatnya chat box
banyak di pake di blog. Fungsinya tentu buat ngemudahin pengunjung chat
sama pengunjung laennya ato sama yang punya blog. Juga bisa buat absen
pengunjung setia blog loe gan. Kalo buku tamu di pasang di sidebar bakal
ngabisin tempat gan, jadi bagusnya loe pasang buku tamu melayang di
blog.Buku tamu melayang yang keliatan cuma tabnya doank jadi kalo di klik baru muncul chat boxnya gan. Loe ada niat pasang buku tamu melayang di blog gan? Kalo ada gw bakal share cara membuat buku tamu melayang di blog buat loe gan.
Silahkan langsung disimak gan, gak pake edit HTML tinggal nambahin widget di blog aja gampang banget.
Cara Membuat Buku Tamu Melayang Di Blog
- Yang pertama loe harus punya kode chat box gan, cara dapetinya gampang loe tinggal registrasi di situs yang nyediain chat box gratisan. Loe bisa daftar di chatWING ato CBOX gan. Kalo mau di situs laen juga boleh sesuai selera loe aja gan. Tapi gw rekomen di chatWING karena tampilannya keren, bisa login pake FB ato Twitter dan loadingnya super cepet gan.
- Kalo udah dapet kode chat boxnya, sekarang loe masuk Blogger terus pilih Layout dan klik Add a Gadget lalu tambahin HTML/Javascript. Lalu tinggal di copy kode di bawah ini gan dan pastein di kotak kosong HTML/Javascript tadi tapi jangan di save dulu gan.
Paste Kode Chat Boxnya Disini Gan
- Sekarang tinggal ngedit gan. Pertama pastein kode chat box loe di tempat yang udah ditentuin gan. Terus buat top:100px; itu buat ngatur posisinya, semakin gede nialinya semakin kebawah chat boxnya gan.
- Lalu buat background:url itu buat ganti tabnya gan silahkan diganti mau pake warna apa. Ni gw sediain banyak pilihan biar loe puas soalnya kebanyakan tutorial di blog laen pake tab warna hijau bosen ya gak gan.
1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLOtpL5uEdEhk8Xzn2KDrZk-mkr5JOMWOwcbzriQihsv0KitJirzE1E7MM6HqLj1cWUlalh_AmuEOsXc6HTWBApHDNYFeKDzkLDwT12rkRoWKZzPPbpdykD9XOHAZqAyIMEI5POOCHSdo-/s1600/chat+merah.png 2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhF5Ge0e-7qZl3QEhSuW_akgywUjCnEuhfoH1BpD-4Isi8bhpFqhkFB-V1JiPF-D0oDTQyqFRCVyn7jLS6cx07mTiJ1YqOgCfR0U6ZUZw2PNrkU9J3Nt6_oPw9H0817UynhpBYgGyGUQI4/s1600/chat+kuning.png 3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9TJvE2LkRwIuhhaGIyADpKIQTHgwj2GSYQ91bZ6sN-E-p_8XeJliaBTEUk-lCvK1e1N41uw913k1Xl5oMlQcfHWwMwUZ4nF_N5H8d-Bkcj4dukjOh7_CXALKVUJjtg5IEaW6ai1KM2yFg/s1600/chat+merah+muda.png 4. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic1Z68eK_xOGShC7G0TqcaHxeql77bi7uP512IiH3hGN1BKkRfHIDLDtLS-TAaMy6LE5eOJ9nbzjj3T8iUXaJjxUW51MMZ7ki3xB3sXdWSraahTci05jU5RtYN3KEUlHVTSZSRZY8SvjQr/s1600/chat+orange.png 5. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDAJQVvUtlf3nXVdQGcjqpORn_gcUWaVsAbP6GmRyEwSK9RZ60a19bWXJJHd3pYdlBh1vqtXN_FznVjQoFsS3jX6LHvYPV1XptnhWGPbvFEGPajW8cEcZENsrbK_54OfaXWWiBzA1c4eU4/s1600/chat+pink.png 6. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgws4tAK5H85sfelLWdCbTgWb0cSR7CUBXWCTEzmhNtlVpfDRgQacBP0L4uoh8ir8Y1hbvRVYysfTZuGAdHGHgkEXyVRhtkg1TyqB0T4EHZj7kzvpkm6Wm3AXFIEMxybK-K1zPt56WRGUBn/s1600/chat+ungu.png 7. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriEdzLtwP3-5xKbzIHKAUByGfdhO02sUXm8GOvIkNCTu6bo4jJyaNRthIe353uSLqeOD3Hih_iAP0NpqoIfASfkCQbwEO0iWOoU6psizBIhEwyNbYBXg9X2ln5srgy2cwb7x9O0ZBJUpU/s1600/chat+biru.png
1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQzHu6xArU3H2YqYzM2HThyEwGaDEJagTMRB1kvzq0xq9z5nXOS8GRdWXFTqHg0OMwq6757cqMV2s97Vqyz-nX_KPIbVakBixsG-N3_LnACClxWLQm8q0XryTYARftaudYKmAbRRSiQD3Q/s1600/buku+tamu+orange.png 2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDa0dzkIc7T7vpGEy_OUhA5pSqVxZkEaH-3ZDEqFlAbEAe71_8jaCoB_pqoSMJoWdntpOMlp2ioeLggSQloVRXJb7HdLCeW5ZFPO4rACParPCZ8Cx9kNNgNURKS8xG0N-QLjOK6JkUfbT/s1600/buku+tamu+kuning.png 3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7sDS86upSN_ztjjjyg8Djlsqk_-dLM-VyTBcgUio94FoGi_dy6EsQOdAtgY8MgnoxgutUDnHTb07MOLCpXgGvYCePalXAPzA4HXXLqu_Z5mHQ62AJ0ly2InYtSJVQ8PDWAjftimj1EKZ/s1600/buku+tamu+merah+muda.png 4. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcDPB_1hnyylvdhfRDWZky17xG8FmCBxnmxBF2uhks4ZI-rHszbVQx0J6Xjti6Qgq9nqRm-c-ywEtIV6amNtcM8JF-oRGBA3-P8Gq5-bYufLaFlqvumpcpEkEBiDRzzYMJjFCxqNqNyr_/s1600/buku+tamu+merah.png 5. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8msOv_M7j1pVzpsWWPoYvqeSILwWnb0K8JW8zFYEeLUDxfR4vva9-FqDasith_StQRGR4uCHthZMRjjw_CJy980ZxUN6wfv9_d5rEF63h8EM_enZJ8dtbL3ic55CrhET4YanRdxBhvoV/s1600/buku+tamu+ungu.png 6. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6yZNHjG-suaDs9bCcwgLZGVbNOY57whYLJtBYlJV3U867t7zUkwZNE6diiMbKK1mxaeblP0QvB9qtUD_FTWSEWfQhwxBiqbyY9ilD0fulJ0XnvittACJgRXehhuiiyowjTSQ7oOLh6zju/s1600/buku+tamu+pink.png 7. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNK-tpBiJOpEOdn7mpE57OZ4mbNKzup8gSd5bDMMdzhyphenhyphen0wB7s9kBFIgBmWVCsrc6-20Q9FuSr6nxMbMsVKq3PdzENXi9JGNcTZ3Ijrs2Rlod0cOhyphenhyphenK9nxbopON8T7EBMInhCroWz2N37_/s1600/buku+tamu+biru.png
Kalo udah diganti tabnya tinggal di Save aja gan, beres sekarang blog loe udah ada buku tamu melayang atau chat boxnya gan. Buat border sama background content loe tinggal ganti aja warnanya biar sesuai sama warna tab dan chat boxnya, buat kode warnanya loe cari di kode warna HTML gan.
Sekian dulu yang bisa gw share semoga bermanfaat buat loe yang mau pasang buku tamu melayang di blog. Jangan lupa juga absen dengan ninggalin komentar dibawah gan.
» Loe suka postingan ini? Silahkan di link back dengan mengcopy kode dibawah gan.
URL :
HTML link kode :
maksih banyak infonya bro :)
ReplyDelete