Welcome here! Please leave your comment and follow my blog. Use CTRL+C to copy (no right click allowed)
This blog is full of tutorials. Please use them, by clicking the "STUFF" page above^^ Thanks for your visit!!
I'm Gifta, I can't online everyday /^-^\/>

Thank you for your visit, please use my tutorials...!
August 05, 2016

Saturday, April 8, 2017

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!

No comments

Post a Comment