Cari Artikel Blog Ini

Total Tayangan Halaman

MENAMPILKAN NAVBAR BAWAH

Makin lama anda mengelola sebuah blog, akan semakin asyik dalam mengubah tampilan blog tersebut. Itu adalah keinginan yang wajar karena disamping blog anda jadi semakin menawan juga pengunjung tidak bosan karena selalu disuguhi hal-hal yang baru.
Ada dua jenis kode yang harus anda masukan kedalam template anda, yang pertama copy apa adanya dan yang kedua, anda perlu melakukan sedikit perubahan yaitu mengganti data pada contoh dengan data yang ingin anda tampilkan.
Simak langkah-langkahnya.
  1. Sign ke Blogger dengan ID anda.
  2. Pilih Tata Letak.
  3. Pilih Edit HTML.
  4. Back Up template dulu, untuk menjaga kemungkinan gagal.
  5. Cari kode ini ]]></b:skin>:, kemudian copy kode dibawah ini dan paste tepat diatas kode tadi.

    #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;
    }


    Kode berwarna puti merupakan warna abu-abu yang tampil transparan. Anda dapat mengubah kode warna tersebut dengan warna pilihan anda.


  6. Berikutnya cari kode ini </body>, kemudian copy kode dibawah ini dan paste tepat diatasnya :



    <div id='navbar-footer'>
    <p>
    <img border='0' src='
    http://pic70.picturetrail.com/VOL1832/12158006/21620103/363132367.jpg'/>&#160;&#160;<a href='http://epg-studio.blogspot.com'>Ades Blog</a>&#160;&#169;&#160;2009 </p>
    <p class='info'>Powered by <a href='http://www.blogger.com'><strong>Blogger</strong></a> | Created and Maintained by <a href='
    epg-studio.blogspot.com' target='_blank'>EPG STUDIO</a><br/>Sambas Kalimantan Barat
    <br/>
    </p>
    </div>


    Ganti kode yang berwarna putih dengan kode/data yang ingin anda tampilkan.
  7. Klik tombol Simpan Template.
  8. Selesai.


Postingan ini telah berhasil dicoba pada blog percobaan EPG Studio. Jika anda mengalami kegagalan, coba lagi...!!!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
2 Comments

2 komentar :

gusti&hana mengatakan...

yesssssss,akhirnya.... he5x...
thx tips nya bang...

Arief Personal Blog mengatakan...

kang cara buat menu navbar beranda kaya kang ades giman ya saya kok ga berhasil galat aja kang

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!