Add Navigation Tab (Blogskin)

Hello, hari ini Gifta mau post tutorial. Ini direquest oleh Nashita^^ Yap, tutorial ini untuk BLOGSKIN saja! Kalau buat template blogger biasa ngga bisa XD Yawdah, langsung aja yuk!

Cekidot ke stepnya aja ya!!

Step one:

Blogger >> Template >> Edit HTML

Step two:

Copy kode ini:

a.navi {
display:inline-block;
-webkit-transition:All 0.8s ease ;
padding:5px;
width:60px;
color: #fff;
background: #9e9e9e;
text-align:center;
}
a.navi:hover {
letter-spacing: 3px;
color: #fff;
}

Bisa diedit dulu di html editor ini.

Step three:

Setelah itu, cari kode:

</style>

Paste kode yang sudah kalian copy SEBEUM </style>

Step four:

Copy kode ini:

<a class="navi" href="URL BLOG KAMU">ENTRY</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKS</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="URL FB">FACEBOOK</a>
<a class="navi" href="URL TWITTER">TWITTER</a>

Paste SETELAH kode di langkah ke-3.

Itu baru menampilkan navigation tab nya saja, lho! Belum isi tiap pagenya!

Kalau mau menambahkan isi pagenya... Request lagi aja, wkwk
Kalau diikutin sini nanti kepanjangan!