Hey guys . This is my original Blog . Thank you for visiting my Blog . I really appreciate it . Do follow my Blog if you have a blog too . Just press the button FOLLOW above . Thanks .

Thursday, 28 February 2013

Tutorial - Letak Background Pada Shoutbox


Selain frame, korang juga boleh letak background pada shoutbox. Baru nampak meriah sikit kan? ^_^ Jom follow tutorial ini step by step:

1) Sign in Blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi:

<center><div id="custombg" style="width:200px; height:300px; background:url(http://dl6.glitter-graphics.net/pub/3220/3220296jsbm3yjnbc.png) repeat; padding-top:0px; padding-left:0px; position:relative" align="center">

<iframe frameborder="0" title="shoutboxsaya" height="300" src="http://shout.busuk.org/?shoutboxsaya" id="r" style="filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60; display:block; " scrolling="auto" width="200">

</iframe></center></div>
Nota: 
200 & 300 - saiz width dan height shoutbox korang.

URL warna merah - url shoutbox korang. ( pada kod shoutbox korang, ambik dekat src='http://.....')

60 - nilai transperency shoutbox (ikut kesesuaian background yang korang pilih. jangan sampai tak nampak langsung tulisan shoutbox tu nanti ye ^_^)

URL warna biru - masukkan url background yang korang nak. search kat sini atau pilih jer background yang dah disediakan kat bawah.

http://dl7.glitter-graphics.net/pub/676/676657yhxq5o5bjd.gif

http://dl4.glitter-graphics.net/pub/2080/2080324f7c521qp7z.gif


http://dl4.glitter-graphics.net/pub/577/577814mxl3lzplgr.gif


http://dl9.glitter-graphics.net/pub/1297/1297689x033a3xbsj.jpg

http://dl8.glitter-graphics.net/pub/2168/2168288zbnox1h1uo.gif


http://dl10.glitter-graphics.net/pub/1877/1877570beu28immp9.jpg

http://dl4.glitter-graphics.net/pub/3039/3039724iqnri5mycx.png



http://dl6.glitter-graphics.net/pub/3220/3220296jsbm3yjnbc.png

Tutorial - Letak Frame Pada Shoutbox


Tuto kali ni akan menunjukkan cara macam mana nak cantikkan shoutbox korang. Untuk nampak lebih menarik dan comel, pada kotak chat korang boleh tambah frame, macam preview kat atas. Jom follow step by step. Caranya:
1) Sign in Blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi.

<center><div id="edited" style="width:200px; height:370px; background:url(URL IMAGE FRAME) no-repeat left top; padding-top:93px; padding-left:0px; position:relative" align="center">KOD SHOUTBOX</div></center>

Nota:
URL IMAGE FRAME - masukkan url image frame yang korang suka. Korang boleh create sendiri atau just pilih frame yang dah disediakan di bawah.
KOD SHOUTBOX - masukkan kod shoutbox korang.


Contoh:

<center><div id="edited" style="width:200px; height:370px; background:url(http://img535.imageshack.us/img535/2325/frame6p.png) no-repeat left top; padding-top:93px; padding-left:0px; position:relative" align="center">SHOUT BUSUK : Start !--><iframe src="http://shout.busuk.org/?xxxx" width="180" height="255" frameborder="0" scrolling="auto"><a href="http://shout.busuk.org/?xxxx=viewfull">View shoutbox</a></iframe>
<!-- SHOUT BUSUK : End !-->
</div></center>

Freebies time.. frame untuk shoutbox. Just copy url yang disediakan:
P/s : kalau korang nak guna image frame ni, ukuran shoutbox korang mestilah 180x255 ( width: 180px, height:255)


http://img827.imageshack.us/img827/5499/framefibox1.png



http://img825.imageshack.us/img825/6149/framefibox2.png


http://img696.imageshack.us/img696/1825/framefibox3.png


http://img838.imageshack.us/img838/9023/framefibox4.png



http://img856.imageshack.us/img856/9573/framefibox5.png

4) Lastly, klik save dan lihat hasilnya.



Selamat Mencuba Semua! :)

Sunday, 10 February 2013

Tutorial - Letak Widget Kalender Islam

Assalammualaikumm semua ,,
Waaa ,, lamenyee I takk update Tutorial nieyy .. heee ..
Okeyy3 , tanpa melenggahkan mase , disini adee tuto baru yangg I nakk share kann padee you all semua ...
Kalender Islam di blog korangg .. 
Jumm, tuturi Tutorial kali nieyy ..


Macam biasee , kalau nakk add Widget kat blog korangg kenelahh ,

1. Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript

2. Korangg choose widget yangg korangg sukee and Ctrl+c untuk Copy code dia .. 

3. Then, Paste kann padee HTML/JavaScript korangg tadi .

4. Tekan Save , siap !

Kaki Nota Fafaw :
Kalau korangg malas sangat nakk cari code , korangg boleyy just amekk kat bawah nieyy . I dahh sediakan beberapee jenis widget . Ikot korangg laa nakk yangg manee .. Tiada paksaan . Tapi , sebelum tu , bagitahu I dulu sebelum korangg nakk amek code dia tau , Takk baikk menCURI ! :) 
Selamat Mencuba !



 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Friday, 8 February 2013

Saguhati Sempena Minggu Etika Pemakaian



