Cara Membuat Floating Page

Monday, July 02, 2012

ada kawancut yang nanya jadi dibikin deh tutornya hehe
1. Design – Page elements – Add a gadget – HTML/JavaScript
2. Copy paste script dibawah ini yaaaa..




<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:240px; left:25px;'>
<a class='linkopacity' href='URL PAGE YANG KAMU BUAT' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='about me'><img border="0" src="URL GAMBAR" /></a><br /></div>

http://doubletakoyaki.blogspot.com/

Merah : URL page yang kamu buat (about me, link exchange, dll)
Biru : URL gambar kamu (di photobucket atau di picasa atau dimana aja hehe)
diotak atik aja scriptnya sesuai keinginan
3. Preview dulu kalo udah sesuai keinginan baru di save :D

please take with full credit :)

You Might Also Like

12 love (s)

  1. Kayaknya ada yang kurang, deh....

    Err, Floating Page itu apa, ya?
    *nubi ._.v *

    ReplyDelete
    Replies
    1. itu lohhh kayak about me disamping kiri blog aku ._.
      bisa dibilang menubar melayang gitu hehe

      Delete
    2. Ooh....
      Oke. Thanks.
      Tadi aku buka versi mobile-nya (...page.html?m=1) jadi gak keliatan.

      Delete
  2. asiiiiik...dapet tambahan ilmu nih..
    makasih ya :)

    ReplyDelete
  3. boleh nih di coba.. hehe ilmu baru,thanks sist dah share hehhe :D

    ReplyDelete

Thankyou for droping by. Please leave your footstep here ♡
Sorry, active link will be automatically removed so make sure you use active profile.