Mohon Tunggu Proses Memuat Konten Halaman

ADVERTISEMENT

Terbaru

1
Tgl. 29 Desember 2011

Membuat Menu Ikon Mengapung

Setelah hampir satu minggu tidak posting, akhirnya hari ini dapat menulis lagi sebuah artikel yang sebenarnya untuk materi ini sudah b...

Menu Dengan Icon Melayang

Setelah hampir satu minggu tidak posting, akhirnya hari ini dapat menulis lagi sebuah artikel yang sebenarnya untuk materi ini sudah banyak diulas oleh para sobat blogger.  Dengan harapan agar nantinya artikel ini dapat berguna dan bermanfaat bagi para sobat blogger lain yang bisa jadi belum mengetahui tentang cara membuat menu dengan ikon mengapung. Atau paling tidak artikel ini dapat berguna dan bermanfaat bagi diri saya sendiri sebagai sebuah catatan on line yang nantinya dapat saya jadikan sebagai bahan rujukan bila diperlukan.

Bila sobat blogger ingin membuat menu dengan ikon mengapung (floating menu with icons) atau biasa juga disebut menu dengan ikon melayang seperti pada gambar di atas, maka caranya adalah seperti pada langkah-langkah di bawah ini.

Pertama, login ke akun blogspot Anda kemudian buka “Template” -  “Edit HTML”. Selanjutnya cari kode ]]></b:skin> dan kemudian copy kode di bawah ini tepat di atasnya.
#eltelu { float:left; height:151px; margin:0; padding:0px 0 0 0px; position:fixed; left:0; text-align:left; top:70%; width:50px; } #eltelu a { display:block; float:left; padding-left:0px; border:none; } #eltelu a img { border:medium none; margin:0 0 6px; }

Kedua, cari kode </body> dan kemudian copy kode di bawah ini tepat di atasnya.
<div id='eltelu'> <a href='http://www.twitter.com/ID_TWITTER' target='_blank' title='Twitter'><img alt='Twitter' src='https://lh6.googleusercontent.com/-BFJWfCvUjHU/Tvx4pt9PgLI/AAAAAAAABNs/Cp3crxCvCTE/s800/twittericon.png'/></a> <a href='http://www.facebook.com/ID_FACEBOOK' target='_blank' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-AxoB48FsPoo/Tvx3XcndowI/AAAAAAAABNc/h57ayCaeXIA/s800/facebookicon.png'/></a> <a href='/feeds/posts/default' target='_blank' title='RSS'><img alt='RSS' src='https://lh6.googleusercontent.com/-V4NP3bbpDe0/Tvx4pLyN5xI/AAAAAAAABNo/KQ1rvo8WtTA/s800/rssicon.png'/></a> </div>
Catatan: Ganti ID_TWITTER dan ID_FACEBOOK dengan ID Twitter serta ID Facebook Anda.

Ketiga, simpan template blog Anda.


Katagori: ,
Silakan klik di sini untuk mengeposkan komentar Anda. Jika Anda ingin membaca artikel lain yang terdapat pada blog ini, maka dapat Anda lakukan dengan cara membuka laman daftar isi. Catatan: Komentar balasan hanya diprioritaskan untuk pertanyaan dan atau pernyataan yang diposkan dengan memakai formulir komentar Blogger.
Admin
Terdapat 1 komentar pada artikel ini ▶
30/12/11 09.32 O

mantap nih bisa bikin menu ikon mengapung terima kasih ya

How To ▶
Education ▶
SEO ▶
Other Internet ▶
Programming ▶
Tutorial ▶
DP & Story ▶
Tips & Trick ▶

o

  • .Ragam Tumbuhan
  • .Unik & Langka
  • .Aneka Buah
  • .Produk Sederhana
  • .Karya Seni
  • .Tempat Wisata
  • .Ragam Kegiatan
  • .Aneka Bunga
  • .Hewan & Serangga
GALERI
KIRIM MASUKAN
E L T E L U
Semar Bingung's Weblog