Believe it or not guys ? I dapat chocolate cadbury and button KPTM :D hehe .. tu laa .. Rugi tau sapee yangg takk datangg kolej time nieyy .. Hehe .. Best gilee ... Korangg adee kee ? hee ... Camnii citee diaa .. First , kiteorangg nakk ke Lobby tukk kuaa jap , nakk cucukk duit kat BSN . Then adee lecturer tu panggil . Hairan gakk asal dorangg nakk panggil kann .. Ingatkan nakk tegorr takk pakai ID kad atau apee kann , sekali , dorangg bagi I chocolate Cadbury n button , I was like .... wahhhh ! bestnyee .. heeee .. Thanks ~ Terharu .. wekk ! :) ewmm , Last year time sem 1 penaa dapat gakk , tapi time tu kat tempat lain , kiteorangg dapat chocolate time arah ke bangunan GMI .. Perghhh ! Time tu lagii terkejut . Doranggg bagii jee chocolate tu , terus mintakk nakk amekk gambar kiteorangg .. hahaha .. memangg terkejut gileee kami .. Terasee diri glamor pulee .. huhu :D Ewmm ,, tu jee punn nakk story . Takk dee laa panjangg panjangg kann .. bosann pulakk nakk bacaa nanti .. hee ..  okey okeyy okeyy .. Rasenyee smpaii disini jee kot .. Got to go ... Nakk menikmati Chocolate cadbury nieyy ,, nyumm nyumm ... Jemput makan semua ! :)

Monday, 28 January 2013

Busy .. Busy .. Busy .. !




Heyy guys ! Ohh wow !! Lamenyee I takk update Blog nieyy .. Maklum lerr , busy benooo semenjakk start kelas nieyy kann .. Kerja rumahh itu lahh , ini lahh .. Dahh lahh subject kali nieyy banyakk membace .. I memangg kene struggle sikit kat sem 2 nieyy .. By the way , all of lecturer yangg ajar I this time , I terima . What I mean is , I faham laa apee yangg diajar tu.. Regarding cara dorang terangkan satu per satu . I takk kesahh punn I masukk kelas yangg manee atas ke bawah ke kann .. At least , I dapat study ngan tenang and I faham apee yangg diajar tu . I takk boleyy laa nakk bersifat snobbish kann .. I punn takk de laa pandai manee .. Huhuhu .. Bukan nakk merendah diri , but its the truth . To be honest , for this sem , I banyak focus padee lect and the subject . Even my friend nakk bercakap kat I pun , I say stop ! sebab I nakk focus . Hehe .. Bukan I takk nakk dengar , but Ihave to be Focus ! Thats it .. Time lect bagi break tu , nakk cakap , cakap laa puas-puas . Just don't distract me during I was pay-attention to the lecturer okeyy ? Kannn dahh ber-Spekangg . Heee .. In every subject during in the class , I always duduk depan sekali , depan lecturer ! Lagi senang I nakk faham and pay-attention kann .. ? In fact , I also banyak bertanyee soalan padee lect tu if I takk faham . Banyak kebaikkan sebenarnyee if kitee duduk depan nieyy , takk rugi punn . Takk dee laa rasee mengantukk . That's what I'm doing and I hope , I did a right decision (: Ohh yaa ! I punn dahh buadd counting cgpa pointer for this sem . Hehe .. I dahh target apee yangg I nakk and I'll make sure that I will get 'Dekan' ! InsyaAllah .. Huhu .. Semangat sangat I nieyy .. Semoga apee yangg I usahakan kali nieyy , dapat membari hasil padee pointer this sem berbanding sem 1 . Hopefully increase . I will proof it ! Amin ~

Tutorial - Tukar Favicon Di Blog

Heyy you all !
Nakk change Favicon korangg kee ?
Hehe .. Apee ? Takk tahu Favicon tu apee ?
Lol ... Bende nieyy famous ohh .. Semua orangg cari .. 
Isshhh2 .. Haha ... Kalau takk faham ,
Okeyy , Cubee tengokk kat bawah nieyy ..
Sebelum :


Selepas :


Haaa .. Dahh faham lumm ..? Maksudnyee , tukarr Icon yangg kat Tab korangg tu .. Hehe .. Nakk cubee ? Jumm2 ...

1. Dashboard >> Design >> Edit HTML >> Tick  "Expand Widget Templates"




2. Ctrl + F (tekan serentak pada keyboard), dan cari code ,

</head>

3.  Kemudian Copy dan Paste kan code di bawah sebelum code yang korangg cari tadi

<link href='URL gambar' rel='shortcut icon' type='image/x icon'/>

<link href='URL gambar' rel='icon' type='image/x-icon'/>

#Note Here Sayang !
URL gambar, masukkan URL gambar favicon yang korangg nak.


Nanti akan jadi macam ni:

<link href='"http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif' rel='shortcut icon' type='image/x icon'/>

<link href='"http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif' rel='icon' type='image/x-icon'/>

</head>

4. Dahh sudahh korangg punyee HTML tu sebijikk jadi macam kat atas nieyy , korangg  Klik Preview, bilee dahh takk de ERROR, baru laa korangg klik Save !


Kat bawah nieyy banyak favicon yang korangg boleh pilih. Just copy url dan gantikan dalam kod tadi. Atau , korangg boleyy cari favicon yangg lain >> KLIK SINI


http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic019demoji_17714269decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_16065616decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_15496649decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic014demoji_13103031decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic014demoji_10943454decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic000demoji_9266200decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic010demoji_15039051decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic008demoji_15451849decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic005demoji_339787decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic006demoji_15145136decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic004demoji_13231641decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic013demoji_14134309decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic015demoji_655215decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic017demoji_14065503decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic000demoji_8518140decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic014demoji_14457613decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic009demoji_14896021decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic018demoji_15807271decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic014demoji_14485061decoojp.gif

  http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic008demoji_15701325decoojp.gif
http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif

http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif

http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif

http://dl8.glitter-graphics.net/pub/434/434518xlbzh5vtds.gif

http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif

http://dl3.glitter-graphics.net/pub/1040/1040193nacd9v14uy.gif