Tuesday, June 28, 2011

Cara buat widget follow tersembunyi

Hallo sobat Blogger coba klik tombol follow di sebelah bawah kiri ..apa yang terjadi ....mungkin buat master blogger yang dah profesional hal kayak gitu dah biasa tapi buat pemula (seperti saya)hal itu mungkin perlu mengetahui cara membuat nya :
  • loggin ke blogger
  • masuk rancangan  pilih  HTML JAVA SCRIPT
  • kemudian msuk kan kode script di bawah ini 
  • <style type="text/css">
    #fl{
    position:fixed;
    right:190px;
    z-index:+1000;
    }
    * html #fl{position:relative;}

    .fltab{
    height:32px;
    width:270px;
    float:top;
    cursor:pointer;
    background:url('http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/http.gif') no-repeat;
    }
    .flcontent{
    float:right;
    border:2px solid #676767;
    background:url()#F90 repeat-x bottom center scroll;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideFL(){
    var fl = document.getElementById("fl");
    var w = fl.offsetWidth;
    fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
    fl.opened = !fl.opened;
    }
    function moveFL(x0, xf){
    var fl = document.getElementById("fl");
    var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    fl.style.bottom = x.toString() + "px";
    if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="fl">
    <div class="fltab" onclick="showHideFL()"> </div>
    <div class="flcontent">


    HAPUS TEKS INI GANTI DENGAN Code script Follower Blog anda disini

    <div style="text-align: right;">

    <a href="javascript:showHideFL()">
    [Tutup]
    </a></div>
    <font size="2"><a href="http://www.seiparing-tv.co.cc“target=_blank"><div style="color: #444444;">
    <span style="font-size: xx-small;">By Seiparing TV</span></div></a></font>
    </div>
    </div>
    <script type="text/javascript">
    var fl = document.getElementById("fl");
    fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
    </script>
  • jangan simpan dulu masih ada kelanjutan nya brour....
  • cari dulu script follow nya coba aja  di sini
  Login dulu ke Akon google dengan mengklik MEMULAI ( Get Startet)  kemudian masukan  E-mail  dan sandi anda kemudian - Pilih blog sobat yang akan dipasang widget follownya “disamping kiri”
- Klik "Tambahkan gadget anggota" (Add the members gadget) atas
- Silahkan diatur ukuran, warna dll nya.. (Choose colors)
- Klik "Buat kode" (Generate code) paling bawah
- Silahkan Copy kodenya, dan ikuti kembali langkah selanjutnya
  • Paste kode Widget Follow yang anda copy tadi ke kode diatas (teks yang berwarna merah) dan ganti kode yang bernama (HAPUS TEKS INI GANTI DENGAN Code script Follower Blog anda disini) yang terdapat ditengah-tengah codescript diatas dengan kode Widget Follow yang sudah dicopy tadi)
  • nah ini baru boleh SAVE/simpan
  • langkah selanjut nya  EDIT HTML Cari kode <body>  kemudian pastekan kode di bawah ini tepat di atas nya
  • <a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/fo-2.gif" border="0" alt="Photobucket'/></a>
    kemudian save template .....semoga berhasil brour..........
  • Nb: buat sobat blogger yang Follow nya dah banyak mending pikir 2 dulu kalau mau buat karena semua follow akan bisa hilang semua /masih mencoba tuk mencari cara mengembalikan nya

No comments:

Post a Comment