Membuat Icon Melayang Tanpa Plugins

Akhirnya selesai juga tampilan icon melayang ala windows vista yang saya buat di blog ini, awalnya saya bingung bagaimana cara membuatnya namun karena keinginan saya agar tampilan blog ini terlihat menarik dan pada akhirnya saya mampu menyelesaikannya. Mungkin bagi sobat ilmy blog bertanya – tanya bagaimana cara membuat tampilan icon melayang ala windows vista  seperti punya saya bukan? mau tau caranya ? Oke karena Ilmu yang didapat akan bermanfaat apabila di amalkan, maka kali ini saya akan berbagi kepada sobat ilmy blog tentang tutorial membuat Icon Melayang ala Windows Vista di blog.

Review

Berikut adalah langkah – langkah cara membuatnya :

1. Sobat login terlebih dahulu.

2. Selanjutnya sobat pilih menu Tampilan -> Widget.

3. Teks pada widget yang tersedia sobat geser ke bilah 1.

4. Kemudian isikan Dalam teks tersebut di bawah ini :

<a style=display : scroll ; position : fixed ; top :0; left:300px ; ” title=”judul icon 1” href=”Link sesuai judul“><img src=”gambar icon 1” alt=”” width=”40″ height=”40″ /></a>

<a style=”position:fixed;top:0;left:350px;” title=”judul icon 2” href=”Link sesuai judul“><img src=”gambar icon 2” alt=”” width=”40″ height=”40″ /></a>

<a style=”position:fixed;top:0;left:400px;” title=”judul icon 3” href=”Link sesuai judul“><img src=”gambar icon 3” alt=”” width=”40″ height=”40 /></a>

<a style=”position:fixed;top:0;left:450px;” title=”Judul icon 4” href=”Link sesuai judul“><img src=”gambar icon 4” alt=”” width=”40″ height=”40″ /></a>

<a style=”position:fixed;top:0;left:500px;” title=”judul icon 5” href=”Link sesuai judul“><img src=”gambar icon 5” alt=”” width=”46″ height=”54″ /></a>

Keterangan :

Top = icon melayang berada di bagian atas.

Bottom = icon melayang berada di bagian bawah.

Left = ukuran jarak antara icon 1 dengan icon 2 dan seterusnya.

Judul icon 15 = isi nama icon.

Link sesuai judul = isi Link icon.

Gambar icon 15 = isi gambar yang sobat jadikan sebagai icon dengan format png / jpg.

Semoga bermanfaat.

<– Kembali

13 Tanggapan to “Membuat Icon Melayang Tanpa Plugins”

  1. gan menu tampilanya di mana

  2. ohhhhh……..
    klo saya paki blogspot…
    apa bisa diganti menjadi wordpress

  3. ga bisa gan…klo blogpot sma wordpress beda perusahaan..klo dari wordpress atau blogspot ke .co.cc baru bisa gan…

  4. gambar Icon tuh ngisinya gmn Gan???

  5. kasih contoh 1 dunk Maz… pliissss

  6. gann ,,

    ane belum paham ..

    tolong biar lebih banyak lagi SSnya ..

    terima kasih

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: