Membuat Widget Melayang di WordPress

· Uncategorized
Penulis

Membuat Widget Melayang di WordPress.com | Tutorial Blog

Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik tampilan blog, cara memasangnya mudah saja, namun tidak semua widget dapat di pasang menggunakan trik ini.

Langsung saja Sob, berikut caranya :
  • Login ke Wordpess Anda, Klik Appearance > Widgets.

    Membuat Widget Melayang

  • Pilih Widget Text, Drag ke Sidebar

    Membuat Widget Melayang

  • Lalu letakkan kode berikut ;
    <div style=’display:scroll;position:fixed;top:5px;right:5px;’>
    Kode Widget

    </div>

    Sebagai contoh saya gunakan kode pagerank
    <div style=’display:scroll;position:fixed;top:5px;right:5px;’>
    <a href=”http://www.getrank.org&#8221; target=”_blank”><img title=”Pagerank” src=”http://www.getrank.org/prbutton/pagerank-display.php?s=17&#8243; alt=”PageRank Checker” border=”0px” /></a>

    </div>

    Keterangan :

    top:5px;right:5px; : kode yang berwarna merah merupakan posisi widget yang akan Anda pasang, seperti contoh diatas. top right menunjukkan posisinya di atas bagian kanan dengan jarak 5 pixel dari pinggir layar monitor Anda. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi ;top:5px;left:5px  posisi bawah kiri : bottom:5px;left:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px

  • Terakhir klik Save.

    Membuat Widget Melayang

Selamat mencoba dan semoga berhasil…

1 Komentar

Comments RSS
  1. Canggih

    Makasih Banyak Mas ^_^ sukses dicoba

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: