Home » » Tutorial Hide Shoutbox/Chatbox

Tutorial Hide Shoutbox/Chatbox



بسم الله الرحمن الرحيم


Kucing, Kucing Comel, Kucing Menyorok, Hide, Cat, Tutorial Hide Shoutbox, Tutorial Hide Chatbox

Assalamualaikum...selamat pagi semua. Ceria-ceria selalu..senyum sokmo Cute Icon, Icon Comel Kali ni macam biasa la..nak buat tutorial lagi. hehe..Nak tau tutorial ape, jom tengok gambar kat bawah ni..


Comel kan kucing ni..main sorok-sorok pulak die. hehe..Gambar ni tak ade kaitan p0n, saje je nak letak. Saya nak buat tutorial hide shoutbox/chatbox..shoutbox main sorok-sorok macam kucing kat atas.
Cute Icon, Icon Comel


Tutorial, Tutorial Blog, Tutorial Hide ShoUtbox,Tutorial Hide Chatbox, Tutorial Sorok Shoutbox, Sorok Chatbox, Shoutmix
Tutorial, Tutorial Blog, Tutorial Hide ShoUtbox,Tutorial Hide Chatbox, Tutorial Sorok Shoutbox, Sorok Chatbox, Shoutmix

Tutorial ni request daripada rakan blogger kita..Linda, Anis & Faten. Kalau ade nama yang tak ditulis tu, harap maaf ye..sebab kadang-kadang ramai sangat yang minta, saya p0n dah tak ingat dah. Maaf...
Cute Icon, Icon Comel


Saya akan ajar buat hide shoutbox macam saya punye box kat tepi tu eh..

1. Macam biasa, log in dulu

2. Design -> Add a gadget -> HTML/Javascript

3. Copy kod ni..ctrl+c untuk copy

<style type="text/css">
.gb_fixed{
position:fixed;
top:70px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:pink">[Tutup]</b></a></div>

KOD SHOUTBOX/CHATBOX DI SINI

</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="URL GAMBAR" />
</a>
</div>



4. Jom tengok kod-kod yang boleh diubah..

top -> semakin besar nombor, semakin ke bawah
border -> semakin besar nombor, semakin tebal. boleh juga tukar warna dan boleh tukar nak solid, dotted atau dashed.
background -> boleh ditukar juga. klik laman web ni Color Charts dan Color Codes.
perkataan [Tutup] -> boleh ditukar
color:pink -> boleh ditukar juga..warna untuk perkataan Tutup tadi.
Url Gambar -> Boleh ambil gambar mana-mana je. Kat Glitter Graphic, Emoticons dan kalau nak letak gambar sendiri pon boleh. Tapi kena upload dulu di imageshack.us. Kemudian ambil direct link, letak di bahagian Url Gambar tu eh..


5. Kalau dah siap, save la..


Go0d Luck !!
Cute Icon, Icon Comel


والسلام



Syukran kerana sudi membaca..boleh Like dan Share entri ini

13 luahan hati:

nawa said...

thnx ukhti krn sudi kongsi... erm.. nk mnx wat lg 1 tutorial boleh x??
mcm mne nk wat post terbaru yg keluar kt sblh 2 ea?? shukron ukhti~

fariesha said...

huuu...nme sye ke tuh..:D
wahh..tp sedey la atika..nnt buat..mest gadget bersepah2 kt tpi tuh..xske la..nk hide xley.ish.

miemman_zac said...

thnx kak....sye tercari cari benda nie...:)alhamdullillah...syukron...:)

Misz Aeen Kaka said...

salam..thx kak ..
dah try kaka,,xdpt ..hehe
xkuar shoutbox 2?..napa ya?

azaim said...

cmne nk hide gadjet ni...serabut

p.r.e.c.i.o.u.s.g.i.r.l. said...

tq..tutorial anda sgt bgune utk blogger bru bljr spt sy...huhu...do fllow yeah..;)

Ryka said...

blog anda chantek n kemas .
anda juga bantu orang dan saya serba sedikit . terima kasih .
saya dah follow , sila follow balik kalau boleh :)

Muhd Fadlin Firdaus Chan said...

yay ! jadi ! thanks !

littleKhalifah said...

syukran... :)

hlovate said...

akak.. xpaham laaa.. kod yg kite copy tuh, nak paste kat mana??
"kod shoutbox/chatbox disini"
maksudnya??

Mama Ishazah said...

salam..maknanya apa yg rakan2 taip x dpt dibaca ker atika??

Nurul Anisah said...

Salam...
Sye dah buat jadi...
thanks ye kak..

Nurhani said...

salam.. tak jadi la.. mcm mana yer.. nak copy dekat HTML ker...

Related Posts Plugin for WordPress, Blogger...

ShareThis

Copyright Control : Atika Aula