Shadow Drop Hover Menu



Assalamualaikum awak awak awak. Rindu gila dengan blog. Terima kasih kerana sudi menjenguk!
Yura dah pun follow mereka yg follow Yura. Terima kasih sbb percaya kan Yura.

Ok, tangan ni asyik nak buat tuto sahaja. Ok jom buat sesama.
Just look at the menu below and try to hover it. Awesome right ?

Home About Tutorial Freebies Contact


  • Dashboard > Layout > Add a Gadget > HTML/Javascript 
  • Copy semua code di bawah dan paste kan ke dalam kotak HTML tersebut
<style>
@font-face{
font-family:candy;
src:url(http://static.tumblr.com/dep4vzc/f51mnejqs/candcu__.ttf);}
.menu {background:#FCDCE7;color:#94E1FF;padding:4px; font-family: candy;font-size:18px;-webkit-transition-duration:.80s;text-transform:uppercase;}
.menu:hover {box-shadow:inset 0 30px 0px #FCEDF2;color:#FF3377;text-shadow:0px 2px 0px #eee;border-bottom:25px double #FCDCE7;}
</style><center>
<a class="menu" href="LINK MENU">Home</a>
<a class="menu" href="LINK MENU"">About</a>
<a class="menu" href="LINK MENU"">Tutorial</a>
<a class="menu" href="LINK MENU">Freebies</a>
<a class="menu" href="LINK MENU">Contact</a></center>


  • Tukar kan code color kalau anda mahu. Dan boleh ambil code kat sini.
  • Lepas tu Save.
  • Digalakkan letak bawah header code ni untuk paparan yg lebih mantop ! :)

Bai Bai Sayang.


Assalamualaikum, hai bunyi entry ni meme sungguh menggelikan.
Haha ya . Saya juga merasakannya.

Ok ,hai semua . Apa khabar? Well, Yura sebenarnya tengah sedih sangat sebab zaman kegemilangan lepasan SPM bakal tamat tak lama lagi.

I am so so so sad.
Yg lebih sedih , sbb dah tak dpt duduk rumah lagi.
Selama 17 tahun tak pernah dudok asrama. Tup2 ,taon ni masuk.
Ohhh! Yura pasti akan menghidap penyakit homesick tahap kritikal.

Jadi adakah blog ni akan terbiar?
Ish, no no no. Tak mungkin Yura biarkan.
Yura akan update time cuti nanti.
Jadi , kalau ade sesiapa yg ingin menuntut sesuatu seperti "FOLLOW ME BACK!"
Jangan risau, awak perlu tinggal aje link awak dekat cbox or comment entry ni.

Tutorial akan di-update.
Maybe, Yura akan tukar template tak lama lagi.
Maybe la...


 *Haha expression muka da mcm Nasir Bilal Khan *


I will miss my blog and dearest follower >.<

Akhir kata, bai bai sayang ~

Saya nak Blogger Card Running Man | Song Ji Hyo


Siapa minat RM, muh la join ^^ Klik banner tu.

Cute Ball Menu Hover ( With Text Effect )



Assalamualaikum semua.
Dah lama Yura tak buat tuto.
Jadi hari ni rajin pulak nak buat.
Ok contoh tuto boleh tngok kat bawah ni dan sila hover sekali utk tengok effect dia.




Ok kalau awak berminat jom la buat sama2.


  • Dashboard > Layout > Add a Gadget > HTML/Javascipt
  • Copy semua code di bawah and pastekan ke dalam kotak HTML tu ye
<style>
#ballmenu a {DISPLAY:BLOCK;background: url(http://media.tumblr.com/tumblr_ma21ovGjJ61qcsxci.png);COLOR:#FFF;TEXT-DECORATION:NONE;TEXT-TRANSFORM:LOWERCASE;FONT-FAMILY:VERDANA;FONT-SIZE:9PX;WIDTH:50PX;HEIGHT:50PX;BORDER-RADIUS:200PX;TEXT-ALIGN:CENTER;LINE-HEIGHT:50PX;-WEBKIT-TRANSITION-DURATION:1.0S;}
#ballmenu a:hover{-WEBKIT-TRANSFORM: ROTATE(360DEG);TEXT-SHADOW:2PX 4PX 2PX #FFF;TEXT-SHADOW:2PX 5PX 0PX #F7904F, 2PX -5PX 0PX#F7904F,8PX 2PX 0PX #EEE,-8PX -2PX 0PX #F7904F;}
</style>
<div style="position: fixed; left: 20px; top: 100px;">
<center>
<div id="ballmenu">
<a href="Menu">LINK</a>
<a href="Menu">LINK</a>
<a href="Menu">LINK</a>
<a href="Menu">LINK</a>
<a href="Menu">LINK</a>
<a href="Menu">LINK</a>
<a href="Menu">LINK</a>
</div>
</center></div>

  • Lepas tu awak ubah la yg mana patut.
  • Warna purple : Gambar background
  • Warna hijau : Warna text
  • Warna Biru : Warna lepas hover
  • Warna Merah : Semakin banyak nilai, semakin ke bawah button
  • Warna Oren    : Semakin banyak nilai ,semakin ke kanan button.
  • Lepas tu awak save la. Harap2 jadi la ..>.<
Kalau ade yg nak effect text sahaja, boleh cuba tuto sini.
Kalau nak gmbr background, boleh ke sini.

Segment Follow Mollow Dan Menang


Picit banner kalau nak join 

Jumlah follower : 920

SEGMEN SUPER FOLLOW BY HOT MASA KINI


Jom join super follow ni. Tekan banner ye.

11 Things About Me



Hai semua, assalamualaikum 
 Wah dah berapa hari tak update tuto. Sibuk sangat dengan UPU dan sebagainya.

Ok  entry kali ni, dia mcm satu game tau. Yura tak tau la ada hadiah atau tak, tapi Yura di-tag oleh Adik Arisha ni. Ok, tanpa buang masa . Mari kita mulakan game ni !

Few Rules To Be Followed :

  • Post This Rules 
  • Write 11 Things About Yourself
  • Answer the question the tagger set to you
  • Create 11 new question for those you want to tag
  • Choose 11 bloggers to be tagged and link them to the post
  • You not allowed to tag back .
11 Things About Myself

  • Seorang otaku atau peminat tegar anime
  • Seorang yang sangat sensitif . Senang menangis
  • Suka makan ,blogging dan tidur.
  • Tak suka taugeh.
  • Suka Naruto sangat-sangat!
  • Pandai buat popcorn sendiri.
  • Suka mencuba sesuatu yang baru
  • Tak pandai berenang
  • Dapat lesan P , tapi sampai sekarang tak pernah bawak kereta
  • Suka waktu hujan gerimis, hati ku tenang sekali
  • Tak pernah pergi kem. Hoho.
Ni Soalan daripada Adik Arisha :

Apa hobi Yura ?

Ok sejak dah tak sekolah ni, Yura suka sangat buat kek, dessert dan menda merapu di dapur. And rancangan 'Happy Together' yang korea tu. Ha, Yura mmg tengok cite tu sbb nak resepi dia yg mudah sangat tu.



Pernah tak bercinta ?

Haha suka sangat soalan ni. Ok, Yura tak pernah bercinta sejak dilahirkan. Kesian tak. Nak bercinta apanya, sbb asyik bercinta dengan anime aje. Buat masa ni, tak de sapa lagi yg ckp 'saya nak bercinta dengan awak. Boleh tak ?'. Kalau ada pun, ianya hanya dalam mimpi.



Pernah tak sakitkan hati kawan ?

Sakitkan hati tak pernah la. Tapi tersakitkan itu pernah. Biasanya , kalau nak menyakitkan hati ni , mmg selalu buat kat adik la. XD



Pernah bergaduh kat sekolah tak?

Oh, pernah. Tp takla sampai libatkan cikgu disiplin. Gaduh budak2. Pasal, markah dia lebih. Haha.. itu pun nak gaduh .



Pernah buat sesuatu benda yang memalukan diri sendiri?

Hmm.. pernah. Time tu chat kat fb. Yura mmg add budak2 luar negara yg otaku ni. Sampai la suatu hari , Yura nak chat ngan sorang akak ni. Yura panggil dia senpai sbb dia mmg pandai bahasa Jepun.Nama fb dia mmg suka tukar2.  Kita pun chat lah :

'Assalamualaikum , senpai . Apa khabr?'

'Hello ..'

'Dah lama kita tak msg kat phone kan ?'

' sorry but i dont undertand ur language'

'haha, ceh ceh senpai. Mentang2 pandai ckp Jepun. Bahasa Melayu pun tak paham ?'

And tetiba keluar lagi satu chat box akak tu.

' Hai Yura tengah buat apa tu ?'

And i was like.. haha... mintak maaf cepat2 kat orang tu. Dia gelak aje , bila kita bagi tau kat dia tadi  yg Yura tersalah orang.



Pernah tak buat mak Yura sakit hati ?

Pernah. Time Yura buat kerja mcm nak tak nak aje. So , mak Yura akan sakit hati secara automatiknya .


Awak ni seorang yang sangat berjimat cermat ke?

Yup. Saya tak suka membazir duit. Kalau beli sesuatu, make sure ada baki lebih banyak dari yg di beli.
Tapi Yura tak kedekut. Sangat mudah kesian kan kawan. Kalau dia x makan , mst Yura kasi diaa sikit. Beruntnglh dpt kawan mcm den ni.



Suka bergaya atu tidak?

Suka tapi tak pandai bergaya. Suka make up 2 ni , tapi tak reti make up ponn.



Yura suka tengok cerita apa?

Yura sejak kebelakangan ni , suka tengok cerita drama korea. Tp yg kelakar2 la. Yang cintan cintun  tu tak berapa layan sangat. 



Benda apa yang paling Yura suka ?

Suka gadget sangat2. Yura memang hantu gadget, walaupun gadget ku sikit aje sbb kekurangan budget.



Perkara apa yang sampai sekarang tak boleh lupa?

Ohh, Yura menang giveway Abg Feroz untuk pertama kalinya. Seghoonok sangat2. Dan yg plg seghonok ,pihak sponsor hanta sampai 2 kali sbb ingat hadiah pertama tu tak sampai lagi. Tp pihak sponsor tu baik, dia kata tak pe, dah rezeki Yura. ^^


Soalan daripada Yura :

  1. Andai Rasulullah s.a.w ada di hadapan awak ,apa yang awak nak kata kepada baginda?
  2. Apa anime atau karton pertama awak semasa kecil ?
  3. Suka makan belacan tak ?
  4. Apa tragedi yang berlaku ke atas diri awak yg sampai sekarang awak tak boleh lupa kannya?
  5. Awak paling geli dengan apa?
  6. Awak ada tak menghidap sebarang penyakit ?
  7. Awak rasa apa kelebihan yang selalu ada pada orang gemuk ?
  8. Awak rasa Malaysia sepatutnya contohi negara apa ?
  9. Apa keburukan k-pop ?
  10. Pernah tak sakit hati dengan seorang blogger ?
  11. Suka berangan dalam bilik air tak?

Ok , soalan di ditujukan khas untuk : 


Kalau awak nak jwab soalan ni sngt2, tolong bagi tau ye. Nnt saya tag utk awak .

Segmen : Saya Nak Tambah Followers

klik banner untuk join
Bismillah..
sebenanrnya,dah lama tidak membuat segmen memandangkan segmen sebelum ini agak kurang mendapat sambutan.Namun aku harap kali ini dapat sambutan dan supporters dari rakan-rakan semua!
SEGMEN :SAYA NAK TAMBAH FOLLOWERS
Tujuannya:adalah untuk menambahkan bilangan followers(rakan2 )dan meningkatkan traffic blog:)
untuk yang ingin join :
  1. follow blog JIAKREATIFELT ok
  2. add aku di google +
  3. Buat tajuk entry : SEGMEN :SAYA NAK TAMBAH FOLLOWERS
  4. Tinggalkan link entry korang di kotak komen aku

TARIKH TAMAT PADA 31 MEI 2013
JOM JOIN SEMUA~!...^_______^


Japanese Emoticon (s)


Assalamualaikum, eh hari ni Hari Guru kan. Wah seghonok la cikgu2 kita hari ni.
Ok ok. Hari ni Yura nak share japanese emoticon .

Ada mcm emoticon mengikut emo masing2.
Ok jom tengok ^^

Angry

(*≧m≦*) (,,#゚Д゚) ヽ(o`皿′o)ノ ヽ(≧Д≦)ノ (>д<) (;≧皿≦) [○・`Д´・○] 

ヽ(#`Д´)ノ Σ(-`Д´-ノ;)ノ (/゚Д゚)/ (¬д¬。) ヽ(#`Д´)ノ (¬、¬) (;¬_¬) (;¬_¬) 

(;¬д¬) (≧σ≦) o(-`д´- 。)  

 ヽ(●-`Д´-)ノ (* ̄m ̄) (´Д`) (; ̄Д ̄) 

(¬_¬)ノ (#`д´)ノ (」゜ロ゜)」 Σ(▼□▼メ) 

 (┳◇┳)  \(@O@)/ (≧▼≦;) \(〇O〇)/ s(・`ヘ´・;)ゞ (▼へ▼メ)

 \(`O´θ/ θ\(;¬_¬) ヽ(`⌒´メ)ノ\(`0´)

щ(ಠ益ಠщ) (ノಠ益ಠ)ノ щ(ಥДಥщ)

 o(≧o≦)o (⋋▂⋌) (◣_◢) ᕙ(⇀‸↼‶)ᕗ ᕦ(ò_óˇ)ᕤ

 ( ಠ ಠ ) (¬▂¬) (¬_¬) ಥ⌣ಥ ಠ_ಠ




Apologizing

 m(_ _)m m(._.)m m(._.)m (ノ´д`)

 (シ_ _)シ o;(_ _)o; <(。_。)> m(¬0¬)m



Bear

 ( ̄(エ) ̄) (。・ω・。) (●`・(エ)・´●) (*ノ・ω・) 川´・ω・`川

 ( (ミ´ω`ミ)) ヾ(T(エ)Tヽ) \(・`(ェ)・)/ 

⊂(ο・㉨・ο)⊃ (^(エ)^) (^(I)^) ( ̄(エ) ̄)ノ 

⊂( ̄(工) ̄)⊃ ⊂(^(工)^)⊃ ⊂(・(ェ)・)⊃ 

(* ̄(エ) ̄*) ヾ(´(エ)`ノ゙ (/(エ)\) ⊂( ̄(エ) ̄)⊃ “(`(エ)´)ノ (`(エ)´)ノ 

(ó㉨ò) (♥ó㉨ò)ノ♡ (/-(エ)-\) (´(エ)`) 

ヽ( ̄(エ) ̄)ノ (/ ̄(エ) ̄)/ ⊂(◎(工)◎)⊃ (● ̄(エ) ̄●) 

《/( ̄(エ) ̄)ゞ》 (✪㉨✪) Ψ( ̄(エ) ̄)Ψ ┏((= ̄(エ) ̄=))┛ ・㉨・




Cat

 (=^・ェ・^=) (=^‥^=) (=^・^=) V(=^・ω・^=)v

 (=`ω´=) o(^・x・^)o \(=^‥^)/’`

 ( =①ω①=) d(=^・ω・^=)b (=TェT=) (=;ェ;=) 

ヽ(=^・ω・^=)丿 (=^・ω・^)y= (^-人-^) ヽ(^‥^=ゞ)

 (^・ω・^ ) (=^-ω-^=) b(=^‥^=)o (.=^・ェ・^=) (=´∇`=)

 ヾ(=゚・゚=)ノ ~(=^‥^)ノ ~(=^‥^)/ (=xェx=) 

(=;ェ;=) (=`ェ´=) (^・o・^)ノ” (^._.^)ノ └(=^‥^=)┐

 =’①。①’= o;(*ΦωΦ*)



Confused

(´・_・`) (◎_◎;) (`_´)ゞ (◎-◎;) (・_・ヾ 

( ̄(エ) ̄)ゞ (-_-)ゞ゛ (‘◇’)? ヽ(゜Q。)ノ? (´`;) ?

 【・ヘ・?】 【・_・?】 ( ・◇・) (゜-゜) ( ?´_ゝ`) o(´^`)o (´−`) ンー (•ิ_•ิ)? 

 〈(゜。゜) (゜。゜) く(^_・)ゝ (^~^;)ゞ ٩(๏̯͡๏)۶ ٩(̾●̮̮̃̾•̃̾)۶ (⊙_◎) ಠ_ರೃ



Sad/Crying

 (T_T) ( TДT) (ToT) (T▽T) (‘A`) (;_・)(T_T) ((T.T; )

(┳Д┳) (´;д;`) (*´;ェ;`*) 。。 (。┰ω┰。) 

(゜´Д`゜) (iДi) (´;ω;`) 。゚

(゚ノД`゚)゚。 ヽ(´□`。)ノ (゚´Д`゚)゚ 

{{p´Д`q}} ヽ(●゚´Д`゚●)ノ゚ ( p_q) .・゜゜・(/。\)・゜゜・. (个_个) 

((´д`)) ( ≧Д≦) 。゜(`Д´)゜。 (。┰ω┰。) 

゜ ((o(;△;)o)) (; ̄д ̄) (ㄒoㄒ) 

⊙︿⊙ o(╥﹏╥)o o(;△;)o (;*△*;) 



Scared:

(ノдヽ) ヽ(゚Д゚)ノ (/。\) (/_\) (/.\)



Embarrassed 

(^_^;) (^^ゞ (^^;) (#^.^#) (‘-’*) (*^^*) 

(@´_`@) (⌒_⌒;) (#`ε´#ゞ (*/∇\*)

 (〃 ̄ω ̄〃ゞ (*´ェ`*) (*´∀`*) (*´_ゝ`) 

(*´∀`*) (/ω\) (*ノ▽ノ) (*ノωノ) (/。\) (。-_-。)

 (#/。\#) (╯_╰) (╯ಊ╰)


Ok cukupah sampai sini dulu. Hope awak suka ^^

Heart Box Menu



Assalamualaikum.
Hari ni tuto menu pulak.
Cuba tengok di bawah. Ianya lebih cantik jika letak bawah header.
  • Dashboard > Layout > Add a Gadget > HTML/Javascript *Di sarankan letak bawah header *
  • Ambil semua code di bawah.
<style>
.pourtagshs a{margin-left: 35px; margin-bottom:15px; margin-top: 10px; margin-right: 1px; border-radius: 15px; width: auto; padding: 20px; font-family: 'Source Sans Pro', sans-serif; display: inline-block; background: #f5f2ed; box-shadow:0px 2px 0px #dfb0b0;}
.pourtagshs{text-shadow:1px 1px 0px #fff;}
pourtagshs{color:#e6bfbf;}

</style>
<center><div class="pourtagshs">
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Home</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ About</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Tutorial</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥Freebies</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Contact</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Blogshop</pourtagshs></a>
</div></center>
  • Purple : Warna background / shadow/ tulisan
  • Hijau : Link 
  • Oren : Nama menu tab dan boleh tukar symbol kepada yg lain.
  • Lepas tu save. Do leave a comment after use my code ^^

Hidden Something Hover


Bodyguard

Assalamualaikum, ok tuto kali ni mmg Yura tak tau nak namakan apa.
So, mcm mana rupanya.

 Boleh tengok belah kanan blog.
Cuba hover kan

Itu lah contoh tuto kali ini.

Dekat dalam tu , awak boleh letak apa2 . Contohnya sidebar, ads, cbox, status ,credit dan sebagainya.
Selalunya, tuto ni hanya ada utk blogskin. Tp takpe tuto ni khas utk blogger template.
Here we go !

  • Dashboard > Layout > Add a Gadget > HTML/Javascript
  • Copy la semuanya dan masukkan kat dlm kotak HTML tu
<style> @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');} .parceiros{ width:250px; top: 70px; text-align:center; position:fixed;background-color:transparent;right:-214px;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;min-height:100px;} .parceiros:hover{right:1px;} .titulo{-webkit-transform: rotate(-90deg);position:fixed;margin-left:-30px;font-size:18px;color: #fa79b9;font-family:tinytots;margin-top:35px;text-align:left;background-color:#fff;opacity:0.6;height:40px;} .fotos{width:220px;text-align:center;margin-left:40px;margin-top:10px;} .fotos img {width:30px;border-radius:360px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;} .fotos img:hover{-webkit-transform: rotate(-360deg);} </style> <br /> <div class="parceiros"> <div class="titulo"> Bodyguard </div> <div class="fotos"> <a href="LINK"><img src="http://24.media.tumblr.com/avatar_a86c92b00d51_48.png" title="name" /></a> <a href="LINK"><img src="http://24.media.tumblr.com/avatar_7fd82f569f4e_48.png" title="name" /></a> <a href="LINK"><img src="http://25.media.tumblr.com/avatar_fb4bd825e67b_48.png" title="name" /></a> <a href="LINK"><img src="http://25.media.tumblr.com/avatar_960886cb0fd6_48.png" title="name" /></a> <a href="LINK"><img src="http://24.media.tumblr.com/avatar_444426db2f37_48.png" title="name" /></a> <a href="LINK"><img src="http://24.media.tumblr.com/avatar_fb4fe6f3e7e6_48.png" title="name" /></a> <a href="LINK"><img src="http://25.media.tumblr.com/avatar_34b636284287_48.png" title="name" /></a> <a href="LINK"><img src="http://25.media.tumblr.com/avatar_cdccd7210901_48.png" title="name" /></a> </div> </div>

  • Jangan lupa utk tukar kan url gambar dan letakkan link. Juga nama utk gambar tu.
  • Hijau : Warna tulisan
  • Oren : Warna background
  • Merah : Kedudukan kotak tersebut. Semakin besar nilai nombor, semakin ke bawah
  • Ok siap . Lepas tu Save !

Social Network Icon : Denim Pocket

Assalamualaikum, hari ni Yura nak share. Social network icon yg sangat awesome. 
Nampak real kan. Ok ,cara nak ambil :

Right click on image yg awak nak > Copy image URL

Cara nak letak dalam blog kat sini.










Kalau ambil jangan lupa komen ye ^^

Segmen Follow April hingga Disember 2013


Assalamualaikum, jom join segmen ni. Saje nak up kan bilangan follower.
Lagipun lama lagi segmen ni berlangsung. Rugi tak join ^^

Jadi klik banner untuk join ye.

Bird Flying In Blog

Assalamualaikum dan tanpa membuang masa jom kita buat tuto.
Yura tak dpt nak buat preview. Apa kata anda cuba aje. Lihat sendiri. Jadi tak.

  • Dashboard > Layout > Add a Gadget > HTML/Javascript
  • Copy code di bawah dan pastekan ke dlm HTML/Javascript box.
<div style=' position:absolute; top:0px; left:0px; width:200px;'>
<img src="http://25.media.tumblr.com/tumblr_lrqwzoRMZj1qgnjgmo2_250.gif " title=" " width=" 200px " /></div>

  • Anda boleh ubah :   
  • Hijau   : Kalau anda nak button like itu bergerak sekali semasa scroll down ,tukarkan kepada absolute kepada fixed

    Merah : Semakin banyak nilai, semakin ke bawah button

    Oren    : Semakin banyak nilai ,semakin ke kanan button.

  • Lepas tu Save. Jadi ke?

Social Network Icon : Woody Sticker


Assalamualaikum, seperti yang Yura janji di twitter semalam. Terima kasih sebab menunggu. 
Ade ke yg menunggu?. Haha ok,prasan. Sepatutnya freebies bukan tuto. Maaflah.

Kalau nak ambil :

Right click pada icon yang anda mahu > Copy image URL

Macam mana nak guna? Boleh la rujuk kat sini.  
Kalau ambil janganlah lupa komen (^_^)/
No need credit. Ikhlas~
















Segmen +Follower by Huda


Klik awesome banner di atas kalau nak tambah follower :D

Syarat yang sangat mudah. Semudah 1 2 3.

Oh Laptop ~


Assalamualaikum semua. Salam Jumaat. Dah 2 hari Yura tak update tuto. Well, sebenarnya mmg banyak yg Yura nak kongsi, tp masalahnya adalah laptop.

Kalau internet yg slow takpe, tapi kalau laptop yg slow , memang Yura risau. Maksdnya ada something wrong yg tak kena ngan laptop. Yura pakai laptop ni baru 2 bulan lepas beli hari tu.

Yura cepat2 mintak tolong abang. Abg cakap mungkin laptop Yura dah kena virus. Oh, sangat la pelik. Yura tak sangka pulak. Yura mmg jarang la download2 ni . 

Nak ceritanya ,maybe laptop ini akan di bawa ke hospital untuk diformatkan semua memory nya. Ada sesuatu yg dirisaukan iaitu Photoshop. Banyak dah style yg Yura dah save dlm tu. Lagi satu Yura ,jadi sponsor untuk giveway ini. So , Yura harap sempatlah nak betulkan semuanya.

Baiklah, Yura sebenarnya update entry guna laptop adik. Hihi, dia tengah sekolah sekarang. Apalagi Yura rembat la. Thanks ye dik. I lap u so much! Kih kih ..

Yang dah follow yura tu, i will follow you back 100% . Jadi jangan risau. Always leave link blog di kotak komen atau cbox.

Sekian sahaja.


Menu Image Hover

Assalamualaikum semua. Ok cuba hover mouse pada gambar di bawah.




  • Dashboard > Layout > Add a Gadget > HTML/Javascript
  • Copy semua code di bawah dan paste kan ke dalm kotak
<style>body {background-color:#bbb;}
#image img {width:230px;height:140px;}
#image img {width:230px;height:140px;border:4px solid #WARNABORDER;}
#links {width:150px;position:absolute;margin-top:-100px;opacity:0;margin-left:-100px;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 1.4s ease-out;transition:all 0.3s ease-out;}
#links a {display:block;float:left;background:#WARNAKOTAK;margin-left:1px;padding:3px;width:60px;font-family:verdana;font-size:9px;text-transform:lowercase;height:14px;margin-bottom:1px;text-align:center;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 1.4s ease-out;transition:all 0.3s ease-out;text-decoration:none;color:#WARNA TEXT;opacity:0.6;}
#links a:hover {opacity:0.3;}
#image:hover #links {opacity:0.9;margin-left:70px;}</style>
<center><div id="image">
<img src="URL GAMBAR" />
<div id="links">
<a href="LINK">Home</a>
<a href="LINK">Home</a>
<a href="LINK">Home</a>
<a href="LINK">Home</a>
<a href="LINK">Home</a>
<a href="LINK">Home</a>
</div></div></center>


  • Code warna boleh ambil di sini  
  • Yang warna merah tu untuk kedudukan kotak2 menu tu. Makin bnyk makin ke kanan.
  • Jangan lupa utk letak link dan nama menu
  • Lepas tu Save. Moga tuto ini membantu ^^