Monday, 1 July 2013

Tutorial Stylish Exchange Links


بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum ~ =)

macam nielah rupa exchange link itu , ok jumm2 anis 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>
.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>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS">Friend</a>&nbsp;<a class="link" href="LINKS" target="_blank">Friend</a>&nbsp;<a class="link" href="LINKS" target="_blank">Friend</a></center>
<br />
<center>
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.

3. Preview dan kalau jadi Save. Kalau tak, call anis. Nombornya 1 800 88 3232 , mueheehe.

4. Salam, bye
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

10 comments:

Adam Faiz said...

nice tuto! thanks sharing,akak comel hihi...

Student Kecik said...

@Adam Faiz thanks you adam kacak, hihi ^.^

Lieza Nordin said...

rjinnya buat tuto ^^

Student Kecik said...

@AiSyA LiEzA dah direquest kak aisya. hehe ^^

Fais-SKA said...

rajinnya bt tutorial :) kreatif la..ishhh sy tgok pn pening 2..apetah lg nk kgsi kt org hu3..

cik kechik said...

siap ade hotline lagik tu..haha

Student Kecik said...

@S.K.A hehe org dh tanya jd anis share jelahh . ^___^

Student Kecik said...

@Cik Kechik haha mestii =3

Aida Ismail said...

Comelnya hover dia. Suka main2 kat situ. Hihi.

niesalhaq said...

Tutor yg bermanfaat :)