Baiklah langsung kita mulai, yang pertama anda copy kode css di bawah ini:
#navbar-footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:10px;
vertical-align: middle;
line-height: 1.2;
}
#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #ffffff;
background-color: #ddd;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 10px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
#footer-right {
text-align:right;
font-family:verdana;
font-size:14px;
font-color:#000000;
padding-right:30px;
}
setelah itu paste-kan kode di bawah tag <![CDATA[ Kemudian copy lagi kode html di bawah ini:
<div id='navbar-footer'>
<p>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' valign='middle' width='40'>
<a href='#' title='Silahkan dibaca walaupun sebentar saja...'>
<img height='50' src='http://www.laymark.com/i/ch/ch011.gif' width='50'/>
</a>
</td>
<td align='left' valign='middle'>© 2008 | <a href='http://yoyokr.purworejo.asia' title='Sebentar Saja'>yoyokr.purworejo.asia</a><br/>
Hosted by <a href='http://www.blogger.com' title='blogger'>Blogger</a><br/>
Subdomain by <a href='http://www.purworejo.asia/2008/12/cara-mendapatkan-subdomainpurworejoasia_17.html' title='Subdomain Gratis'>www.purworejo.asia</a>
</td>
<td align='left' valign='center'>
<div align='right' id='footer-right'>
<a href='http://yoyokr.purworejo.asia'>Home</a>
| <a href='http://draft.blogger.com/'>Login</a></div>
</td>
</tr>
</table>
</p>
</div>
<script type='text/javascript'>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-6583208-1");
pageTracker._trackPageview();
} catch(err) {}</script>
Lalu paste-kan di atas tag </body>
Selesai...
mas apik tenan...
BalasHapussalam kenal, saya maung, saya newbie jd harus belajar sama yang pro...makasih banyak infonya..cuman kalo dipasang di blog saya kenapa ga statis ya??tapi ga apa-apa bagus buanget mas...makasih
mungkin ada kode css nya yang kurang lengkap sob, coba diperiksa lagi...trims atas kunjungannya, saya mau kasih komen di blog antum kok nggak ada form komen nya ya? trims info domain tertuanya, saya posting ya
BalasHapusmas makasi foter statisnya
BalasHapusaku newbie juga, ini dicopy kemana
BalasHapusmaksudnya di scriptnya template ya mas... aku ra ngerti ...
Mas Nahar nih caranya: login ke blogger,klik: 'tata letak',klik: 'edit-html', contreng:expand template widget' lalu copy kan kode di atas pada temapt yang ditunjukkan, ok selamat mencoba
BalasHapusIni baru mantaff... yang lain ga pada ikhlas sih ngasihnya... OK sob makasih banyak...
BalasHapusSama-sama mas aang, saling berbagi info dan pengalaman supaya jadi sama-sama lebih baik, ok, trims kunjungannya
BalasHapuskok yg aku mah ikut2 molo nav barnya BOS...hiks...:(
BalasHapusBoleh...Silahkan
BalasHapussusah jg klik isi yg paling bawahnya mas..itu kan kehalangin ama footbar statisnya, nih bebek lagiii (isi yg widget ama youtube)
BalasHapusbebekna lupa...........
BalasHapusBebek
Komentar ini telah dihapus oleh pengarang.
BalasHapusberhasul weee....hihihihi
BalasHapusberhasul apa berhasil?
BalasHapusThanks nice inpo mau coba
BalasHapus@syukmal: oks, silahkan
BalasHapusWah keren, ini yg lg sy cari, mksih ya
BalasHapus@adedosol: silahkan dicicipi...
BalasHapuswahh ...
BalasHapusthanks ya !!!
keren nechh !!!
mas, koq punya saya jadi gag statis ?
BalasHapuspadhal kode css yg mas tulis diatas sudah saya copy paste semua ..
tolong dungg ..
keknya ada yg ngejiplak nih...hihihi
BalasHapushttp://thom-sharing.blogspot.com/2009/05/membuat-navbar-sendiri-transparan.html
gak jantan tanpa cantumin sumber inspirasinya
okelah kalau begitu aku terima petuah saudara.. semoga menjadi amal kebaikan kita..
BalasHapustrims
Kok ga' statis ???????
BalasHapusmakasih banget nih tutornya... salam kenal...
BalasHapusMakasih gan. Salam kenal @sunawang :)
BalasHapusthanks banget bro, bermanfaat sekali
BalasHapusTerima kasih bos...mau tak coba dulu ya..
BalasHapusMas makasih ya sudah bagi2 ilmu, sangat bermanfaat nih bagi saya yang masih belajar tentang blog, salam kenal....:)
BalasHapusuntuk template downloadan bisa gak mas............
BalasHapuskalau mau dipasang di atas header gimana ya mas?
BalasHapus