>

Sunday, March 08, 2015

Kotak Exchange Link Versi 1


tampilan link seperti gambar gif diatas



Halo semuanya.. berhubung Annisa request tuto ini jadi aku akan mengepostnya. sebenernya sih,ini dari template blogskinya sendiri ,jadi jujur. aku agak bingung. tapi tenang,aku sudah pelajari kodenya kok^^. jadi,caranya adalah :


1. Log in blog-->dashboard-->template
2. Cari kode untuk exlinkmu
3. Hapus kode exlink lamamu,tapi sebelumnya salin dulu di notepad/ms word. takut gagal aja.
4. Hapusnya dari kode <div id="link" style="display:none;"> sampai kode <br>



5. Gantikan kode yang dihapus tadi dengan kode dibawah

<div id="link" style="display:none;">
<div class="title">Exchange Link?</div>
<div class="comment">FRIENDS</div>
<style type="text/css">
@font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
a.link2 {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkcAVpTdzjVhhyphenhyphenb88Uv6o_THPfQ478PiFSQ9ENjBKUe7LZVIjjJzRz7J_vGwThBjYHlcCgnnfYM8Av76YS7Rx-XTD5VkM1h2OyuP9aQsnf-SXzywUKBBP4u99JMJMjjBdEf11bR3vKx0/s1600/142573660026097+(1).png), progress;
background:#fff;
border:1px solid #B0E0E6;
display:inline-block;
padding:2px;
width:70px;
margin:2px;
color:#666;
font-family: pixel;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
box-shadow:inset 0px 0px 0px #B0E0E6,inset 0px 0px 0px #B0E0E6;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
a.link2:hover  {
padding:2px;
width:70px;
margin:2px;
color:#fff;
display:inline-block;
box-shadow:inset 0px 14px 0px #B0E0E6,inset 0px -14px 0px #B0E0E6;
}
</style>
<base target='_blank'/>
<body oncontextmenu='return true;'>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWnh-qW1fJSvI2U-sdU2HbNy8kxetasgNKon1u17RXaywuhmPTc_TLUK1lyFEEp6FSub0kibvGABsXWWOqpr_oN_kbDjeWOiK2svq-SsmIXpKNf9YJN5FDJMlXFyExH8JxmOl5S8zs9Q/s1600/tumblr_m4q47fdi5Z1qbd8iro1_500_large.gif"><br><br>
<br>
<center><table cellpadding="2" cellspacing="2" width="180">
<tr>
<td><input type="text" size="11" value="Mia Junior" style="width:170px;color:#000;border:1px  dotted #B0E0E6;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>
<td><input type="text" size="11" value="http://mia7unior.blogspot.com/" style="width:170px;color:#000;border:1px dotted #B0E0E6;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"><tr>
</table></center>
<br>
<a class="link2" href="http://......./">NAMA</a>
<a class="link2" href="http://......./">NAMA</a>
<a class="link2" href="http://......./">NAMA</a>
<a class="link2" href="http://......./">NAMA</a>
<a class="link2" href="http://......./">NAMA</a>
<a class="link2" href="http://......./">NAMA</a>
<br>
Note :

-Merah : Ubah dengan kode warna favoritmu ,mencarinya bisa DISINI
-Orange : Ubah dengan nama kamu dan URL blog kamu
-Kuning : Ubah dengan url gambar yang kamu suka
-Biru : Ubah dengan nama dan url blog teman kamu yang exlink
-Dan untuk kode ukuran yang lainya bisa kamu ubah sendiri sesuai selera...

6. Simpan


Bagaimana??berhasil tidak? rumit nggak kata-kataku?
hmm...yaa semoga berhasil lah. GOOD LUCK kawan!! bye~

No comments:

Post a Comment

Ayo guys, berikan komentarmu! dan Jangan lupa patuhi peraturan dibawah ini :

- Berkomentarlah dengan kalimat yang baik dan sopan
- Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
- Dilarang KERAS!! berkomentar yang mengandung unsur Negatif,SARA, Pornografi dan Judi
- Dilarang berkomentar yang tidak berhubungan dengan topik
- Dilarang promosi usaha (travel,olshop,obat,dll) dikolom komentar ini, dicbox saja boleh asal tidak nyepam
- No anonymous,unknown or delete -,-
- Tidak mematuhi? HAPUS!! Admin sering online untuk memantau blog ini
- Repost?credit please.....