بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum ~ =)
macam nielah rupa exchange link itu , ok jumm2 ajar
direquest oleh gadis.cbox.com . Ada jugak yee link macam itu, anonymous. Hehe
Tanpa sebarang intro atau kata kata manis teruskan jela dengan tutorial ni. Credit tutorial ni kepada Afiqah Junizan , =)
1. Copy kod nie
<style>2. Paste di dalam ruangan Exchange Links anda. Kalau untuk pengguna template designer, paste di dalam HTML yaa ? =) Semua yang anis merahkan, tukar sendiri ok.
.tito {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
font-family:trebuchet ms;
font-style;uppercase;
font-size:12px;
color:#fff;
height:120px;
margin-top:60px;
margin-left:255px;
background: #ffcbcb;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
#note {
position:fixed;
border:1px dashed #aaa;
width:250px;
left:-265px;
top:200px;
height:250px;
padding:4px;
text-align:left;
background:#fff;
color:#444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
#note:hover {
left:1px;}
a.link{
background:#ffcbcb;
padding:5px;
width:90px;
color:#fff;
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: arial;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px;
}
a.link:hover{
-webkit-border-top-left-radius: 70px;
-webkit-border-bottom-right-radius: 70px;
-moz-border-radius-topleft: 70px;
-moz-border-radius-bottomright: 70px;
border-top-left-radius: 70px;
border-bottom-right-radius: 70px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#000;
background:#ffcaca;
}
</style>
<br />
<center>
<table cellpadding="3" cellspacing="2" style="width: 180px;">
<tbody>
<tr>
<td style="text-align: right;">Name</td>
<td><input onclick="this.focus()" onfocus="this.select()" size="15" style="background-color: white; border: 1px dotted pink; color: black; width: 170px;" type="text" value="Student Kecik" /></td>
</tr>
<tr>
<td style="text-align: right;">URL</td>
<td><input onclick="this.focus()" onfocus="this.select()" size="15" style="background-color: white; border: 1px dotted pink; color: black; width: 170px;" type="text" value="http://studentkecik.blogspot.com/" /></td>
</tr>
</tbody>
</table>
<br /><a class="link" href="http://iyra-monster.blogspot.com/">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS">Friend</a> <a class="link" href="LINKS" target="_blank">Friend</a> <a class="link" href="LINKS" target="_blank">Friend</a></center>
<br />
<center>
3. Preview dan kalau jadi Save. Kalau tak, call anis. Nombornya 1 800 88 3232 , mueheehe.
4. Salam, bye
10 comments:
nice tuto! thanks sharing,akak comel hihi...
@Adam Faiz thanks you adam kacak, hihi ^.^
rjinnya buat tuto ^^
@AiSyA LiEzA dah direquest kak aisya. hehe ^^
rajinnya bt tutorial :) kreatif la..ishhh sy tgok pn pening 2..apetah lg nk kgsi kt org hu3..
siap ade hotline lagik tu..haha
@S.K.A hehe org dh tanya jd anis share jelahh . ^___^
@Cik Kechik haha mestii =3
Comelnya hover dia. Suka main2 kat situ. Hihi.
Tutor yg bermanfaat :)
Post a Comment