(Tutorial) Cara Sembunyikan Shoutbox Di Sidebar

by aizuddin on March 2, 2010

TUTORIAL sembunyikan shoutbox di sidebar

Sekarang dah jadi trend pulak nak sembunyikan shoutbox kat blog masing-masing. Dulu aku ada ternampak kat satu blog. Tapi aku dah lupa kat mana. Time tu macam tak menarik je tengok. Tapi bila ramai yang dah pakai. Baru nampak cambest bila ada shoutbox yang tersembunyi ni.

Macam unik sangat bila ada shoutbox yang tersembunyi ni. Kalau nak lagi unik, korang sembunyikan lah sekali semua benda kat sidebar blog korang. Termasuklah nuffnang, advertlets dan innity korang. haha. Bergurau~

Tutorial ni boleh guna di blogspot dan wordpress. Jangan risau, senang je. Hanya copy paste je code kat bawah ni. Kalau pandai edit, edit lah apa yang patut. Rasanya tak edit pun dah cukup cun.

Dapatkan code di sini.

*Jangan lupa masukkan code shoutmix atau chatbox korang sekali. Kalau tak masukkan, macam mana nak ada kotak menjerit tu kat blog. hehe.

  • Cara nak letak di blogspot :

Login dashboard blogger.com korang > layout > page elements >add a gadget (ruang sidebar)> pilih html > copy paste code kat atas >save

  • Cara nak letak di wordpress :

Login dashboard > pilih widget kat sidebar > drag text kat sidebar > copy paste code kat atas > save

*Title biarkan je kosong. Tak payah isi apa-apa.

  • Editing
  1. Tukar warna tab

Kalau nak tukar warna tab perkataan shoutbox boleh amik url colour kat link di bawah ni. Aku dah tolong hostkan sekali.  Original colour adalah warna hijau.

Nak lagi pilihan warna tab shoutbox, dapatkan di sini. (link fixed)

Caranya :

Cari perkataan background :url > Tukar url original colour dengan url colour yang korang nak.

2. Tukar ketinggian

Cari perkataan top, dan tukar kepada ketinggian yang korang nak. Contoh 10px, 20px,30 px…

3. Tukar saiz

Tinggi : tukar nilai dekat height. Contoh 10px, 20px,30 px…

Lebar : tukar nilai dekat width. Contoh 10px, 20px,30 px…

P/s : Kalau nak tukar warna lain guna photoshop pun boleh. Senang aje. Akan datang lah buat tutorialnya. Dah cukup panjang dah ni. huhu. Selamat mencuba~

Credit : anarm, pisyek

{ 116 comments… read them below or add one }

ana January 21, 2011 at 6:50 AM

ala…nk tuka warne tu xretila..cmne eh? =(

Reply

aizuddin January 25, 2011 at 8:42 PM

nanti aku free aku tolong buatkan dan upload..sekarang busy skit.huhu

Reply

sHaFq January 24, 2011 at 9:24 AM

Terbaik tut dari bro!

Tapi saya pn ada mslh utk tukar warna. Saya dh copy/paste link pic baru tapi x keluar..

Tq
Jutawan Musafir

Reply

aizuddin January 25, 2011 at 8:48 PM

kalau tak boleh try download dulu gambar tu..dan upload balik kat http://img375.imageshack.us/ ..lepas tu ambik link gambar tu..tukar kat link tab shoutbox colour asal..

Reply

zul January 25, 2011 at 7:58 PM

thank bro..dah buat:)

Reply

aizuddin January 25, 2011 at 8:51 PM

ok..welcome bro :D

Reply

effa March 28, 2011 at 11:55 PM

thxs for the totorial… luv it…

Reply

aizuddin March 29, 2011 at 12:51 AM

welcome ;)

Reply

Nyz April 6, 2011 at 12:09 PM

Salam..
Thanks 4 da tutorial.. tp.. kenapa mcm x jadi bila buat d blog wordpress.. huhuhu… bt kat blogspot jadi pulak.. bila buat d blog wordpress… jd hanging tiap kali nak save code tu… :o ups:

Reply

aizuddin April 6, 2011 at 1:25 PM

wasalam..kalau kat wordpress letak kod kat bahagian footer.php kalau boleh..sebelum ni letak kod kat mana?widget ke?

Reply

Nyz April 6, 2011 at 1:51 PM

Yup.. sblm ni letak d widget.. ok.. jap lg sy try.. harap menjadi lah.. baru smart sket! :) thanks ya.. :)

Reply

gadismental April 11, 2011 at 6:08 PM

i curi u punye code.thanks for sharing tau!

Reply

aizuddin April 11, 2011 at 7:43 PM

ok..welcome..sila datang lagi :)

Reply

Adrina Razali May 14, 2011 at 3:35 PM

Hey thanks 4 the tuto .
suda menjadi tp nak tuka warna tuh masih blom bole lorh :(

Reply

aizuddin May 14, 2011 at 3:52 PM

pergi kat link tukar warna tu..uplod sendiri tab kaler mana yang minat kat hosting free..macam imagehack

Reply

usagi August 4, 2011 at 12:58 AM

dapat!!10q

Reply

aizuddin August 4, 2011 at 1:22 AM

welcome :D

Reply

rusydiramli August 22, 2011 at 9:12 AM

camne ye cara nk letak 2 3 bijik shoutbox kat blogspot (yg auto-hide)? ye laa satu utk FB, satu utk twitter, satu lg utk Google Friend Connect…

dh try buat, nk letak yg ke-2 tetiba yg 1st xjd hide..

cmne ye?

Reply

aizuddin August 22, 2011 at 2:37 PM

itu kena edit2 code tu.kalau setakat letak gambar dan redirect link simple sikit..kalau hide banyak2 ni tak sure pulak..kena try and error 8)

Reply

zack August 27, 2011 at 2:07 PM

terbaek la bro…. nak share di Blog saya ok ker?

Reply

aizuddin August 27, 2011 at 8:55 PM

boleh je..asal jangan copy gambar tu sekali..kalau nak copy pun, uplod balik kat hosting sendiri ye :D

Reply

permata ku October 2, 2011 at 3:51 PM

salam..thanx ngan information bguna btul ba…. ;)

Reply

kychee October 23, 2011 at 8:19 AM

wahh !!tengs bro .. membantuu !

Reply

Admin TopShop December 3, 2011 at 5:18 AM

tq bro…

Reply

Leave a Comment

{ 11 trackbacks }

Previous post:

Next post: