ice\FIRE

posted by Fara_nym | Hyoukurona Friday, 6 September 2013 @7:16 pm 2 comments

Tutorial: Navigation bar with hover #2

Bismillahirahmanirahim...
Assalamualaikum dan Salam Sejahtera.

Fara dah berbulan tak buat tutorial..

ni Fara nak share tuto ni kat korang sebab navi ni agak menarik :)kedit heahhhhhhh

[ LIVE PREVIEW ]

Sonang jo ~

1.Sign in --> Dashboard --> Layout --> Add gadget --> Html/java script

2.Copy semua code bawah ni dan paste kan kat ruang html/java script.

<style>
a.kai {border-radius:3333px; opacity:0.9;padding:10px; margin:2px;background:#000; display:inline-block; height:50px; width: 50px;}
a.kai:hover { border-radius:6px; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}
.icon {border-radius:3333px; height: 50px; width: 50px;}
.icon:hover {border-radius:6px; border-radius: none; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}
</style>
<a class="kai" href="http://www.blogger.com/"><img class="icon" src="http://i.imgur.com/2kf4t.png" /></a>
<a class="kai" href="http://www.blogger.com/"><img class="icon" src="http://i.imgur.com/sSwKl.png" /></a>
<a class="kai" href="http://www.blogger.com/"><img class="icon" src="http://i.imgur.com/b2Re9.png" /></a>
<a class="kai" href="http://www.blogger.com//"><img class="icon" src="http://i.imgur.com/zQPmL.png" /></a>
<a class="kai" href="http://www.blogger.com/"><img class="icon" src="http://i.imgur.com/S3zgO.png" /></a>

tukar..
*Merah : link /url page korang.
*Hijau : ur; gambar yang korang suka.

3. SAVE!!!!

kan senang?
bye and Assalamualaikum.

Labels: Tutorial

contact me

HOVER BELLOW

Keep in touch

Like the blog Now!

Otaku stuff

click the tab to navigate the lists
(Last updated: February 9, 2017 )

Click here for Watching list
Watched list Anime List

? 07-Ghost
? 07-Ghost
? Accel World
? Acchi Kocchi (TV)
? Akagami no Shirayuki-hime
? Akame ga Kill!
? Akame ga Kill!
? Aldnoah.Zero
? Aldnoah.Zero 2nd Season
? Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai.
? Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai.
? Another
? Ao no Exorcist
? Ao no Exorcist Movie
? Ao no Exorcist: Kuro no Iede
? Arcana Famiglia
? Black Bullet
? Black Bullet: Tenchuu*Girls
? Black?Rock Shooter (TV)
? Bleach
? Bleach Movie 1: Memories of Nobody
? Bleach Movie 2: The DiamondDust Rebellion - Mou Hitotsu no Hyourinmaru
? Bleach Movie 3: Fade to Black - Kimi no Na wo Yobu
? Bleach Movie 4: Jigoku-hen
? Boku no Hero Academia
? Brothers Conflict
? Brothers Conflict Special
? Btooom!
? Bungou Stray Dogs
? Bungou Stray Dogs 2nd Season
? Charlotte
? Chihayafuru
? Chihayafuru 2
? Chuunibyou demo Koi ga Shitai!
? Coppelion
? Corpse Party: Tortured Souls - Bougyakusareta Tamashii no Jukyou
? Detective Conan Bonus File: Fantasista Flower
? Detective Conan Magic File 2: Kudou Shinichi - The Case of the Mysterious Wall and the Black Lab
? Detective Conan Magic File 3: Shinichi and Ran - Memories of Mahjong Tiles and Tanabata
? Detective Conan Magic File 4: Osaka Okonomiyaki Odyssey
? Detective Conan Magic File 5: Niigata - Tokyo Omiyage Capriccio
? Detective Conan Movie 01: The Timed Skyscraper
? Detective Conan Movie 02: The Fourteenth Target 6
? Detective Conan Movie 03: The Last Wizard of the Century
? Detective Conan Movie 04: Captured in Her Eyes
? Detective Conan Movie 05: Countdown to Heaven
? Detective Conan Movie 06: The Phantom of Baker
? Detective Conan Movie 07: Crossroad in the Ancient Capital
? Detective Conan Movie 08: Magician of the Silver Sky
? Detective Conan Movie 09: Strategy Above the Depths
? Detective Conan Movie 10: Requiem of the Detectives
? Detective Conan Movie 11: Jolly Roger in the Deep Azure
? Detective Conan Movie 12: Full Score of Fear
? Detective Conan Movie 13: The Raven Chaser
? Detective Conan Movie 14: The Lost Ship in the Sky
? Detective Conan Movie 15: Quarter of Silence
? Detective Conan Movie 16: The Eleventh Striker
? Detective Conan Movie 17: Private Eye in the Distant Sea
? Detective Conan Movie 18: The Sniper from Another Dimension
? Detective Conan Movie 19: The Hellfire Sunflowers
? Detective Conan Movie 20: The Darkest Nightmare
? Detective Conan OVA 01: Conan vs. Kid vs. Yaiba
? Detective Conan OVA 02: 16 Suspects
? Detective Conan OVA 03: Conan and Heiji and the Vanished Boy
? Detective Conan OVA 04: Conan and Kid and Crystal Mother
? Detective Conan OVA 05: The Target is Kogoro! The Detective Boys' Secret Investigation
? Detective Conan OVA 06: Follow the Vanished Diamond! Conan & Heiji vs. Kid!
? Detective Conan OVA 07: A Challenge from Agasa! Agasa vs. Conan and the Detective Boys
? Detective Conan OVA 08: High School Girl Detective Sonoko Suzuki's Case Files
? Detective Conan OVA 09: The Stranger in 10 Years...
? Detective Conan OVA 10: Kid in Trap Island
? Dimension W
? Fairy Tail
? Fairy Tail (2014)
? Fairy Tail Movie 1: Houou no Miko
? Fairy Tail x Rave
? Free!
? Free!: Eternal Summer
? Free!: Eternal Summer Special
? Free!: FrFr - Short Movie
? Gatchaman Crowds
? Gatchaman Crowds Insight: Inbound
? Gatchaman Crowds: Embrace
? Gekkan Shoujo Nozaki-kun
? Gekkan Shoujo Nozaki-kun Specials
? Golden Time
? Guilty Crown
? Haikyuu!!
? Haikyuu!! Second Season
? Haikyuu!!: Karasuno Koukou VS Shiratorizawa Gakuen Koukou
? Handa-kun
? Hentai Ouji to Warawanai Neko.
? High?Speed!: Free! Starting Days
? Himouto! Umaru-chan
? Himouto! Umaru-chanS
? Howl no Ugoku Shiro
? Hyouka
? K
? K: Missing Kings
? K: Return of Kings
? Kaichou wa Maid-sama!
? Kami nomi zo Shiru Sekai
? Kami nomi zo Shiru Sekai II
? Kami nomi zo Shiru Sekai: 4-nin to Idol
? Kami nomi zo Shiru Sekai: Megami-hen
? Kami nomi zo Shiru Sekai: Tenri-hen
? Kamisama Hajimemashita
? Kill Me Baby
? Kimi no Na wa.
? Kiznaiver
? Kotoura-san
? Kyoukai no Kanata
? Kyoukai no Kanata Movie: I'll Be Here - Kako-hen
? Kyoukai no Kanata Movie: I'll Be Here - Mirai-hen
? Kyoukai no Kanata: Idol Saiban! Mayoi Nagara mo Kimi wo Sabaku Tami
? Magic Kaito
? Mekakucity Actors
? Minami no Shima no Dera-chan
? Mononoke Hime
? No.6
? Nodame Cantabile Finale
? Nodame Cantabile: Paris-hen
? Noragami
? Noragami Aragoto
? Noragami Aragoto OVA
? Noragami OVA
? One Punch Man
? Ore Monogatari!!
? Owari no Seraph
? Owari no Seraph: Nagoya Kessen-hen
? Owari no Seraph: Owaranai Seraph (Special)
? Owari no Seraph: The Beginning of the End (Special)
? Photokano
? Sen to Chihiro no Kamikakushi
? Servamp
? Shelter
? Shingeki! Kyojin Chuugakkou
? SKET Dance
? Suntory Minami Alps no Tennen Mizu Special
? Tamako Love Story Movie
? Tamako Market
? Tokyo Ghoul
? Tokyo Ghoul vA
? Tokyo Ghoul: "Jack"
? Tonari no Kaibutsu-kun
? Tonari no Seki-kun
? Tonari no Seki-kun OVA
? Tonari no Seki-kun Specials
? Yahari Ore no Seishun Love Comedy wa Machigatteiru.
? Yuri!!! on ICE

Click to view Full anime list

Watched Anime

? 07-Ghost
? Accel World
? Acchi Kocchi (TV)
? Akagami no Shirayuki-hime
? Akame ga Kill!
? Akame ga Kill!
? Aldnoah.Zero
? Aldnoah.Zero 2nd Season
? Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai.
? Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai.
? Another
? Ao no Exorcist
? Ao no Exorcist Movie
? Ao no Exorcist: Kuro no Iede
? Arcana Famiglia
? Black Bullet
? Black Bullet: Tenchuu*Girls
? Black?Rock Shooter (TV)
? Bleach
? Bleach Movie 1: Memories of Nobody
? Bleach Movie 2: The DiamondDust Rebellion - Mou Hitotsu no Hyourinmaru
? Bleach Movie 3: Fade to Black - Kimi no Na wo Yobu
? Bleach Movie 4: Jigoku-hen
? Boku no Hero Academia
? Brothers Conflict
? Brothers Conflict Special
? Btooom!
? Bungou Stray Dogs
? Bungou Stray Dogs 2nd Season
? Charlotte
? Chihayafuru
? Chihayafuru 2
? Chuunibyou demo Koi ga Shitai!
? Coppelion
? Corpse Party: Tortured Souls - Bougyakusareta Tamashii no Jukyou
? Detective Conan Bonus File: Fantasista Flower
? Detective Conan Magic File 2: Kudou Shinichi - The Case of the Mysterious Wall and the Black Lab
? Detective Conan Magic File 3: Shinichi and Ran - Memories of Mahjong Tiles and Tanabata
? Detective Conan Magic File 4: Osaka Okonomiyaki Odyssey
? Detective Conan Magic File 5: Niigata - Tokyo Omiyage Capriccio
? Detective Conan Movie 01: The Timed Skyscraper
? Detective Conan Movie 02: The Fourteenth Target 6
? Detective Conan Movie 03: The Last Wizard of the Century
? Detective Conan Movie 04: Captured in Her Eyes
? Detective Conan Movie 05: Countdown to Heaven
? Detective Conan Movie 06: The Phantom of Baker
? Detective Conan Movie 07: Crossroad in the Ancient Capital
? Detective Conan Movie 08: Magician of the Silver Sky
? Detective Conan Movie 09: Strategy Above the Depths
? Detective Conan Movie 10: Requiem of the Detectives
? Detective Conan Movie 11: Jolly Roger in the Deep Azure
? Detective Conan Movie 12: Full Score of Fear
? Detective Conan Movie 13: The Raven Chaser
? Detective Conan Movie 14: The Lost Ship in the Sky
? Detective Conan Movie 15: Quarter of Silence
? Detective Conan Movie 16: The Eleventh Striker
? Detective Conan Movie 17: Private Eye in the Distant Sea
? Detective Conan Movie 18: The Sniper from Another Dimension
? Detective Conan Movie 19: The Hellfire Sunflowers
? Detective Conan Movie 20: The Darkest Nightmare
? Detective Conan OVA 01: Conan vs. Kid vs. Yaiba
? Detective Conan OVA 02: 16 Suspects
? Detective Conan OVA 03: Conan and Heiji and the Vanished Boy
? Detective Conan OVA 04: Conan and Kid and Crystal Mother
? Detective Conan OVA 05: The Target is Kogoro! The Detective Boys' Secret Investigation
? Detective Conan OVA 06: Follow the Vanished Diamond! Conan & Heiji vs. Kid!
? Detective Conan OVA 07: A Challenge from Agasa! Agasa vs. Conan and the Detective Boys
? Detective Conan OVA 08: High School Girl Detective Sonoko Suzuki's Case Files
? Detective Conan OVA 09: The Stranger in 10 Years...
? Detective Conan OVA 10: Kid in Trap Island
? Dimension W
? Fairy Tail
? Fairy Tail (2014)
? Fairy Tail Movie 1: Houou no Miko
? Fairy Tail x Rave
? Free!
? Free!: Eternal Summer
? Free!: Eternal Summer Special
? Free!: FrFr - Short Movie
? Gatchaman Crowds
? Gatchaman Crowds Insight: Inbound
? Gatchaman Crowds: Embrace
? Gekkan Shoujo Nozaki-kun
? Gekkan Shoujo Nozaki-kun Specials
? Golden Time
? Guilty Crown
? Haikyuu!!
? Haikyuu!! Second Season
? Haikyuu!!: Karasuno Koukou VS Shiratorizawa Gakuen Koukou
? Handa-kun
? Hentai Ouji to Warawanai Neko.
? High?Speed!: Free! Starting Days
? Himouto! Umaru-chan
? Himouto! Umaru-chanS
? Howl no Ugoku Shiro
? Hyouka
? K
? K: Missing Kings
? K: Return of Kings
? Kaichou wa Maid-sama!
? Kami nomi zo Shiru Sekai
? Kami nomi zo Shiru Sekai II
? Kami nomi zo Shiru Sekai: 4-nin to Idol
? Kami nomi zo Shiru Sekai: Megami-hen
? Kami nomi zo Shiru Sekai: Tenri-hen
? Kamisama Hajimemashita
? Kill Me Baby
? Kimi no Na wa.
? Kiznaiver
? Kotoura-san
? Kyoukai no Kanata
? Kyoukai no Kanata Movie: I'll Be Here - Kako-hen
? Kyoukai no Kanata Movie: I'll Be Here - Mirai-hen
? Kyoukai no Kanata: Idol Saiban! Mayoi Nagara mo Kimi wo Sabaku Tami
? Magic Kaito
? Mekakucity Actors
? Minami no Shima no Dera-chan
? Mononoke Hime
? No.6
? Nodame Cantabile Finale
? Nodame Cantabile: Paris-hen
? Noragami
? Noragami Aragoto
? Noragami Aragoto OVA
? Noragami OVA
? One Punch Man
? Ore Monogatari!!
? Owari no Seraph
? Owari no Seraph: Nagoya Kessen-hen
? Owari no Seraph: Owaranai Seraph (Special)
? Owari no Seraph: The Beginning of the End (Special)
? Photokano
? Sen to Chihiro no Kamikakushi
? Servamp
? Shelter
? Shingeki! Kyojin Chuugakkou
? SKET Dance
? Suntory Minami Alps no Tennen Mizu Special
? Tamako Love Story Movie
? Tamako Market
? Tokyo Ghoul
? Tokyo Ghoul vA
? Tokyo Ghoul: "Jack"
? Tonari no Kaibutsu-kun
? Tonari no Seki-kun
? Tonari no Seki-kun OVA
? Tonari no Seki-kun Specials
? Yahari Ore no Seishun Love Comedy wa Machigatteiru.
? Yuri!!! on ICE

blog archive

Hitsugaya Toushirou	Gray Fullbuster	Suzuya Juuzou	Fushimi Saruhiko	Slaine Troyard
Gajeel Redfox	Sting Eucliffe	Nanase Haruka	Hyakuya{s} \\hover	Speed o' Sound Sonic
Otosaka Yuu	Kimizuki Shiho	Kirishima Ayato	Zeref Dragneel	Yukio Hans Vorarlberna

GraTsu	IchiRo	HideKi	KilluaxGon	MikaXYuu
ZenXAtri	ShunsukeXYuu	TsubakiXBossun	InahoXSlaine	HeijiXShinichi
SaruMi	Stingue	HaruXrin	TodoDekuBaku	LichtXhyde
VictorRi

contact me

Otaku stuff

blog archive

categories