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!

There are 2 comments.
Please post another comment..

  1. Kak Kalau mau menambahkan isi pagenya gimana

    ReplyDelete
    Replies
    1. http://www.giftasblog.co.vu/2015/02/tutorial-membuat-pages-laman-di-blog.html

      Delete