Dibawah ini adalah langkah-langkahnya :
1. Login Blogger
2. Klik Rancangan/Design
3. Tambah Gadget / Add a Gadget
4. Pilih HTML/javascript
Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;}
.gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; 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">
LETAKKAN KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI
<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>
Catatan :
Untuk font warna biru dapat diganti posisinya
sesuai keinginan anda tapi autr juga stylenya.
Lalu untuk font warna Hijau
bisa anda letakkan kode apa saja, misalnya kode buku tamu
Proses Pembuatan
Account
KODE SHOUTBOX
KODE SHOUTBOX
1.
Buka website
Buku Tamu di http://www.cbox.ws
2.
Klik Get
your own free Cbox now!
3.
Isi Form
pendaftaran dengan lengkap mulai dari Cbox Name, Email address,
Password, alamat website, dan bahasa
4.
Di form yang
sama juga kamu bisa memilih Style untuk BUKU TAMU kamu
5.
Jika sudah
terisi semua klik Create My Cbox dan anda telah sukses membuat Buku
Tamu.
Login dan
Setting Buku Tamu
1.
Login menggunakan akun CBOX yang telah anda
buat tadi
2.
Klik Look
& Feel =>> Layout Options untuk Mengatur lebar ( Width ) dan
Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda
juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di
bawah dengan memilih In Order
3.
Klik Look
& Feel =>> Colours & Fonts. Anda bisa menentukan warna, Font
dan lain-lain. Silahkan setting sesuai dengan selera anda. Jangan lupa
klik Save
4.
Jika sudah
selesai semua, klik tombol Apply
Cara
mengambil kode HTML buku tamu dan memasukkan ke side bar blog
1.
Masih di
member area Cbox klik Publish! Lalu klik tombol Copy to clipboard
2.
Login ke blogger.com
dan klik Rancangan/Design
3.
Klik Tambah
gadget
4.
Pilih HTML/Java
Script
5.
Paste kode
Buku Tamu yang telah dicopy tadi ke kolom yang tersedia.
0 komentar:
Posting Komentar