Membuat gambar melayang di WordPress (floatting image)


Jika rekan-rekan tertarik untuk mencobanya atau untuk sekedar mempercantik tampilan blog, caranya sangat-sangat mudah.

  1. Login ke akun WordPress.com anda.
  2. Kemudian klik [Appereance] > [Widgets].
  3. Pilih widgets “Text“.
  4. Copy dan pastekan kode dibawah ini:
    Posisi bawah-kanan:

    <div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="http://www.bootingskoblog.net/" target="_blank">
    <img src="http://1.gravatar.com/avatar.jpg
    " />
    </a></div>

    Posisi atas-kanan:

    <div style="display:scroll;position:fixed;top:0;right:0;"><a href="http://www.bootingskoblog.net/" terget="_blank">
    <img src="http://1.gravatar.com/avatar.jpg
    " />
    </a></div>

    Posisi bawah-kiri:

    <div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="http://www.bootingskoblog.net/" terget="_blank">
    <img src="http://1.gravatar.com/avatar.jpg
    " />
    </a></div>

    Posisi atas-kiri:

    <div style="display:scroll;position:fixed;top:0;left:0;"><a href="http://www.bootingskoblog.net/" target="_blank">
    <img src="http://1.gravatar.com/avatar.jpg
    " />
    </a></div>

  5. Dan klik tombol [Save].

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