Wordpress Footer Navbar

Apa sih Wordpress Footer Navbar ? Yah maklumlah kalo kalian belum banyak yang tau pasalnya ini juga jarang di pasangdi blog-blog.  Untuk lihat hasil silahkan lihat bagian bawah blog ini ada foto saya dan link-link tautan lainnya. Palingan saya ngerti di blogspot atau di portal berita kaya okezone, kapanlagi dkk. Nah saya ni mau berbagi masalah Wordpress Footer Navbar dan tanpa plugins lo. . Kalo biasanya pasang yang di header itu pake plugins

Gambar dari anangku

Gambar Footer Navbar anangku

Bagaimana cara memasang WP Footer Navbar ini? Yupz cukup mudah sob kalian tinggal copy paste script di bawah ini dan ikuti petunjuk dari saya . .

#navbar-footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}

#navbar-footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}

#navbar-footer a {
color: #333;
}

#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 10px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}

Nah Script di atas silahkan di Copy dan paste di Style.css Themes yang kamu pake dan silahkan kamu edit sesukamu kalo butuh kode warna html siahkan masuk ke Daftar Kode Warna HTML yah atau mau di buat bagian header ya bisa tinggal ganti script di atas.

Langkah selanjutnya adalah Copy Script di Bawah ini

<div id=”navbar-footer”>
<p>
<img border=”0″ width=”40″ height=”40″ src=”http://jidatbaok.com/icon-jidat.png“/>&#160;&#160;<a href=”http://jidatbaok.com/index.php“>Jidat’s Blog</a>&#160;&#169;&#160;Since 2009 | Widget by <a href=”http://jidatbaok.com/wordpress-footer-navbar.html” target=”_blank”>Jidat</a></p>
<p> Sebatas Pengetahuanku <a href=”http://facebook.com/jidat“>Facebook Jidat Bukan Pahlawan</a> | <a href=”http://plurk.com/jidat/invite” target=”_blank”>Jidat’s Plurk</a>| <a href=”http://twitter.com/jidat” target=”_blank”>Jidat’s Twitter</a><br/>Jidatbaok.com saudara kandung <a href=”http://jidatbaok.blogspot.com” target=”_blank”>Blog Bokep</a>
<br/>
</p>
</div>

Nah Paste script di atas </body> pada footer.php dan silahkan edit gambar link di atas yang di merahin (rofl)  Okelah kalo begitu silakan berkreasi sobat

Ini terinspirasi dari blog anangku.blogspot.com

13th Jan 10. Posted in Tips & Tutorial.