Home » , » Membuat Sticky Footer Menu

Membuat Sticky Footer Menu




BASA - BASI


Hollaaaaa.... jumpa lagi bersama CatHar yang kali ini menyuguhnya sesuatu yang "sesuatu banget" hehehe... kayak Syahrini aja.

Betul, kali ini saya kembali menyuguhkan tentang cara pembuatan Menu menempel pada footer atau bahasa daerahnya "Sticky Footer menu". Pembuatan ini secara tidak sengaja saya ketemukan di salah satu blogger luar tapi terus terang lupa nama blog dan alamatya (kalau ada yang tau silahkan beritahu saya ya...).



Setelah melihat demo diatas, apakah sobat - sobat tertarik... kalau ya silahkan lanjutkan membacanya tapi kalau tidak ya.. ngga apa-apa sih...





CARA PEMASANGAN


Ikuti langkah - langkah dibawah ini :
  1. Login ke Account Blogger 
  2. Lalu Template - Edit HTML - centeng pada Expand Widget Templates 
  3. Cari kode ]]></b:skin> (Gunakan Ctrl+F untuk mencari) 
  4. Lalu selanjutnya Copy-Paste kode CSS dibawah ini tepat diatas kode ]]></b:skin> tersebut.



  5. Sebelum menyimpan pekerjaan sobat, biasakan untuk melakukan Pratinjau dahulu dengan menekan tombol Preview
  6. Kalau tidak ada masalah silahkan klik Save Template untuk menyimpan. 

Sekarang untuk pemasangan CSS sudah selesai. NEXT.....


CARA PEMAKAIAN





Keterangan :
Ganti "#" dengan link yang dikehendaki
Ganti "username" dengan account social media

  • Simpan gadged sobat. 

Sekarang pekerjaan sudah selesai dan silahkan lihat hasilnya, maka akan muncul menu yang menempel di footer.

Semoga postingan ini bermanfaat. Alhamdulillah.
Share this article :

1 komentar:

  1. gan boleh tanya ga, maaf OOT, cara mengganti judul header dengan gambar saja gmna ya, sperti blog agan ini, coba lihat punya saya trovustar.blogspot.com disitu header 1 tumpang tindih sama tulisan judul, nah cara hilangin tulisannya gmna ya, txs

    BalasHapus

Terima kasih atas kunjungan Anda.
Kalau ada salah dan khilaf dalam penyajian informasi ini mohon kiranya untuk bisa menyampaikannya disini agar bisa kita musyawarahkan bersama untuk mencari titik temu yang lebih sempurna lagi.

 
Support : Johny Template
Copyright © 2011. Teknologi Informasi dan Komunikasi - All Rights Reserved
Proudly powered by Blogger