Cara buat widget follow tersembunyi

: 21.43 1 comment

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
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara buat widget follow tersembunyi Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

1 komentar:

Unknown delete 31 Juli 2013 pukul 20.56

makasih untuk kunjungan nya mas N ijin boxmar

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>