29.12.12

Tutorial : Hide Navigation Mine Version

Author : Nabila Medan Time : 12/29/2012 10:23:00 PM Total Comment : 12 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Malam

Live Preview Here

Please credit to me if you use this tutorial . No re-tutorial please. Thankyou

1.Dashboard > Layout > Add a Gadget > HTML/Javascript
2.Copy code bawah ni dan paste dekat HTML/Javascript
<style>
.hello{
width: 500px;
background: url(http://i.imgur.com/3xcNH.png);
top:0px;
left:-510px;
position: fixed;
top:100px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
border: #e69fba 3px solid;
border-right: #e69fba 40px solid;
border-top-right-radius: 200px;
border-bottom-right-radius: 200px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
.hello:hover{
width: 500px;
left:-0px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
a.bye{
background:#e69fba ;
left:220px;
text-decoration:none;
color:#fff;
padding:5px;
font:12px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
a.bye:hover{background:#000;
color:#fff;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
</style>
<div class="hello">
<a class="bye" href="YOUR LINK">TITLE</a>
<a class="bye" href="YOUR LINK">TITLE</a>
<a class="bye" href="YOUR LINK">TITLE</a>
<a class="bye" href="YOUR LINK">TITLE</a>
<a class="bye" href="YOUR LINK">TITLE</a>
</div>
3.Tukar
Merah - ikut kesesuain blog korang ye
Biru - link korang
Ungu - Tajuk
4.Save

12 comments

Saturday, December 29, 2012 10:31:00 PM Delete! [Reply Comment]

wah cutelah live prview tu..like it

Saturday, December 29, 2012 11:23:00 PM Delete! [Reply Comment]

awesomenye!!! :D

Saturday, December 29, 2012 11:37:00 PM Delete! [Reply Comment]

nabila create sendiri ke nih? creatif !

Sunday, December 30, 2012 12:44:00 AM Delete! [Reply Comment]

Usually I just edit the HTML and buang navigation semua tu :D Lagi senang. Hehehehe.

Sunday, December 30, 2012 12:44:00 AM Delete! [Reply Comment]

Thanks kak Nabila ..menjadi..awesome! :D

Sunday, December 30, 2012 4:50:00 AM Delete! [Reply Comment]

hide guna sliding, smart tu :)

Tech Kini

Sunday, December 30, 2012 1:45:00 PM Delete! [Reply Comment]

cantiklaaa ..
saya gune :)
thanks ..

Monday, December 31, 2012 11:03:00 AM Delete! [Reply Comment]

smart...jadi...=)
btw,,thanks!.=)

Sunday, January 06, 2013 6:02:00 PM Delete! [Reply Comment]

Akak,kita guna ye ? Thanks,btw blog akak comellah. :3

Wednesday, January 09, 2013 4:11:00 AM Delete! [Reply Comment]

wah! :D menarik!

Sunday, January 20, 2013 10:33:00 PM Delete! [Reply Comment]

sy gune tuto ni tau . credit kat awk :)

Monday, March 24, 2014 3:50:00 PM Delete! [Reply Comment]

akak , saya guna tau . Thank you ^^

Post a Comment
Related Posts Plugin for WordPress, Blogger...