Navigation Hover #1


Navigation hover punyaku yang pertama loh!

Preview :
kalau sudah di-hover menjadi seperti ini : 

  • Ke template (biasaaa)
  • Lalu cari kode </style>
  • Paste kode di bawah ini di atas kode yang tadi

a.navi{
font: 11px Delius;
color:#2e2e2e;
background: #Ffe8ed;
border:1px dashed #FF99CC;
padding: 1.0px;
-webkit-transition: 1.0s;
}
a.navi:hover{
background:#FFC8E3;
border:1px solid #FF99CC;
color:#fff;
-webkit-transition: 1.8s;
</style>
<center>
<div style="background:none;width:1000px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<div style="background: #ffffff;"/></center>

  • Lalu di bagian navigation, kamu taruh kode ini :

<div class="jieun">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" >STUFFS</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a><br><br>

  • Klik save template. Ini harus dengan kode tertentu untuk membuat di blogskins. Untuk template designer, besok aku kasih tutorialnya.
Ini untuk tutorial blogskins dulu

Tidak ada komentar:

Posting Komentar