Minggu, 23 Mei 2010


Cara Membuat Hide Shoutbox

Cara Membuat Hide Shoutbox - Waktu buka facebook pagi ini saya mendapatkan pesan dari salah seorang teman yang bergabung di group "Info Seputar Internet". Isi pesan tersebut menanyakan bagaimana cara membuat hide shoutbox yang ada pada beberapa blogger. Oleh karena itu saya berinisiatif untuk menerbitkan artikelnya pada blog ini, hitung-hitung buat catatan pribadi saya. Untuk shoutbox sendiri ada berbagai macam pendapat dari kalangan blogger, ada yang menganggap perlu dan ada juga yang menganggap tidak perlu. Bagi saya semua tergantung kebutuhan dan untuk seorang newbie seperti saya shoutbox masih saya butuhkan.
Kelebihan shoutbox dengan tampilan hide shoutbox yaitu meminimalkan penggunaan widget pada blog apalagi untuk tampilan blog 2 kolom. Sayang sekali hide shoutbox ini tidak bekerja otomatis pada browser ponsel.

Untuk menerapakam pada blog seperti biasa anda login dulu ke blogger pilih => tata letak => elemen halaman => tambah gadget (terserah pada posisi gadget yang mana).

Selanjutnya copy kode dibawah ini dan ganti tulisan "Masukkan kod Shout Box di sini" dengan kode shoubox anda lalu paste pada halaman penempatan gadget.


<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://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">
Masukkan kod Shout Box di sini
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Setelah itu silahkan klik "simpan"
Apabila tidak ada kesalahan maka hasilnya akan seperti ini :



Pada posisi hide seperti ini :



Silahkan dicoba !!!

Salam : Basri Tamang

17 komentar:

Anonymous mengatakan...

Thanks atas infonya bro !

Cappucino Arizka on 8 Juli 2010 21.41 mengatakan...

=)) :D bingung w...

Basri Tamang mengatakan...

Bingung yang mananya bro :)

Blog O_On on 10 Juli 2010 11.25 mengatakan...

mantab gan infionya sangat membantu sekali,, tanpa trial N erorr lagi,,, huhuh!!! okl deh

Basri Tamang mengatakan...

Thanks atas kunjungannya gan.hehehe..

Herlan on 5 Agustus 2010 08.04 mengatakan...

Ooo... Kaya gitu yaa..??? hehehe Makasih nih infonya... manfaat! :D :X

Basri Tamang mengatakan...

Sama-sama, terima kasih telah berkunjung :)

tanthowi on 14 September 2010 15.01 mengatakan...

Ini nih yang sy cari..

- intan - mengatakan...

uda dicoba, tapi kok gak ada kotak shoutboxnya ?
kosong aja..
gimana tuh ?

Basri Tamang mengatakan...

Mungkin anda tidak memasukkan kode shoutbox pada tulisan biru di atas.
Script diatas tidak berisi shoutbox.

Monggo Dikunjungi on 31 Oktober 2010 00.36 mengatakan...

makasih mas, berhasil, sukses besaaaar ;)

http://www.t3-blogger.co.cc

NUR W on 14 November 2010 08.06 mengatakan...

TERIMASIH BOSSS
KINI SHOUTBOXKU UDAH JADI....

Basri Tamang mengatakan...

Ok, terima kasih atas kunjungan dam komentarnya.

wally on 2 Desember 2010 06.00 mengatakan...

keren triknya, tombol shoutbox nya juga bisa di ganti sesuka hati :D

makasih paman triknya :D

roby kusuma on 15 Februari 2013 06.44 mengatakan...

BAGI SOUDARA2 YANG SERING KALAH BERMAIN TOGEL COBA HUB : KI SANTORO ANDA BISA MINTA ANGKA GHOIB HASIL RITUAL 2D/3D/4D DAN SHIO DI NOMOR 0823-4444-0468 klik-> http://togelsgp78.blogspot.com/ SAYA SUDAH BUKTIKAN 5X TEMBUS. BUKTIKAN SENDIRI…..

YOHANES PAPUA on 4 Januari 2015 12.52 mengatakan...

TAK DI RAGUKAN LAGI ANGKA JITU HASIL RITUAL KY-RONGGENG,BERKAT BELIAU SAYA BISA LEPAS DARI MASALAH UTANG YG BESAR,MAKASIH BANYAK KI!!!!YG MAU BANTUAN KY-RONGGENG HUB DI NO 085-256-200-352 ATAU KLIK http://ronggeng7.blogspot.com TRIMA KASIH

MASTER TOGEL on 12 September 2015 16.10 mengatakan...

ANGKA JITU DAN AKURAT HASIL RITUAL YANG BISA ANDA MENANGKAN HARI INI HUB NO =085=213=703=488 KY JOKO, Anda cukup mendaftar dengan biaya 100 ribu Contoh format nama dan kirim pulsa 100 ribu ke nomor 0852-1370-3488 sebagai biaya ritual untuk di belikan peralatan sesajen seperti : KEMBANG,KEMENYANG,PISANG DAN TELUR AYAM KAMPUNG. Setelah biaya di kirim maka KY JOKO akan membantu anda dengan ritual ghoib. Biaya yang anda keluarkan tidak sebanding dengan angka hasil ritual yang di berikan kepada anda semua.tapi ingat setelah tembus sisihkan sedikit buat yang memerlukan biar berkah. DAPATKAN SEKARANG JUGA ANGKA TEMBUS KY JOKO Call / Sms 0852-1370-3488

Posting Komentar

Anda tidak diperbolehkan berkomentar bersifat promosi produk yang sama dengan di artikel, Apabila anda tetap berkomentar maka komentar anda akan kami Hapus