Posted by : Unknown
Minggu, Agustus 25, 2013
Selamat siang sobat Dedi Sinaga , kali ini admin akan poting tentang "Cara Membuat Buku Tamu Keren Melayang Di Blog".
Kemarin admin sudah share tentang"Cara Membuat Permalink SEO " , Gimana udah di coba belum , kalau belum langsung saja di coba..
Dan ini dia "Cara Membuat Buku Tamu Keren Melayang Di Blog".
Demikianlah artikel hari ini yang dapat saya sampaikan, kurang lebihnya mohon dimaafkan atau barangkali jika kurang jelas bisa komentar!!
Kemarin admin sudah share tentang"Cara Membuat Permalink SEO " , Gimana udah di coba belum , kalau belum langsung saja di coba..
Dan ini dia "Cara Membuat Buku Tamu Keren Melayang Di Blog".
Sebelum membuat Buku Tamu Sobat harus masuk ke http://chatwing.com atau http://www.cbox.ws/
gunanya apa? untuk mengambil Script code yang akan dimasukkan ke Blog
Kita. Saya sarankan Sobat buat di ChatWing Saja lebih keren dan lebih
aman. untuk cara mengambil Script Code Buku Tamu nya Sobat Login Dahulu atau Daftar.
- Setelah masuk Sobat pilih Buat Kotak Obrolan
- Setelah itu Pilih Warna Tampilan Buku Tamu
Kemudian Klik Gunakan, Lalu Klik Opsi Tersematkan, Dan Ambil Iframe Code
Selanjutnya, Masuk Blogger ----> Tata Letak ----> Tambah Gadget -----> HTML/Javascript
Masukkan Kode Ini
<style type="text/css">
#gb{
position:fixed;
top:120px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwUn7BBVqfShJEHBUxWl1KlgzcXs0Nzg_vGa_Uxr69rgNeEY5ACxIIugxC2PMDS-I-9G_iciXq5GmbyYx_l2y19nHoB2S1FiMhbS0dxwcmHdkZvR3v9AY8r-_KdFNPWdv6VwxVDp3fJTH1/s1600/gb-oren.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>
Masukkan Code ChatWing Sobat Tadi<br />
<div style="text-align:center">
<span style="float:right; color:#ff0000;">Get this <a target="_blank" href="http://anonymous-revenge.blogspot.com/2013/08/cara-membuat-buku-tamu-keren-melayang.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>
Keterangan:
Orange: Warna Border/ Garis Tepi Kotak
Biru: Warna Background Wilayah Buku Tamu
Hijau: onmouseover adalah kode
untuk membuat kotak auto hide jika Sobat ingin mengubahnya menjadi klik
mouse sobat bisa ubah dari onmouseover menjadi onclick
Kuning: Masukkan Iframe Code Buku Tamu yang Sobat buat tadi di ChatWing
Merah: Url Gambar, Untuk Memilih
Gambar Lainnya Silahkan Pilih Gambar yang saya buat dan sediakan xD
kalo kurang banyak bisa komentar, Maaf kalo buatan saya kurang bagus
atau jelek :)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwUn7BBVqfShJEHBUxWl1KlgzcXs0Nzg_vGa_Uxr69rgNeEY5ACxIIugxC2PMDS-I-9G_iciXq5GmbyYx_l2y19nHoB2S1FiMhbS0dxwcmHdkZvR3v9AY8r-_KdFNPWdv6VwxVDp3fJTH1/s1600/gb-oren.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCPBPIY7PXrquOsY0Pd1P0UYYzYatSvWd3BH3MN18Xdb_g4A4nB1LSdS7h0m27HxRvMDBnVVcSEMqR1eT3-_CJcj99K1zpNOk8zuPV8S5qU57OsSZeMw4nHkp9BR8gM5YO07poA9x3g46w/s1600/bt-biru.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi8i8icqRtTwp0VzxnSX6YlbtNhPpIPxqEulgrLksoz8BZlz9MsSfPS-fh9nxkISdhRJD_LcLQv1jKzYCp1aq7aPgf-q6wKVMkK8Vo1-CtmPnbGiSgONJhYKpApTEwkNNJ4yD-V4LasdN3/s1600/bt-hijau.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EP2EmW_qpotIpWnS11rVeI5x1hJ-zVFKnbbwcxy3kuy2V3xLgZtOIb-AgvafW0__4oUPtEoOw650J4VmRNujxmn7vMOy0CwF1rEwhCb2XYw-HxHX6TDmeu-mrVWZr6jMHW5idDMx3tUv/s1600/bt-kuning.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNAiAFdYkqhYRbEUazifBmMuGScvf1C5BFTINCoujFyZd9ShTQf4BG1laCI7XcKRsb82AyQSqB86GG9yHpy5YeOuTlx90LRxhAfiwBbT90OynzMcewthz3fUwJY0L34j0rkDyapn6FnAG/s1600/bt-merah.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQX5Zpa1ax1RVeHqKYL7nSNq5-xDqOJ-_ciYrFCiq-sqzR92R69EpQhuAmpcZMUrqJiJhaSLf7ucw2Qifs_KJfPsdn-zatkGIJIy_ZBp-7EiGP8wH4_B14POXm1aIxEh4-0cQsV8zYbRVk/s1600/bt-oren.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0GvyJXSj0vk3lGqbehclDcwP0_CnNCdhyphenhypheneWn2wQ01eDlcPvuVncUSGw4Ents69qHp07rxcJRXefY1ETAIiyJVYb9FsA3CTlFp-if15oR3Mfnwae3IFuJIDCNzKGH27oexsFqkewiKUO8/s1600/gb-biru.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaC1fA_a1wIbtb7GTNjE9RPfFyJnnElAkUNQdKb45lmMp-KmCyzeg6KjoVzAjDG4PePeSVXKrDXzLOMRZiSRmcJ6EPSmazfptRADU1-HvmObEa5CNRDxsxTGWW6pk3dlnLjL41MsBsqFkQ/s1600/gb-hijau.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi667H9HvSwkJxwvOxP6v31UO9anuefd_P2j0LJAA8PY0_aRb__w5EOK48fVgZbX34nhQTcbBoU3yUjCJlp3GegueXs29qhe2SGY7vH6tM6V37IB_UTA6okVZGP-hzXrUrbugpOsqX8Elfm/s1600/gb-kuning.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgne1YY0zE7n1Manh4E1PMQ20mZeuD5HgbaNPqKbj2pHjo5uThKyNwERaGvkiVsHnobYzzfWmsicktPQ_s8nxSm0sDvplzApwdx-BmNgXg3vVmj0jTuEjTRh80ZECPyCsMofLlpJz6AF6kx/s1600/gb-merah.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1HxOEfw0r7S8CHvbj95aIlUSfUv0MdR_MUzFnLpO7gCs95U3Q0L9I1nTL9w9EM3HAtUCDziZEStz95Pt8frq2kFDktqaV4xOxFAskgSjasTCMYLZgAUqIo0NIF6qYaICwbZE7POHDi63-/s1600/chat+biru+tua.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv64_7lPChz7isA4jhr0eoxjYliIWctp6TKLWhBhA0_U-9HDYcLR3PHpiTC9Leh0GniTmjlXOvSldNErjwecQJOBK4kNAsW8HMeuR_Xs3JMtCDVWNsXuKuQZI2J_bDi2Mit1piEoqeVhaP/s1600/chat+hijau.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmytKvgc6xH2kSpdB6sLkVEGtXBNqYy-mHHVF_RgzrzY6W4wcdzDJxrfQ53yig9IQdDyBLCvqOzk8hbULn09rw195Y5QQLDOGyq6xYNlp6Nc6DFGKSbO40CaWgkj8b9JQ77pfsZqTH_59/s1600/chat+kuning.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HuTOKPXj-RKGW3wYeTUi_IlRzZV9SVIqMFfZFbfENXlxG7ZneZHRR8Lx5i6QvGlGG9CGO5FyUo4of0zDRocvtHaFeIcKtSvFpw9-xaL6tw9sAKz0x1Tn84xKKvFyONiR8Y9RtapUi1ay/s1600/chat+ungu.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdHZBxqS4hQ2PuIMJlvrfBA5UAnyeYZdolhpZgGgaw034K2BSYLmVU5heZ2WqQqGWddLNqAyF43lA8LbgJH41mkj6wrHqghdQ3Lzcwu5Lm-B2VzAkyxYEkzL-OCcfeqGi_Ixxo8Y-wJ0j/s1600/chat-merah.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxMEHxG6uEEzj5pT-IkxYHvRh1ukYL9pz1RLGQGdCmXqX-nPJzSBDoJyGAJhW8Rbo2mvP1NVde3GMumT1Rdn5LJ4ZYTGoS10_F-0rKwr6UQ1eb_uwR_IFBd6-GXgNEmPGvcCXopw8JL-m/s1600/buk+utamu+biru+tua.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP2gTbdnHBD3qTrDZxyi8TJq8sGy04XONzyjSBCkULIK9MtnSo8KubO0KdsihQExg5CGJOfpdiOEZp_4P5wEi4wbxiVaRPmTp9n5G8VH-7D8QKQ1ADwk1y2VOl8k_ykWwOEnHhohBLrlrP/s1600/buku+tamu+hijau.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEUs0jitCxG4gxVYF5Msw8hAy_YMEjh_HUYhGQnrY320qBpYRXLUozI4sKUz5xnueczZO7Z1gkekmee-rZH6jjKnaTx6ruGykGt1ewFBoOywWTEuev7P8Cz3tx4CriDbk-wxLRzk1qcubZ/s1600/buku+tamu+kuning.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgUxePtnlvnmKsyM2q7uEJLEQuCJCskrdGDZUn9bj-_un-_N6F_ePToKJQnkOV9oDe1BEnTtr9jpwgRDwETsWjf-WLDJeRDBrpBH_Soost7ZlYCjw_pshJ5k6fnc0ThUVNW4rawTZOZpaM/s1600/buku+tamu+merah.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvxsGfZi_g4WVVP8z3qJtK-oBiMzJTrRCMMOmv0Fbl7Jlt3Zw9ANzxdW_NDqkfbzCmB2ggHR5s00OZwoBMjoIivlFsF2sh-aylXqqjCn0sHFyN0AIfHwCvi-k-JALRElbuAdCExjhluSfp/s1600/buku+tamu+ungu.png
Demikianlah artikel hari ini yang dapat saya sampaikan, kurang lebihnya mohon dimaafkan atau barangkali jika kurang jelas bisa komentar!!






















