First go to your Dashboard > Design > Edit HTML > then korunk tengok lah gambar nie mana nak tick expand widget tuh .
BASIC : Apa itu Tick Expand widget ?
hahh , nie lagy satu , korunk mesty tertanya2 kenapa kite perlu tick expan widget nie kan ? and dimana dia berada untuk kite tick expan nie kan ? soo , jom mulaa -->
First go to your Dashboard > Design > Edit HTML > then korunk tengok lah gambar nie mana nak tick expand widget tuh .
soo , dah tahu kan mana satu ? hope korunk faham :))
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
First go to your Dashboard > Design > Edit HTML > then korunk tengok lah gambar nie mana nak tick expand widget tuh .
BASIC : Apa itu BLOG ID ?
Heyy :) ade yg tanya una mana kita nak dapat blog id kan ? ye lah , asal pegi blog org tuh org nie sikit2 suruh tulis blog id kan ? then kite nie blurr pulak dah , alaaa ~ mana blog id niee ! hahaha :D soo , here una mahu ajar korunk .
First korunk ade nampak button new post kan ? click je ,then tengok gambar bawah nie :
soo , dah faham kan mana satu ? hope korunk faham ^^
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
First korunk ade nampak button new post kan ? click je ,then tengok gambar bawah nie :
TUTORIAL : Favicon
hye , so hary nie una nak buat tutorial favicon , tak tahu ape tuh favicon ? yeahh lihat gambar bawah nie ->
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
soo , dah tahu kan kat mana terletak nya favicon nie ? actually dia ada duat step tau . yang pertama mmg sng . First korunk kene pergi ke Dashboard > Page element , then ade nampak tak pic mcm kat bawah nie ?
nampak tak ade words favicon tuh ? okey korunk click saja nanty browse lah gambar favicon yg korunk nak tuh . ouhh , tak jadi eik buat mcm nie ? korunk ada lagy satu cara yang korunk boleh cuba kay :
First go to your Dashboard > Design > Edit HTML * tick expand widget then click ctrl + F search for this code --->
</head>then copy code dekat bawah dan paste kan dia sebelum code di atas :
<link href='FAVICON URL' rel='shortcut icon' type='image/gif'/>
tak faham ? code dia akan kelihatan sebegini :
nampak kan code yang di highlight biru tuh ? soo , korunk click preview dulu . kalau dah ade gambarnyer korunk save aje :) simple kann ? jadi nie ade una bagi icon yang una ambil dari Drikoti.net . Credit is given to her .
http://drikoti.net/Goodies/Favicons/Gifs/032.gif
http://drikoti.net/Goodies/Favicons/Gifs/061.gif
http://drikoti.net/Goodies/Favicons/Gifs/01.gif
http://drikoti.net/Goodies/Favicons/Gifs/08.gif
http://drikoti.net/Goodies/Favicons/Gifs/036.gif
ada banyak lagy :) korunk terjah je link drikoti.net tuh je kayy ?
FREEBIES : Background part-15 (own made)
so here is the freebies untuk korunk :) background bunga2 gitu , yang nie una buat sendiri using adobe cs5 :) soo , nie preview dia :
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
hope korunk sukaa background nie :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjws3Yp3KSreJvSHUgI-DulXbfXvhqaRQKXwpS3tncEtoWCNrHbD_f-aEvJTEcDOoXjn_lcMlwCaHXVYmim4jfwaJEQUYnzXn1IodAiWuy28wKu1kqtLXeRwKuip_LcsqoP94DaaNF3Uaf_/s1600/pinkflower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH1Z_kGFcihFmg-N0Z1IVY6Cks81_OPcl8CAa6LVBIAuJxlnRYYGag_LZBukraipdg-5-vuZigjQ1HitxtJiImBCxZywhm_XmmXdQl1k9NY8z4UHelKriTyb4pLLwd6pKP70Eio36gc8I1/s1600/greenflower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFs8Bsmmoq3r3FB9YXyikc5E1ob2dZvR8bOfreOYSmRgA6lYOnw-TeGAKONrwLfdpM9ZtiDV0PDLdre9kyz0Mh4fMrCl7PebwX6jLx4S0rf2RVGxzXPIVNbU-tiBzSvNHuc5wqIzqlCjrJ/s1600/greyflower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz68f0TW6KiXDw8RedqMmwWIOYYGxiy9oiYt7y30BybPL3VbWiwfzoxYlxDxqzgphvo-2w_U-Ic2K9gZ1LFI-CG-dXHbBmk4CkMS6jTxMlAtgqrSDLff7LYyqDtuuhEyGcOhRsinzTqa8y/s1600/orangeflower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEjsLRPnXAArmbUIJDPUqS2h7bLQ_c-M-kOxpyhDNiPoR77HDtmXeHV7Tc3r5ljDHnYQbRSsdxAzLPeLNGIs778LPxFeL2efBmVVKWN1tJkG5Wm33d7LVy25V_Wlk2HVYbt9CyF7ywmBq/s1600/purpledflower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwie40iayNw9GxAyrateD4_URbyoRP-a6sG8bNKqq_AQlJIdbwbC_Tn5VBmeFeOM4s6fEUajSFDrF1BXWBxTZbNHTZmpwdVamHrtRy-vJ8_G55CPBupGjmgSuDv2fWhMGSvBCuk7UqpaiB/s1600/purpleflower.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP7gRNuKE30a6YZBiX8wYeXfd0AJaqjL1rFQEMKD942GiLVw7BfXMIvyX5vL5UYIUZzaA8SNKasVWcp80lRPb5Ue4WqmE5brhUQ_T1Okm0dw_Af6LO_1gEqxWzxze9QXXlFSJjV2xfRhwZ/s1600/turqoiseflower.pngtak nampak sangat kan ? tapi tak pe nanty dah masuk dalam blog tengok hasil dia kay ? ouhh , sila jangan culik , nak re-freebies boleh . una tak kisah . una edit sndiri nie . so please comment if ambil okeyy ??
FREEBIES : Background For Cbox
soo , here una nak bagi freebies untuk korunk , sebelum nie una pernah buat tuto untuk shout mix & freebies background dia kan ? now una buat tuto untuk CBOX & nie dia punya freebiess .
contoh shoutbox korunk tuh :)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim-Z_Vc0QjJ1a0c6_UUsYkv5EsW-079wy4qa4_eGI-4n9DDtOnRZmo-0pwoFiryxDLUivbv-gC3bxesaIhk1dT6VBABEq_VhaQG_2u5oMbnowadouroWIYPW1CdHFKANJgnQNi-uNowSO8/s1600/birushout.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmoxlBxXeD8_fE3TJcJb7DQh05tO0pb_Oc567aa7Pwya0J4MObo_aOnMpcgzEdgJ6pNFsjx3ViGZl_4FDN_3BNoO_pfRdt_H9BLEFm6vsf8-k4ZBbClmk6Mz5657MYJm_zySDmfJhcEtAN/s1600/kelabushout.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjizsAMPFPMJsoQ_tbTyDB_Zz9ZT4Z1cZqKAJvR_xKarv3WkX9O9RSZqWir9Cd2fSy2E0dhX4NiyYU0A7FyFN-O8Ee8_4CMeczU0W5lJPlKSf2WbJy-WAu4yIudKWMJ0pStZ3pZ5o0EO2pI/s1600/pinkshout.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1G6EZwbzNqS89U5GKs1FzURIw2makQ-dcJSZAAioTyR3C5XWt16XKee4eu3jHemJLG_o2nWBvyzwziq-gQvbAFkQwBXaiW5ajC5nkp5mvdhYDjpzx_DVEEbR-xaYH3MTF-3Zm8mNyWaM/s1600/turqoiseshout.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVBENYRP7k8l1vJ24-CmSpV-t9u8fAFK0PCaB1oGQLKQVfMTG3WYqrAKU9MAxMKJig4hRNOQQBE3_V4qogguR5DPR3vuWC5-TIZHaSjl9fxM0MUIhQq7rhYuKXopUts8Ym4M0q1Plfjldl/s1600/ungushout.pngtapi kene adjust yg lain untuk height dan cbox nie . baca bawah nie -->
NOTA BIT BOTT :
HEIGHT CBOX : 100px WIDTH CBIX : 200px
use this code untuk masukkan cbox korunk : ikut je mcm tutorial INI.
<center><div id="edited" style="width:250px; height:250px; background:url(URL BACKGROUND CBOX) no-repeat left top; padding-top:65px; padding-left:0px; position:relative" align="center">
CODE CBOX KORUNK</div></center>
TUTORIAL : Sign up CBOX
Heyy , since ramai yang dah tahu kan for the next year shoutmix.com tahun depan sudah di kenekan bayran , dah tak free lagy , soo , actually banyak ruangan shout2 box nie , tapi kali nie una nak buat tuto how korunk nak sign up cbox mcm una punyer :) soo , let we start okey :
1.first pergi ke CBOX dulu lepas tuh sign up lah cbox korunk tuh .
2.then dah isi form tuh semua korunk pilih transparent mcm dlm gambar nie :
4.tick yg i have read.. then create shoutbox . now, dah masukkan ? korunk edit2 lah shout korunk sndiri , soo , here is fungsi segala button dalam cbox nie :
1.posting options
dalam nie korunk boleh adjust berapa patah perkataan yg dibenarkan untuk menaip , then ade lah yg lain tuh ,korunk baca lah kayy :) pandai2 adjust.
2.date options
nie tarikh yg korunk boleh adjust ikut kat mana korunk berada skrg , ye lah , kat malaysia buat lah jam dekat malaysia , hehe :D
3.smilies
dekat sini korunk boleh letak smilies , tak tahu mana nak dapat , sini una ade bagi cute smiley untuk korunk :) Smiley .
4.filtering
yg nie una tak tahu , mungkin tak payah usik kot , btw sape yg tahu comment aje lah kay ? tapi una mmg tak sntuh pun yang nie .
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
1.first pergi ke CBOX dulu lepas tuh sign up lah cbox korunk tuh .
2.then dah isi form tuh semua korunk pilih transparent mcm dlm gambar nie :
1.layout options
okey , dekat layout options nie korunk boleh adjust dia punyer height & juga width dia, mksudnya adjust kelebaran dan ketinggian cbox supaya senang masuk ke bahagian sidebar korunk tuh okey.
2.style presets
dalm style preset nie pulak korunk boleh pilih jenis shoutbox yg korunk nak , kalau una una pilih yg transparent punya . baru boleh jadi mcm una punya shoutbox tuh :) hehe :D
3.colours and font
dekat sini pulak boleh ubah dia punyer colour border , fonts & jenis font yg korunk nak guna untuk shoutbox tuh .
4.edit css
yg nie pulak if korunk rasa korunk pandai bermain code boleh lah tepek code ikut suka haty , kalau tak rety tak pe abaikan saja kayy ?
dalam nie korunk boleh adjust berapa patah perkataan yg dibenarkan untuk menaip , then ade lah yg lain tuh ,korunk baca lah kayy :) pandai2 adjust.
2.date options
nie tarikh yg korunk boleh adjust ikut kat mana korunk berada skrg , ye lah , kat malaysia buat lah jam dekat malaysia , hehe :D
3.smilies
dekat sini korunk boleh letak smilies , tak tahu mana nak dapat , sini una ade bagi cute smiley untuk korunk :) Smiley .
4.filtering
yg nie una tak tahu , mungkin tak payah usik kot , btw sape yg tahu comment aje lah kay ? tapi una mmg tak sntuh pun yang nie .
1.registered user
yg nie kalau korunk nak premium punyer boleh lah click kan tapi harus di bayar . maybe boleh abaikan saja :)
2.blocked user
dekat sini korunk boleh block orang yg mencemarkan cbox korunk , masukkan ip addres diorang then block saja :)
3.user integration
yg nie una tak berapa faham tapi tak pe pun if tak setting.biarkan saja .
dekat sini korunk boleh lock korunk punya cbox if tak nak sape2 shout dekat korunk soo , sape2 yg nak komen ke tak dapat lahh dia nak shout2 situ , if nak bgi org boleh shout smula korunk click lah unlock tuh okey :)
dekat sini pulak korunk boleh delete shout from anon or sesiapa lah yg korunk tak mahu ade dalam cbox korunk tuh okeyy ??
tak tahu how nak ambil code ?korunk nampak ade button publish tak dekat atas tuh ?? hahh , tekan situ and ambil lah code yg ade dekat bawah tuh . nie gambar nya :
ikut je number tuh kayy ? now dah copy semua paste kan ikut cara bawah nie
First go to your Dashboard > Design > Add Gadget > HTMLJavascript . then copy paste saja and now tekan button save , and dah siapp :) nak ade background mcm una ? yeahhh . click SINI .
btw , cuba baca nie & klik :
korunk nak phone takk ? klik sini .
korunk nak dapat kereta tak ? klik sini .
suke something mencabar ? klik sini.
MEKASIH SEMUA :)
CHURP CHURP : masukkan iklan churpchurp dalam blog :)
pada entry nie kan una dah ajar how nak DAFTAR CHURPCHURP nie, soo skrg una nak ajar masukkan iklan churpchurp dalam blog korunk pulak , masih tak daftar lagy ? meh click gambar bawah nie :
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
soo , jom kita mulakannn .
1. korunk bukak dulu website churpchurp.com then nampak kan dashboard korunk ? okey click situ .
2.dah bukak ke Dashboard korunk tengok ade iklan banyak-banyak kan ? mcm dalam gambar bawah nie :
3. click saje share this and tunggu lah dulu then korunk scroll ke bawah cari gambar mcm yang dekat bawah nie :
5. korunk click to copy then nanty dia ade keluar you have copied the url , hahhh . lepas tuh nak masukkan dalam blog kan ? nak ade gambar sekali korunk buat mcm nie :
First go to your Dashboard > Design > Add gadget *HTMLJavascript then korunk copy code bawah nie :
<a class="linkopacity" href="LINK IKLAN CHURPCHURP" target="_blank"><img src="URL IMAGE CHURPCHURP" width="80" height="80" />6.nie cara nak ambil code gambar tuh , pasty kan click right click okeyy ? :
7. now dia jadi lah mcm dekat gambar bawah nie :
try lah click gambar2 dekat atas :) hahh , terima kasih yerr ^^
BASIC : Fungsi-fungsi button dalam new post
soo , hary nie una nak buat tuto basic in blog , kali nie una nak cakap apa yang ada dalam New post korunk , newbies mesty lah tercengang-cengang kan tengok button-button dekat new post tuh , tah ape ke bnda nyer lah kann ? duk fikir itu ini hahh . soo , jom una kenalkan korunk apa dia lah maksud simbol2 dalam new post in blogger nie :
sebelum tuh dia actually ada 3 Style tau new post nie satu Update Editor , Old Editor Hide compose mode .so here is the preview its look like :
Update Editor :
Old Editor :
Hide Compose :
hahh , skrg korunk tahu lah mana satu jenis editor yang korunk gunakan , tapi una sarankan korunk guna updated editor tuh , sebab lagy senang dan mudah nak faham , soo , tak tahu mcm mana nak tkar ? ikut jer cara nie :
pergi dekat bahagian Setting > Basic > then scroll ke bawah sampai korunk jumpa sebijik macm dalam gambar nie :
korunk tick lah pada yang updated editor tuh and now korunk boleh save and now dah boleh pun update . so , sebelum update mesty lah nak kenal button2 dia kan ? so here it is :
1.Tittle 
yang first sekali korunk kene lah tulis tittle post korunk okey .
2.Button Compose & Edit HTML
button nie dia berfungsi mcm nie,tengok gambar okey :
Compose :
Bila entry berada dalam keadaan compose dia akan kelihatan macam gambar di atas okey ?
Edit HTML :
bila entry korunk berada dalam Edit HTML dia akan tunjuk kan all code dalam entry yang korunk taip tuh , automatik jugak korunk boleh dapat url gambar :) hahh , senang kan nak dapat url gambar ?
3. Button Undo Redo
okey , button nie bermaksud bila korunk taip-taip then tetibe terdelete pulak sdgkan korunk tak nak delte pun apa yg korunk tuliskan tuh kan ? soo ,korunk click saja button UNDO tuh , taraa jumpa dah apa yang korunk terdelete tadi , REDO pulak berfungsi untuk ke depan , contoh lah dah terdlete then korunk click REDO kan ? pastu korunk cakap tak nak lah , nak yang taip tadi lah , click lah REDO tuh sampai jumpa apa yang korunk taip tuh .
4. Button Type Font 
button nie korunk boleh pilih type font yang korunk nak guna , kalau korunk use yang default font tuh dia akan ikut font yang korunk tetap kan dalam bahagian Edit Html ataupun Template Designer . ade jugak font yang lain contoh dia ARIAL , COURIER & lainlain okey ? tapi una sarankan guna default font sebab akan nampak lebih kemas sebab dia akan mengikut font yang korunk edit dekat Edit Html & template Designer.
5.Button Size Font 
button size font nie terbahagi kepada 5 type ada smallest , small , normal , large & largest korunk boleh lah setting size font yang korunk nak guna kan okeyy ?
6.Button type Font
simbol B adalah simbol untuk bagi tulisan jadi tebal atau dalam BI di panggil BOLD , seterrusnya simbol I simbol nie di namakan ITALIC maksudnya tulisan menyenget ke tepi okey , seterusnya U , simbol nier bermaksud underline ,
nampak kan ade garisan bawah words tuh ? tuh lah contoh underline . then simbol ABC bermaksud STRIKETROUGH . yang mempunyai garisan di tengah2 perkataan .
nampak kan ade garisan bawah words tuh ? tuh lah contoh underline . then simbol 7.Button colour font 
button nie korunk boleh change colour font korunk mcm nie , SAYA CHOMEL :) dia ada bnyak pilihan colour yang korunk boleh pilih.
8.Button text background colour
yang nie pulak button nak bagi text korunk tuh ada background , contoh mcm nie SAYA CHOMEL :) sama jgak dia ada banyak colour yang korunk boleh guna okeyy ?
9.Button Link
button link nie digunakan untuk korunk letak kan link dekat words or gambar , contoh lah nak letak dekat link dia mcm nie , CLICK LAH SAYA , kalau gambar pulak dia mcm nie 
cuba lah korunk click words atau text tuh nanty dia akan keluar una punya url blog :) kann ? so ituh lah fungsi dia . mcm mana nak guna ? sng je , higlight kan saja dekat words or gambar tuh nanty dia akan pop out korunk satu kotak isi lah url sape dekat dalam kotak website tuh .
cuba lah korunk click words atau text tuh nanty dia akan keluar una punya url blog :) kann ? so ituh lah fungsi dia . mcm mana nak guna ? sng je , higlight kan saja dekat words or gambar tuh nanty dia akan pop out korunk satu kotak isi lah url sape dekat dalam kotak website tuh . 10.Button Insert Image
button nie berfungsi untuk korunk masuk kan gambar dalam entry korunk , click saje button tuh then nanty dia pop-out korunk satu box then ade button choose file , click tuh nanty pergi lah dekat folder yang ada dalam desktop folder laptop or pc korunk ke ?
11.Button insert video
button nie pulak korunk boleh guna untuk masukkan video dari desktop folder korunk .
12.button jump break
una tak berapa tahu tentang button jump break nie sebab una tak pernah guna soo , korunk boleh lah click LINK nie untuk ketahui lebih lanjut lagi tentang fungsi jumpbreak nie .
13.Button Alignment
button nie pulak untuk tentukan perengan korunk dea ada 4 bahagian iaitu Align center , Align right , Align , Align left & justify . so dekat bawah nie contoh-contoh kedudukan text korunk tuh bila guna fungsi nie :
Align Left
Yeahh , saya tahu awak sangat cantik dan handsome gitu :)
Align Center
Yeahh , saya tahu awak sangat cantik dan handsome gitu :)
Align Right
Yeahh , saya tahu awak sangat cantik dan handsome gitu :)
Justify
Yeahh , saya tahu awak sangat cantik dan handsome gitu :)
14.Button Numbered List & Bullet List
button nie guna dia mcm nie :
Numbered List
- satu
- dua
- tiga :)
Bullet List
- i
- love
- you :)
15.Button Blockquote
Blockquote nie pulak berfungsi mcm nie :
eik'eihh , awak comel .nampak kan , ada background cantik2 gitu , nak guna dia korunk perlu highlight words dia dan click button blockquote tuh , dah click tapi tak keluar pape ? thats mean korunk kene guna tutorial nie . BLOCKQUOTE.
16.Button Remove Formatting & check spelling
button remove formatting nie berfungsi untuk korunk reset semula apa yang dah korunk buat , ialah contoh korunk buat alignment text dia center kan ? then korunk highlight all the text then korunk click remove formatting automatik dia balik pada yang default punya . check spelling nie fungsi dia check lah spelling korunk tuh betul ke tak kan ? kot nak guna bahasa inggeris tapi spelling salah boleh lah guna button tuh .
soo , korunk dah mengenal button2 yang ada kan ? now boleh lah post entry :) click saja publish post and now entry korunk dah boleh di baca oleh semua orang :) wheee . btw kalau nak tanya tentang button2 lain sila tanya una yaa ? una balas secepat mungkin tapi if late balas maaf yaa ?