Tutorial : Make Exchange Links

http://66.media.tumblr.com/8efcf7d17e724fac813f900f36090109/tumblr_nn9twhwa1o1upe3rko2_500.gif
 
Ohayouu gaess 
Maap post ulang soalnya berantakan gituh :v 
kan ga enak kalo diliat jadinya
Request by : Neira 
Lets read more


For Blogskins
 
Buka template kalian dan copy kode dibawah ini
.link {
background:white;
display:inline-block;
width:110px;
text-align:center;
margin:6px;
box-shadow: inset 1px 0 0px 0 #KODEWARNA;
-webkit-transition-duration: 1.0s;
border-right: 3px solid #KODEWARNA;
cursor:vertical-text;
opacity: 0.9;
}

.link:hover {
box-shadow: inset 850px 0 0px 0 #KODEWARNA;
-webkit-transition-duration: 1.0s;
}
Paste kode diatas tadi sebelum kode </style>
Lalu copy kode ini lagi untuk diletakan di template exchange link kalian
<center>
<div style="margin-center: 30px;">
<a class="link" href="http://.blogspot.com/">You</a>
<a class="link" href="http://.blogspot.com/">You</a>
<a class="link" href="http://.blogspot.com/">You</a>
<a class="link" href="http://.blogspot.com/">You</a>
<br /></div>
Preview dan save 
 
 
For template simple/denim:
 
Open tata letak dan buat widget baru setelah itu copy kode ini
 
.link {
background:white;
display:inline-block;
width:110px;
text-align:center;
margin:6px;
box-shadow: inset 1px 0 0px 0 #F8E0E6;
-webkit-transition-duration: 1.0s;
border-right: 3px solid #F8E0E6;
cursor:vertical-text;
opacity: 0.9;
}

.link:hover {
box-shadow: inset 850px 0 0px 0 #FFFFFF;
-webkit-transition-duration: 1.0s;
}
 
<center>
<div style="margin-center: 30px;">
<a class="link" href="http://.blogspot.com/">You</a>
<a class="link" href="http://.blogspot.com/">You</a>
<a class="link" href="http://.blogspot.com/">You</a>
<a class="link" href="http://.blogspot.com/">You</a>
<br /></div>
 
Paste kode diatas di widget baru kalian 
Save dan preview
REPOST ? GIVE ME MY NAME AND MY LINK BLOG !!!
BEFORE REPOST PERMISSION FOR ME OR I BLACKLIST UR BLOG
 
 
 
 
 
 
 
 
 
 

1 komentar:

Hello ~

Leave comment here
Request ? tell in chat box
Nice words please :)