Menu For Beqiutors

Sabtu, 15 Desember 2012

Exchange Link berkotak-kotak

Faradina Fazira | 03.39 |
Tutor Ini Saya Credit Dari Atey Dan Shira.. Thanks ;))
Versi 1


  1. Dashboard > Design > Edit HTML
  2. Tick expand widget
  3. CTRL+F cari code di bawah. 
/* Header
Dah nemu? copy code di bawah dan pastekan atas code  /* Header

a.link{
background:#FFDEBB;
padding:5px;
width:40px;
color:#000;
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:  ronda ;
font-size: 6px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px;
}
a.link:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#FFECD2;
}
 Dah? sekarang.

  1. Dashboard > New post > Edit Pages
  2. sekarang tekan edit HTML dan pastekan code di bawah dalam kotak tu 
<a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><a class="link" href="http://blogger.blogspot.com/">Friends</a><br><center>Wanna link exchange with me? tell me at chatbox :)</center></div><br>
Versi 2





1. dashboard > template

2. cari code bawah ni :
</style>

3. dah nemu? bagus. sekarang copy code bawah ni then paste di atas code </style> tu :

a.frens{
font-family:trebuchet ms;
font-size:10px;
text-transform:uppercase;
text-align:center;
background-color:#bdbdbd;
color:#ffffff;
display:inline-block;
width:120px;
padding:3px;
margin:3px;
}
a.frens:hover{
background:#F5A9BC;
}

4. teruskan step seterusnya.

5. kaliancari code yang kalian letak link-link yang exchange dgn kalian tu. paham 9ak?
6. ni cara kalian mau letakkan link dia. look with clearly yea.


<center> <a href="url blog"class="frens">NAMA OWNER BLLOG</a>
<a href="url blog"class="frens">NAMA OWNER BLLOG</a>
 <a href="url blog"class="frens">NAMA OWNER BLLOG</a>  </center>

- yang url blog and nama owner blog tu kalian tukar lah ya :)

7. preview dulu lihat jadi gak? save

Tidak ada komentar: