Kalo kita berkunjung di suatu blog/web di sebelah kanan biasa nya kita sering menjumpai sebuah gadget buku tamu yang mana kalo kita klik di membuka dan kalau kita klik lagi aplikasi itu menutup,nah.. di sini saya mencoba untuk menyuguhkan Buku tamu shoutmix yang seperti itu,langsung aja ya..!!!
Sebelum nya kita kita ambil kodenya shoutmix nya ke situs DISINI
Kalo dah kesana ikutin langkah - langkah berikut :
- Klik create shoutbox
- Isilah data data kita ,username maupun password nya yang berguna untuk login nanti centang persetujuan lalu continue.( note : jika anda udah ada account di shoutmix anda tinggal login aja.)
- setelah login berhasil anda cari menu setting di situ tersedia tabulasi untuk mengedit shoutmix yang akan kita pakai seperti tabulasi general,display,security kalo udah pas settingan nya jangan lupa di save.
- Copy embed kode nya (SCRIPT KODE BUKU TAMU) yang akan sisipkan pada di gadget blog nanti.
Terus bagaimana buat buku tamu buka tutup di kanan blog.
1. Anda login ke Blogger.
2. Pergi ke Rancangan ,Element laman dan klik tambahkan Gadget.
3.Klik HTML/JavaScript.
4. Copy paste Kode di bawah ini.
<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">
[MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI]
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://www.kikiyo.co.cc/2010/05/membuat-buku-tamu-buka-tutup-di-samping.html">
sini
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Nah jangan lupa tulisan yang berwarna kuning di atas anda ganti dengan SCRIPT KODE BUKU TAMU yang anda dapat di shoutmix.
5. Selesai dan simpan.
Akhirnya buku tamu dapat di nikmati seperti cntoh di web ini,semoga bermamfaat.
gallerydunia.com
ane sdh muter2 5 blog utk mencari artikel ini tp cuma artikel ente yg sesuai dg kebutuhan ane. namun sayangnya artikel yang anda posting sama sekali tdak menampilkan sumbernya. jd kesannya ente kayak modal copy paste. kasihan SUMBERnya akang mari kita hargai hasil kerja SUMBER dg mencantumkan SUMBERnya. trma kasih slm teko arek suroboyo
BalasHapusfaisal@ terima kasih untuk komentar dan kunjungan nya...oh ya untuk artikel di atas adalah hasil kreasi sendiri dari pembelajaran dari berbagai sumber..karena waktu di tulis artikel di atas templete blog tidak seperti ini ...jadi mohon maaf untuk contoh nya sudah ga ada...
BalasHapusuntuk melihat tulisan-tulisan dari admin gallerydunia.com mengenai dunia blogger silahkan kunjungi link di bawah ini..
http://web.gallerydunia.com/
terima kasih..semoga bermanfaat
ijin copas kodenya gan, soalnya saya tidak mengerti dan bisa membuat kode2 seperti itu
BalasHapusjika berkenan berkunjung ke blog saya
Budaya Copas Artikel
tq mas brow infoX ini bisa membuat blog q semakin menarik... maklum baru jd bloger heheh...
BalasHapushttp://modelbunyukaltim.blogspot.com
okke deh..
BalasHapus""JIKA ANDA BUTUH NOMOR GHOIB HASIL RITUAL 2D 3D 4D HK/SGP DENGAN SEIZIN TUHAN DIJAMIN 99% TEMBUS JIKA ANDA BERMINAT HBG: KI " AGENG SULTAN DI NO 0823.2882.9033.
Hapus""JIKA ANDA BUTUH NOMOR GHOIB HASIL RITUAL 2D 3D 4D HK/SGP DENGAN SEIZIN TUHAN DIJAMIN 99% TEMBUS JIKA ANDA BERMINAT HBG: KI " AGENG SULTAN DI NO 0823.2882.9033.
BalasHapus