Salam semua, dah ada yang bertanya maka saya jawablah ye.Tutorial bagaimana hendak membuat shout box sembunyi yang bordernya lut sinar(transparent)..he he, layan..
1-Login Blogger Dashboard,
2-Design,
3-Add A Gadget,
4-HTML/Javascript,
5-Copy dan paste kod di bawah pada content HTML/Javascript,
<style type="text/css">
#gb{position:fixed; top:50px; z-index:+1000}
* html #gb{position:relative}
.gbtab{height:110px; width:30px; float:left; cursor:pointer; background:url('http://i31.servimg.com/u/f31/14/01/65/89/shoutb10.png') no-repeat}
.gbcontent{float:left; border:2px solid #666; background:#fffffg; 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">
CODE SHOUT MIX ANDA
<div style="text-align:right">
<a href="javascript:showHideGB()">
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString()+"px";
</script>
7-Save.
Warna shout box saya merah..
BalasPadamkalau anda tak suka boleh
adjust sendiri di account
Shout mix anda...
Info yang berguna..
BalasPadamtrm ksh.
Oh, macam tu rupanya. Sudah lama saya cari, terima kasih ye. Tapi tak tahu bila hendak ubah....
BalasPadamAssalamualaikum sdra...
BalasPadamTerima kasih berkongsi ilmu...
Salam Zul.. terimakasih berkongsi pengetahuan saya suka jugak bender tu :)
BalasPadamhehheh... thanks ye en.zul...sy dh lama gak nk buat mcm ni tp xtau hehehhe
BalasPadamthanks again!!
Nanti kome buat...
BalasPadamassalamualaikum abg zul..
BalasPadamtrime kasih ya...
very nice! Thankyou terimakasi aok!
BalasPadamKartun Yg Menang Anugerah "Best Political Award"
hmmm pernah buat sekali... tetiba hilang shout box... terus buat macam biasa.... heheheh
BalasPadam@Alimaz-Kembara Terasing
BalasPadampulaks..?
template tak sesuai
kut..?selalu begitulah..
pergghh sifu zul,
BalasPadamterima kasih
Terini dari blog AUC: Ikan Patin Curi ke ni?
merah itu berani heeee..
BalasPadamada kotak jerit sllu berikan upacan...jgn tinggalkan spam yer huuu
BalasPadamtips berguna...dh guna kat my blog.Thanks
BalasPadamkekadang susah juga nak cari yang tersembunyi tu
BalasPadamas salam,
BalasPadamsaya punya dan hilang..
pling..
Salam...
BalasPadamDulu pernah buat mcm tu tp ada blogger complain tak jumpa la, tak nampak la...
thanks, saya ikut tunjuk ajar dari blog nie :)
BalasPadam1 lagi, erm, camne nak tuka gambar shoutbox tu ye??
BalasPadam@-DieLa_kE_Ai-
BalasPadamermm..
tukar url backround
gambar mana yang anda
mahu...
background:url('http://i31.servimg.com/u/f31/14/01/65/89/shoutb10.png') no-repeat}
salam
BalasPadambanyak menulis banyak membaca
banyak terkumpul ilmu dan idea
sy juga nak merah...tahun ni tema merah
BalasPadamsalam
BalasPadamsteady tutorial ni, saya dah lama tak guna shoutbox ni, geram dengan marketers hehe
nak buat tapi rasa macam tak nak buat. macam mana tu? hehehe...thanx...tercari2 gak tuto ni suatu masa dahulu. huhu
BalasPadammain sembunyi2 pulak shout box sekarang nie...
BalasPadamSALAM..
BalasPadamTERIMA KASIH,
SEMUA YANG SUDI MENINGGALKAN
KOMEN ANDA DI SINI..AMAT SAYA
HARGAI..JAZAKUMULLAH KHAIR..
terima kasih ye.. :)
BalasPadamsalam..abg zul..saya punye suda jadi shoutbox yang abg bagi ni..saya nk tanye..cm ne nk tukar ayat shoutbox tuh?saya nk letak nama saya dekat ayat shoutbox tuh...
BalasPadamproblem
BalasPadamtq
BalasPadamtq so much bro
BalasPadam