Membuat Widget Melayang di Wordpress.com

Diposkan oleh Madie Zha on 26 December 2011 at 1:27 PM

Membuat Widget Melayang di Wordpress.com | Tutorial Blog

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" target="_blank"><img title="Pagerank" src="http://www.getrank.org/prbutton/pagerank-display.php?s=17" 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...

.:. 38 komentar .:.Post a Comment

  1. Saya masih belum berhasil nih, hehe..

    ReplyDelete
  2. thanx gan atas infonya.....kalian juga bisa kunjungi situs http://ict.unsri.ac.id/ atau http://elastralsyah.wordpress.com

    ReplyDelete
    Replies
    1. Kalo positionnya di tengah seperti widget ente yang follow me, gimana gan ?

      Delete
    2. Pake % bro, mis top:50%, semoga membantu

      Delete
  3. tukeran link..
    link anda sudah terdaftar pada situs saya, bisa di cek http://ompolxxl.wordpress.com

    mohon linkback
    ke http://ompolxxl.wordpress.com/tukeran-link/

    ReplyDelete
  4. makasih sob infonya, mau saya coba ah

    ReplyDelete
  5. makasih min, oiya min pengin tahu bagaimana cara membuat menu komentar seperti ini di wordpress?

    ReplyDelete
  6. Trima kasih gan,,,
    sangat membantu saya nee.....
    kunjung balik gan ke blog saya yang sederhana....

    trimakasih.......

    ReplyDelete
  7. Bertukarlink selain untuk meningktatkan trafik dan baclink juga bermanfaat untuk menjalin silaturahmi..
    Mohon dukungannya Sob,,

    silahkan sobat cek

    ReplyDelete
  8. ternyata di blog wp juga bisa ya widgetnya dibuat melayang, saya baru tahu
    trims atas tutorialnya

    ReplyDelete
  9. sangat membantu, saya bukmak nih :)

    ReplyDelete
  10. Manteps, makasih tutorialnya...

    ReplyDelete

  11. sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  12. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  13. sangat menarik sekali infonya :)

    ReplyDelete
  14. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete
  15. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  16. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  17. kereen bangettt sok artikelnya thanks infonya...

    ReplyDelete


  18. thanks ea, kerennn bangettt infonya.... sukses selalu ea sob

    ReplyDelete
  19. cara-cara diatas sama gak dengan cara membuat gambar melayang di wodpress gan ?
    tolong penjelasannya.

    Terima Kasih

    ReplyDelete
  20. makasih infonya.... kunjungi balik ya gan

    ReplyDelete
  21. gak ada demonya ya sob ?
    salam kenal
    http://giribig.com/
    www.duniagame.info
    www.idcheat.com

    ReplyDelete
  22. terimakasih banyak sob buat tutorialnya.. sangat membantu...

    ReplyDelete
  23. SEX EXSTRIM | FILM PORNO HD

    http://bukanrekayasa.blog.com/

    WWW.BUKANREKAYASA.BLOG.COM

    Film XXX | Film Sex | FILM Dewasa

    ReplyDelete
  24. I am really enjoying reading your well written articles. It looks like you spend a lot of effort and time on your blog.

    ReplyDelete
  25. harga obat ambeien denature hanya dengan Rp 275 000

    ReplyDelete
  26. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom