Sunday, September 11, 2011

Tutorial Sembunyikan Shoutbox Blog


Pada kebiasaannya, shoutbox akan berada di sidebar dan akan dapat dilihat terus. Tutorial kali ini akan menunjukkan tutorial untuk sembunyikan shoutbox anda.:)



Antara sebab kenapa disembunyikan shoutbox ini adalah untuk menampakkan page yang lebih kemas dan mungkin juga untuk tampil unik berbanding blog-blog lain.


Tutorial sembunyikan shoutbox seperti di bawah

1. Login akaun blogger anda, dari dashboard > design > page element > add a gadget > HTML/javascript.

2. Copy dan paste kod berikut ke ruangan html/javascript


<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://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.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">

KOD SHOUTBOX DISINI

<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
<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>




Nota: Gantikan "KOD SHOUTBOX DISINI" dengan kod shoutbox anda.
(tiada shoutbox.?)


3. Save dan lihat hasilnya.:)

TAMBAHAN.

Secara default, tab shoutbox adalah berwarna hijau, anda boleh menukar mengikut warna yang anda mahu dengan gantikan url yang anda mahu.
Cara Sembunyikan Shoutbox Dalam Blog

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}


Anda copy sahaja mana² url dari tab di bawah ini.
(tidak tahu cara dapatkan url gambar.?)


Cara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam BlogCara Sembunyikan Shoutbox Dalam Blog


Tab kredit:ohcerita.com


Suka tutorial ini.?

127 comments:

KDblogspot on September 11, 2011 at 11:09 PM said...

mau tanya boss, kalau mau pake yang warna buttonnya bisa ganti-ganti (blink2)gimana caranya, saya pernah liat di blog lain kayanya menarik juga tuh...btw saya dah follow blog ini dan mohon follow baliknya...nice share..

budakampung on September 11, 2011 at 11:45 PM said...

dah boleh! thanx! :D

nia on September 11, 2011 at 11:55 PM said...

kod shoutbox mcm ne 2??? x phm...

Ar Met on September 12, 2011 at 12:26 AM said...

wau.. ade banyak color.. thank share

zareliqa afiqa on September 12, 2011 at 12:46 AM said...

weee..ada bnyak pilihan.thanks tuk tuto ni :)

Anonymous said...

lpas dah copy url gmbar tuh nak paste kat mne ?

cik dyla on September 12, 2011 at 8:13 AM said...

thanks 4 the info! =)

far_east on September 12, 2011 at 11:02 AM said...

apasal saya tak leh right click kat url gambar tue ekk..saya nak yg warna biru nyer...btw thanks saya dah berjaya sembunyikan shoutbox saya...

hafiza on September 12, 2011 at 1:19 PM said...

kenapa tak jadi ekk
sedih

Anonymous said...

kenape mase mula-mula masuk blog, shoutboxnye dah keluar dulu?

Anonymous said...

mcm mne nk dlete blog kte??

zarinah on September 18, 2011 at 2:50 PM said...

slm..,
nk tnya nie..
kalo nk sembunyikn singing box plak cam na ya???
http://www.singingbox.org (ney lmn utk singing box
)

dyaNZa on September 18, 2011 at 5:29 PM said...

lps right click kt url color tue... kte nk paste kt mne???

ris-famili.blogspot.com on September 19, 2011 at 2:33 PM said...

Dah cuba tapi tak jadi sbb mungkin kod shoutbox tak betul. Nak amik kat mana kod tu ye dan mcm mana bentuk kod tu?

Layan on September 19, 2011 at 7:35 PM said...

nice... best sangat!!!!

NursyariqaSyfa -♥- on September 21, 2011 at 8:48 PM said...

tak boleh tekan pown yg shoutbox warna2 tu..mcm mna nk amik url nye..?

MAYA_mustwany on September 22, 2011 at 12:18 AM said...

kan ada caranya
pergi click 'http://tutorialuntukblog.blogspot.com/2010/04/cara-dapatkan-url-gambar.html'

siap da pecah2 kan saper yang pakai opera,chrome,safari,firefox & ie

then paste terus kan code. baca lok2 k kawan2.

emy zulaiha on September 22, 2011 at 4:38 PM said...

tq :) da buat :p

Toyin O. on September 23, 2011 at 1:43 AM said...

Thanks for sharing.

Belajar All on September 23, 2011 at 2:54 PM said...

thanks mas,sangat bermanfaat,tapi punyaku belum terpasang shoutbox,,hehe

kerudung paris polos on September 23, 2011 at 4:33 PM said...

mantaf info nya gan..

Jualan Pulsa Elektrik on September 23, 2011 at 4:34 PM said...

nice, saya mau pasang di blog saya ah..

download lagu gratis on September 23, 2011 at 4:35 PM said...

infonya bermanfaat banget gan..

syira syah on September 24, 2011 at 3:43 PM said...

nape sy nye shout box asyk terkeluar je? npe x boleh duduk diam2 kat tepi tuu. =(

Nurhafizin Amin on September 25, 2011 at 1:36 AM said...

thankyouuu, saya ambil warna pink ;)

Cap@yam on September 26, 2011 at 6:19 PM said...

dop jadi wehhhhh huhuhuuhuhuh sedihh :(

ɐɥıɾɐu :) on September 27, 2011 at 11:53 PM said...

ta paham la yg cara na tuka wane shoutbox toh . na paste kt mane ?

FaRiHaH CooL ! on September 28, 2011 at 10:23 PM said...

yeah!!!jadi!!!thank!!!

Nurain Syuhada on September 30, 2011 at 2:57 PM said...

x nk kaler yg lain.gambar len xde ke? sy pernah nmpk org pakai gamba mcm-2.camne ekk?

kjaharun on September 30, 2011 at 7:18 PM said...

ohhh.. begitu ka?

Muhammad Faris Ridzuan on October 1, 2011 at 12:21 PM said...

maksud kod 'shoutbox' 2 url ke???

Princess Nur on October 1, 2011 at 12:29 PM said...

yesss!! dah berjaya...tq bebanyak!!

Dreamy_Gurl on October 2, 2011 at 1:46 PM said...

yesss dah berjaya...thanx yaaa...

Aliah ali on October 2, 2011 at 6:36 PM said...

admin ! napa shoutbox saya sekejap jer muncul. then dia hilang !! :( jdi tuh da jdi but dia ade dlm beberapa saat jer.

nadeafu chan on October 4, 2011 at 7:15 PM said...

alhamdulillah..berjaya..tq3

adtanto on October 6, 2011 at 10:27 PM said...

done well in my blog!thanks a lot
btw, nice blog. salam kenal all

Sanam on October 8, 2011 at 1:23 AM said...

super lovely blog :)

Day By Diva
Day By Diva

Sarah Nadia on October 12, 2011 at 12:54 PM said...

knape buat tak jadi pon..die keluar kt tepi tu..tp bile tekan keluar tutorial here..huhuhu

Ainal_laniA on October 12, 2011 at 5:23 PM said...

kod shoutbox nk cri kat mne?plezz

Eryn Azreen on October 13, 2011 at 6:35 AM said...

xley tuja pic laen lor...huhu

Eryn Azreen on October 13, 2011 at 6:35 AM said...

xley tuka pic laen pon??huhu

fateyn miera on October 15, 2011 at 2:38 PM said...

nk tya kod shoutbox tu mcmana ni..dah leh sembunyi tp x tahu kod tu lak..sedih

fATEYN AMIRAH on October 17, 2011 at 8:11 AM said...

dah jadi ...tapi nape die terbuka masa kita bukak blog ni yer...

Aku Lelaki Biasa on October 17, 2011 at 9:40 AM said...

kod shoutbox tu ialah...korang klik edit je yg lama(patern) tue..then amik kod tue...paste kat ruang yg disediakan...TQ

Anonymous said...

shoutbox nye dah keluar dulu laaa... :(

Dy on October 23, 2011 at 3:26 PM said...

knape shoutbox tu dah keluar dulu?

cgazmi on October 24, 2011 at 2:36 AM said...

salam..macam mana nak tukar pkataan SHOUTBOX kepada perkataan lain..tq

miss chenta on October 27, 2011 at 3:37 AM said...

x boleh pun knp????

Mrs Comeyl on October 30, 2011 at 12:57 AM said...

camne nk tuka name name yg sedia ade...contoh..
name=name awak
website=url blog awak
message=pesanan

contoh contoh tok tuka nme 2...ade tngk kt blog org lain....

PeaceNoWars on October 30, 2011 at 6:21 PM said...

knp saye x dpt buat???peningnye...

suwarsuwir on October 31, 2011 at 8:33 AM said...

Thx gan tutornya bermanfaat banget, sukses selalu gan

Aamiin...

miss chenta on November 1, 2011 at 2:44 PM said...

x boleh wat pun.. dah seminggu try tp x jadi ape2 pun

Fifi Mohd.Faizal on November 6, 2011 at 12:26 PM said...

kod shoutbox tu ape? pening la..

yazmien arinah yassin on November 8, 2011 at 1:03 AM said...

xleh wat pun .byk kali dh try

Ivy Lissa on November 14, 2011 at 11:21 AM said...

thnx . sgt berguna =)

~a.i.m.a.n.~ on November 14, 2011 at 12:38 PM said...

xboleyh p0n ?

Anonymous said...

kalo korg prasan...lepas korg masukkan shout box korg kat blog.. try korg search blog korang kat google..then klik paga link ke page korang tu... korang xkan dapat masuk page tu, coz dia auto redirect ke blog or web lain...try korg check....

Hani Suhaila on November 17, 2011 at 8:34 PM said...

thnxs keyh !!

Anonymous said...

nak tanya kalau guna shoutbox ni, chat yg lama ilang la ea? huhu sori xpandai sangat bab2 ni...baru nak belajar

atin on November 18, 2011 at 8:18 PM said...

thanx =)

hatake kakashi on November 20, 2011 at 12:22 AM said...

kenapa sya x leh dptkan kod shout box..ia mengatakan bahawa ia tdk wujud...

lowongan kerja on November 20, 2011 at 1:12 AM said...

Terimakasih infonya kawan

Eycha on November 20, 2011 at 8:53 PM said...

jd tp knape box nye jd lebar sngt..x macam shoutbox yg laen..camne ni?? help plezzz

Nurdiyana_Nabilah on November 23, 2011 at 9:49 PM said...

cmne nk amek kod shout box uh..sye dpt id je

ejah on November 24, 2011 at 11:12 AM said...

thx sgd2

nur ili on November 24, 2011 at 9:34 PM said...

naper saya punya jadi tapi bila buka x de shoutbox

Nurul Syazwani Ismail on November 24, 2011 at 10:12 PM said...

tq..

Mohamad Khairul Syafiq Bin Khairul Anuar on November 25, 2011 at 12:27 PM said...

tq sbb mmg terbaik!!!!!!

SaRah GonJeng on November 27, 2011 at 10:10 PM said...

korang kalau tak tau yg CODE tuh, follow my steps :

1) Go to shoutmix.com > login
2) Click kt name korang @ symbol spanner
3) Then click kt 'Embed'
4) Kt situ ade small green box yg tulis 'Get Code'
5) Click situ > copy > paste di 'KOD SHOUTBOX DISINI'

Then, korang save.
Gud luck :D

mzlynz fymz on November 28, 2011 at 3:12 PM said...

thankz...dh dapat...

Amelia Fauziah on December 2, 2011 at 11:25 AM said...

thanks bgt :D

T-ara Arzeillia on December 2, 2011 at 3:06 PM said...

kod url tu nk paste kt mana???

WANiE@WaN on December 2, 2011 at 4:05 PM said...

Tengs Sarah.. da faham.. :D

Nurfarhana ana 사랑 당신 on December 5, 2011 at 8:33 PM said...

cam mna tu erk .? x fam la ... :/

nurshazlenaziz.blogspot.com on December 6, 2011 at 5:29 PM said...

I need ur help :'/ macam mana nak tukar tab shoutbox bergambar???

marsya♥zulaikha on December 7, 2011 at 10:47 AM said...

selepas dh copy image url nk ltk kat mane?

merah jambu(natasha azureen) on December 9, 2011 at 5:45 PM said...

oke shoutbox sy da hilang

merah jambu(natasha azureen) on December 9, 2011 at 6:35 PM said...

shoubox wne ijau bole plak..wne pink ta bole..gramm

this is my blog! on December 10, 2011 at 12:43 PM said...

shoutbox yg tepi ny boleh x tukar gmbr laen? cmne nk buad?

Alyza Fisol on December 14, 2011 at 12:59 PM said...

thanks..dh bleh hide dh... :)

TajuddinHacker on December 14, 2011 at 1:55 PM said...

kalau sebelah kiri plak mana...need help

Moh Sodikin on December 18, 2011 at 12:04 PM said...

terima kasih banyak , sudah dipraktekin pun , dah jadi , thank you

naana kamal on December 18, 2011 at 5:24 PM said...

dha jdi ^_^
thanks

n@n@ on December 21, 2011 at 9:35 PM said...

dah berjaya

thanx for de tuto

^__^
wink wink !!

mira kecik on December 22, 2011 at 12:46 AM said...

kod shoutbox yg mane?

Ain20 on December 24, 2011 at 8:20 AM said...

Guna cbox boleh x ??

nuRuL naJwa on December 31, 2011 at 4:05 PM said...

yeayy ! da jd..thnx yaa , information yg sgt bergune :)

syafiranadiaelias on January 7, 2012 at 12:11 AM said...

guna cbox boleh tak..and 1 more thing..kod shoutbox tu nk cri kat mana..:(

AHLIA NAIEM on January 11, 2012 at 3:48 PM said...

Tuan..ada yg saya tgk dia gantikan tab ni dgn gambo kartun..cantik sgt..mcmane ek?

:: miSs stRawberrY storY :: on January 12, 2012 at 9:26 PM said...

done . nice .. tq :)

gold bird on January 16, 2012 at 3:16 AM said...

terima kasih..dah guna...n masih baru dlm dunia blog...bnyk lg kena bljr...hehehe

syais on January 20, 2012 at 12:16 PM said...

Terima kasih, tips kat sini menarik!

sya on January 20, 2012 at 12:18 PM said...

Tips yang bagus, terima kasih!

chocute97 on January 23, 2012 at 4:09 PM said...

ad x tutorial utk tkar gmbar shout box tu? bruk lah lau dy wrne hijau jer...

Miss Chocolate on January 26, 2012 at 2:23 PM said...

saya sudah tukar url tab shoutbox ke warna merah..tapi,kenapa still warna hijau je erkk??

N'yue on January 27, 2012 at 4:29 PM said...

tq...nice toturial...
hope view blog sy yer..

Muaz Faris on February 7, 2012 at 4:09 PM said...

aku rasa ni yang paling bermakna utk blog aku setakat ni

anNaqia on February 21, 2012 at 5:13 PM said...

thank you for the tutorial. :)

Andakpost on February 26, 2012 at 11:35 AM said...

Nice post, salam melawat

EffaCollections on March 27, 2012 at 1:24 PM said...

nice..

PKS Kab.Semarang on April 10, 2012 at 9:02 AM said...

mantap

Citra NaniZam on April 24, 2012 at 5:13 PM said...

akak nak tanya sket.. mcmna nak gantikan kotak tulisan shoutbox tu dengan gambar kita sendiri?

ISLAM IS MY WAY on May 1, 2012 at 3:09 PM said...

macam mana nak tau kod shoubox ?

cahapik on May 26, 2012 at 5:43 PM said...

sip....keren jadinya, thx ya bro

Zharif Azis on July 25, 2012 at 5:41 PM said...

warna shoutbox tu xde kaler hitam or grey or silver ke ? sangat berharap dpat kaler2 tu

Plug Mapuh on August 11, 2012 at 12:14 PM said...

mekaseh :)..

Faizal @ Ejai on September 6, 2012 at 11:11 PM said...

berjaya !!! maseh2

♥ layla naziera ♥ on September 7, 2012 at 2:46 AM said...

yes ! berjaya akhirnya . . .thanks a lot . bole xnak req tutors cmne nak buat kotak shoutbox tu dengan ayat kita sendiri . please dah byk kali try buat but still tak bole . . harap dappat membantu

Obat Herbal on September 18, 2012 at 9:50 PM said...

kalau yang beginian aku udah pernah liat kawan..tapi belum pernah saya pasang.he

penyuluh perikanan on November 7, 2012 at 9:35 PM said...

postingan yg mantap dan bermanfaat kawan
terima kasih sudah berbagi

LELA LIKE LELE on December 12, 2012 at 5:00 PM said...

nice info :)

Neesa on January 31, 2013 at 11:44 AM said...

thnks! mula2 buat x jadi.. pastu try lg baru jadi.. :)

ace maxs on February 26, 2013 at 2:44 PM said...

tutorialnya boleh juga nih,,

obat penurun gula darah on February 26, 2013 at 5:52 PM said...

mantep masbroo, tutorialnya..!!

chiya lufzya on March 5, 2013 at 1:04 AM said...

SEKARANG ADA YG LEBIH KRENLOH CHAT GUNAKAN SHOUTBOX LIHAT DI WEB INI

http://alzagemuruh.blogspot.com/

Arbi Einsteins on March 6, 2013 at 1:59 PM said...

cara dapetin code shutboxnya gmna

Zain Elhasany on March 11, 2013 at 9:42 AM said...

sip gan,,,,, ini baru nuhuy,,,, kunjungan balik
http://softwaremaniapc.blogspot.com/

Obat Alami Maag Kronis on April 17, 2013 at 12:45 PM said...

Sangat bermanfaat terimakasih atas informasinya

vacum pembesar penis on June 18, 2013 at 6:53 AM said...

wah ini baru sip gan

Jual Rumah Sukabumi on August 20, 2013 at 4:47 PM said...

Info yang sip banget gan.. Langsung di coba untuk web baru saya.. Terima kasih

komarudin on September 20, 2013 at 2:17 PM said...

nice info

solusi alami mengatasi ginjal bocor on September 20, 2013 at 2:24 PM said...

thanks to info

kohar on September 20, 2013 at 2:28 PM said...

makasih infonya

Portal Intranet on November 29, 2013 at 9:01 AM said...

Makasi banget infonya, coba dipraktekan ah :)

obat alami maag on November 30, 2013 at 2:39 PM said...

sukses selalu gan

obat alami osteoporosis on December 6, 2013 at 11:30 AM said...

makasih sudah share infonya semoga bermanfaat

cara mengobati nyeri sendi secara alami on January 10, 2014 at 2:47 PM said...

nice gan

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted