Browse » Home » » Navbar Bawah Template Blog

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='http://2.bp.blogspot.com/_zAAY5TLuWGg/S7uDB7_Ng0I/AAAAAAAABMA/kRwzqY9_8b8/s400/cleft-cright.png' width='623px'/>
</div>
<div id='cright'>
<img height='71' src='http://2.bp.blogspot.com/_zAAY5TLuWGg/S7uDB7_Ng0I/AAAAAAAABMA/kRwzqY9_8b8/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='http://1.bp.blogspot.com/_zAAY5TLuWGg/S7toysMFFLI/AAAAAAAABLY/CP6VFkqHDhg/s400/left-l.png'/>
</div>
<div id='right-r'>
<img src='http://2.bp.blogspot.com/_zAAY5TLuWGg/S7tiXdxfW2I/AAAAAAAABLI/FafrIk39NJ0/s400/right-r.png'/>
</div>
<div id='closebott'>
<a href='http://www.blogger.com'><img height='30' src='http://1.bp.blogspot.com/_zAAY5TLuWGg/S6bmWrruoSI/AAAAAAAABHw/paS0eVMcI6U/s400/blogger.png' width='30px'/></a>
</div>
<div id='close'>
<a href='http://www.mozilla.com' target='_blank'><img height='28' src='http://4.bp.blogspot.com/_zAAY5TLuWGg/S6h83m0PGUI/AAAAAAAABIg/rvu157P8u0M/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;
}

6 Comments To Navbar Bawah Template Blog

Wah mantap nh...trs gmn mas cara nembahin elemen didalam navbar ini
°l||l°
Mas Yudis mengatakan pada
 
°l||l°
Para Blogger Linknya Sudah Dipasang Di Blog Saya Mohon Pasang Link Saya dan Kunjungannya Ya Maklum Saya Ini Baru Di Blog Termasuk Awam,Yah Biar Blog Saya Ada Dimana - Mana He..He,,,
°l||l°
Junior Blogger mengatakan pada
 
°l||l°
tank's yah dik,,, aplikasi kamu baik betul,,, saya izin memakainya yah,,,
doaku moga blog ini makin sukses,,,salam
°l||l°
dotcom mengatakan pada
 
°l||l°
terimakasih tipsnya..salam kenal
°l||l°
BOLO BOLO JOGJA mengatakan pada
 
°l||l°
Assalamualaikum.wr.wb. perkenalkan nama saya katiman dari surabaya kerja tki di malaysia, saat menulis ini saya teringat memory masa lalu..saya sangat tergugah hati melihat coretan hati yang bapak tulis. saya jadi teringat tentang masa-masa sulit dulu,karena iktiar dan usaha , seolah2 menjadi dendam bukan lagi motivasi, cuma satu tujuan saya pada saat bagaiman caranya untuk bangkit..singkat kata berbagai macam iktiar dan cara yang saya lalui, mengingat pada saat itu hutang saya 1,2m yang tidak sedikit, belum lagi bunga renternir yang bertambah. karena usaha, kesungguhan hati, akhirnya menemukan jalan /solusi . saya percaya ALLAH ITU TIDAK DIAM MAHA PENYAYANG , cobaan itu bukan lah ujian tapi hadiah yang tersilmut untuk kebahagiaan yang sebenar2nya. Bila butuh angka togel ghaib yg sudah kami buktikan hubungi MBAH WITJAKSONO DI 0852_2223_1459. ingat kesempat tidak akan datang untuk yang kedua kalinga KLIK=> http://togelsingapu.blogspot.com
°l||l°
KATIMAN SURABAYA mengatakan pada
 
°l||l°
Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini
°l||l°
sherlina halim mengatakan pada
 
°l||l°

Send Your Comment Here

Pernak Pernik Blogger | Copyright 2010 | Template Design © By IMS | Powered By Blogger