Tutorial : Linkies Section For Template Designer

Ana Myhusna | 18:29 | 2Comments |

Hallo! Hallo! Okay.. Penat dari tadi duk list kan barangan sponsor dan syarat-syaratnya. Dan time free nih Ana nak buat tutorial! Tadi, Ana dapat request macam mana Ana buat linkies section kat post. Dekat page Ana tu. Tengok gambar kat bawah.
Ha! Tutorial ni di request oleh Kak Syasha. Ok, jom mula!

1. Korang pergi Dashboard - Create New Post / Page
2. Copy dan pastekan code yang Ana bagi ni dekat html post korang. 
<style>
a.navvv{
box-shadow: inset 0px 0 0px 0 #fff;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
margin:5px;
text-decoration:none;
color:#555;
background:url(http://i.imgur.com/2EShx.png);
text-shadow: 1px 1px 2px #A5E9FF;
border-left: 5px solid #F5A9D0;
display:inline-block;
width:110px;
padding:2px;
text-align:center;
}
a.navvv:hover{
box-shadow: inset 850px 0 0px 0 transparent;
color: #black;}
</style>  <br />
<div style="text-align: -webkit-center;">
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
<a class="navvv" href="URL BLOG">NAMA</a>
</div>
Macam mana? Ikut cara dibawah.

3. Preview dan save!

2 comments:

syaz syasha wanie said...

Wahhh, thankyou Anaaa ;)

dzatuy said...

thanks for your tutorial. it was very helpfull ^^