◄ Min  Size Fonts: + | - | ± Color: Max ►

Menghias Navbar Blogger

Memperhatikan kembali seputar masalah tentang navbar blog dimana memang sudah banyak dihilangkan keberadaannya. Sebenarnya jika kalian amati dari konten navbar itu sendiri banyak sekali kegunaan disana. Search box, button follow, tombol share (walau cuman ada 2 biji) :P, report abuse, next blog (random blog), new post link, dan design template sudah terpasang di navbar. Read it ada apa pada navbar!
Tanpa perlu kita hilangkan (biar tidak melanggar TOS) Koben pernah sharing newest trick for navbar! Sekarang saatnya menghiasai navbar bagi blogger baik yg sudah tidak mendisabelkan fasilitas tersebut :) Disini Koben akan kasih link sharing jejaring, tampak menempel pada navbar :D Lihat screenshot berikut

Ctrl + F seperti biasa, kemudian cari kode #navbar-iframe delete itu, gantikan dengan bumbu ajaib brkt ;))
#navbar-iframe {
display: block;
}
#navbar-network {
position: absolute;
right: 355px;
top: 0;
}
ul.navbar-j {
margin: 3px 5px 0;
padding: 0 3px;
}
ul.navbar-j li {
display: inline;
}
Cari kembali kode <body> tepat dibawahnya letakkan syntax HMTL ini
<div id='navbar-network'>
<ul class='navbar-j'>
<li><a href='http://twitter.com/YOUR-ACCOUNT' title=''><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TgihtytVrTUHrhlKJaVzhQbVJQmmbRs-6CuL9PiFgngcT3Up2uShvzfe1Y06_e2HNUOI_eSQlvh4yFRVcIjInbp8Qw6xHqkVtLSJI6VbiblRssJRCOYMEH_Km_RgNsbjMlAXtNRuECg/s1600-r/twitter.png'/></a></li>
<li><a href='http://facebook.com/YOUR-ACCOUNT' title=''><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG1JkWssq-LvFH_ErRJ3IvzD4OBFJDglQsVFHQEOlxXrFwwAtEWQj6TTx6C4udeOCVpILQoctrGw2MYOIAiQQXnQnuRJGHXIw1IPlvVS3RPo4xB9eyA0YBOWmqwut39s_HxCuUmbIkUwg/s1600-r/facebook.png'/></a></li>
<li><a href='http://friendfeed.com/YOUR-ACCOUNT' title=''><img alt='Friendfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq2a-LPmBauv3FOD_mYkqcO3eSqzQXCT95uZ3iEPseBKU3s1sUMh00hFdAjuZ5FL2vlF06X9GG35wYkjOgNKXjFBm6euuA4P0QWI6kMMm5UzMhwaBeZdknnkpf2eTcHyIDmWeMkPioCCk/s1600-r/friendfeed.png'/></a></li>
</ul>
</div>
SAVE.
Silahkan tambahkan web apa saja, aku cuma pasang 3 biji web jejaring sosial, gambar jangan lupa pakai yg beresolusi kecil. Yang penting harus didalam tagging <div id='navbar-network'> Navbar itu sendiri sekarang sudah ada ragam warnanya tuh, ada cerdiknya kalian cari gambar yg sama dengan warna navbarnya ;)

Itu kan cuman permainan CSS dengan variable position absolute saja sob :D
Kabuuurrr...=))
Happy blogging \m/

Loading...
XMenghias Navbar Blogger

Subscribe my posts Register For Free!

9 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE