Navbar Bawah Template Blog

Buat sahabat Blogger semua yang kebetulan mampir disini, saya ada pernak pernik Blog seperti gambar dibawah ini, dengan menambah tampilan ini Blog akan terlihat lebih oke. Buat Sobat yang mau bawa pulang silahkan ikuti cara pemasangannya dibawah ini :


*Langkah yang pertama.
@- Login Blog seperti biasa dengan ID Blog milik Anda.
@- Terus Klick TATA LETAK / LAYOUT.
@- Klick EDIT HTML.
@- Lalu cari Kode yang seperti ini : ]]></b:skin>
@- Jika sudah ketemu, Copy kode dibawah ini lalu Paste di atas kode ]]></b:skin>

#ctop {position:fixed;_position: right:0px; bottom:13px;left:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#cleft {position:fixed;_position:bottom:0px;bottom:-4px;;right:99px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#cright {position:fixed;_position:bottom:0px; bottom:-4px;left:99px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#left-l {position:fixed;_position: bottom:0px; left:0; bottom:-4px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#right-r {position:fixed;_position:bottom:0px; right:0; bottom:-4px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#closebott {position:fixed;_position:bottom:0px; bottom:4px; left:47px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#close {position:fixed;_position:bottom:0px; bottom:4px; right:48px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

* Langkah yang kedua silahkan Sobat cari Kode </head>
@- Kemudian Copy Kode Script dibawah ini lalu Paste dibawah Kode </head>

<div id='cleft'>
<img height='71' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP3odvZuy-VYlyFvV2ewN4MxSddk8Yg1ZgBtmssUK01VOutLZyikG4zf-OKpr4mOIrwdINst12BAWeQ26s_W50gGmeNGipQQwL2GvEeql-iQpH3jDTz9gQHifrX9YKgTSXINcjLit1aaE/s400/cleft-cright.png' width='623px'/>
</div>
<div id='cright'>
<img height='71' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP3odvZuy-VYlyFvV2ewN4MxSddk8Yg1ZgBtmssUK01VOutLZyikG4zf-OKpr4mOIrwdINst12BAWeQ26s_W50gGmeNGipQQwL2GvEeql-iQpH3jDTz9gQHifrX9YKgTSXINcjLit1aaE/s400/cleft-cright.png' width='622px'/>
</div>
<div id='ctop'>
<div style='text-align:center;font-size:12px;font-weight:bold;text-transform:uppercase;'><span style='color: #ffffff;'><data:blog.title/> Best View Using Mozilla <span style='color: #FF0000;'>Firefox</span> <span style='color: rgb(255, 102, 0);'>3.6</span> With High Resolution</span>
</div>
</div>
<div id='left-l'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsoxlwZFHatT42wxVTwDd4g9bGc3alADw3PQYUpP9zZ25Hkn8kL27oIG1lSUGdEkompJpzF-_-wnQZw5gBogD1kDoVPS0oSA1hyphenhyphenBCSiuBP3PXRL1G9GEVqs6Z2fIAXIYAF_DpqSzrFj28/s400/left-l.png'/>
</div>
<div id='right-r'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRgWkWoJBBqMC1zDU2xd1c_nipMonlG9E7DRP9XMIlEk84bZP8W-6uucAkxNv-Z_LXcsJuXUYRRAW4OFPj5k6vcH3wW2JVKEtoZ6CIjnnFMKXYdj04ngA2rS1Udherr78VioZoIN8fEt8/s400/right-r.png'/>
</div>
<div id='closebott'>
<a href='http://www.blogger.com'><img height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2PV4eWN2ocqN1iLecLHGMgHs4l9hetoTECGL3miE2ID6nMSF03vFBI0TMryEq6efJGT073YUwrWQ0V0ni9Gse6rkzT7QoYktX5W3i0UfISewllZs0pw3D3MAMhKoY6K14Lg8SANcrpGE/s400/blogger.png' width='30px'/></a>
</div>
<div id='close'>
<a href='http://www.mozilla.com' target='_blank'><img height='28' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEne59RIc3nxXhOnUz0M4DuPbVv34ezfFo8HOAqPYpKYcke7BTZbjrZUVn5gxtr1BqXof5Gz-8zRLDrOBrKHA0VoIYIYman3ZIlpOGOsNHugKkcw6XZyodswMnt9QbVuaaaRy5E6vKxUw/s400/Firefox_32.png' width='28px'/></a>
</div>

@- Jika sudah jangan lupa klick SAVE TEMPLATE
@- Selesai.
@- Selamat mencoba semoga sukses.

NB : Kalau pada bagian paling bawah Template sedikit tertutup oleh Navbar, coba sobat cari seperti Kode contoh milik Template blog saya dibawah ini, jika sudah ketemu silahkan sobat naikkan nominal angkanya yang berwarna merah berkedip sesuai dengan ke inginan Sobat Blogger.

#outer-wrapper {
font: $bodyfont;
margin:0 auto 5px;
text-align:left;
width:960px;
}