Tutorial buat link pages *Easy way :D
Tutorial buat link pages *Easy way :D was posted on: 13 March 2011 @7:53 AM | 4 love ★
Heyyoohey !
Asal Isha buad banyak tutorial link pages neh ? ==' Actually , isha nak tunjuk yg senang punye , macam Isha punye tuhh . Prasan tak ? Kalau korangg susah nak buat yg lagi 1 tuhh , baik buat yg neh :)
1. Dashboard --> Design --> page elements --> add a gadget --> HTML / JavaSricpt
2. Copy semua nih
<center><style>
#container {
width: 100%;
margin: 0px 0px;
padding: 0px 0px 40px 14px;
}
ul, li {
margin: 0; padding: 0;
}
#blob {
border-right: 1px solid #0059ec;
border-left: 1px solid #0059ec;
position: absolute;
top: 0;
z-index : 1;
background: #F781F3;
background: -moz-linear-gradient(top, #F781F3, #F781F3);
background: -webkit-gradient(linear, left top, left bottom, from(#F781F3), to(#F781F3));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 2px 3px 5px #011331;
-webkit-box-shadow: 2px 3px 5px #011331;
}
#lava-lamp {
Background-image:url(URL BACKGROUND);
float: center;
border: 1px dashed colour border;
margin: 0px 0px 12px;
padding: 13px 0px 10px 0px;
}
#lava-lamp li {
float: center;
list-style: none;
border-right: 1px solid #4a4a4a;
border-left: 0px solid #4a4a4a;
}
#lava-lamp li a {
color: colour tulisan;
text-shadow: 0 0px 1px #81807B;
position: relative;
z-index: 2;
float: center;
font-size: 15px;
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 0px 20px;
}
</style>
<div id="container">
<ul id="lava-lamp">
<li id="selected"><a href="http://LINK KORANGG">NAMA LINK</a></li>
<li><a href="http://LINK KORANGG">NAMA LINK</a></li>
<li><a href="http://LINK KORANGG">NAMA LINK</a></li>
<li><a href="http://LINK KORANGG">NAMA LINK</a></li>
<li><a href="http://LINK KORANGG">NAMA LINK</a></li>
</ul></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery.spasticNav.js"></script>
<script type="text/javascript">
$('#lava-lamp').spasticNav();
</script></center>
to copy highlight all then click ctrl + c
3. BIRU tuhh boleh change colour tautau . Utk tau code colour pegy sini . Oke ? ;)
4. MERAH tuu pulakk korangg bole tukar background . Tapi biasenyee memang background dia tak keluar. Hee ~
5. Last skali , SAVE ! :D
5. Last skali , SAVE ! :D
p/s : inform kalau jadi / ta jadi yaa :) Thankiess :D
sorry , Mia . Akak tersilap tadi xDD haha !
Tab Menu :D
Sebelum ni :)