Home » » Membuat Buku Tamu Melayang

Membuat Buku Tamu Melayang

Buku Tamu / kotak pesan merupakan fitur yang cukup penting di web/blog yang dapat berfungsi sebagai alat komunikasi antara pemilik web/blog dengan pengunjung. namun terkadang penempatannya bisa membuat boros halaman blog. untuk mengatasi hal tersebut agar menghemat tempat kita bisa sembunyikan fitur tersebut di samping kanan/kiri blog kita, untuk memunculkannya tinggal mengklik Tab Buku Tamu.

Berikut langkah-langkah membuatnya :


1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript" Kemudian Copy-Paste kode di bawah ini: 

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#FAFD03;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

PASTE KODE SHOUTMIX DISINI <script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></center></div></center></div></div></div>


Catatan
  • Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix/ Sbok
  • Icon Buku Tamu dapat anda ganti dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket, tynipic dll. lalu ambil URLnya dan pasang di background.

Ditulis Oleh : kabar kalianda ~ Blogger Kalianda

Sobat sedang membaca artikel tentang Membuat Buku Tamu Melayang. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, dan jangan lupa untuk follow dan meninggalkan komentar sobat.

:: Cara Membuat Permalink disini ::

Share this article :

0 comments:

Post a Comment

Terima kasih atas kunjungannya, jangan lupa tinggalkan komentar dan Follownya untuk perkembangan blog ini. No Approval No Captcha. Langsung Muncul. Happy Blogging ^_^

Masukan URLPanjang Sobat:
 
Author : Kabar Kalianda | Sitemap | Feeds
Copyright © 2013. Blogger Indonesia - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger