• Home Home
  • Buku Tamu
  • Kontak
  • Fb
  • Download Theme Blogger
  • Versi Mobile

:D

THIS BLOG HAS BEEN HACKED :D


#YOSH24


Thanks for Quest

I WIN


#HackerIndonesia

Cara Membuat Hide/Show Widget Follow

"fv aRhy" 7 Jun 2011

Berdasarkan hasil searching saya, akhirnya saya menemukan tips untuk mengHide Widget Follow blog kita. Supaya lebih menarik, kita akan mengHidenya. ya kan?
Oke langsung saja. Sebenarnya tips ini hampir sama dengan tips untuk mengHide Buku tamu. Cuman Bedanya, penempatan kode dari jenis aplikasinya. Pada tips ini anda harus bisa menciptakan kode HTML dari widget Follower blog anda. Bisa tak?.
Kalau tidak bisa anda akan saya bawa ke Situs Ini.
Oke....sebelumnya follow saya dulu yah....hahahah.
Biar tidak banyak ceritanya, langsung saja kita ke langkah-langkah untuk membuat  show/hide follow....

Langkah I

1. Login ke Blogger.com dengan akun anda

2. Pilih Rancangan

3. Pilih Elemen Laman

4. Kemudian Add Gadget--Terus HTML/JavaScript

5. CoPas kode berikut ini

<style type="text/css">

#fl{

position:fixed;

left:150px;

z-index:+1000;

}

* html #fl{position:relative;}

.flcontent{

float:left;

border:2px solid #676767;

background:url(http://lh3.ggpht.com/_yF0--u7KSSI/TKIlkEJwkEI/AAAAAAAAAtg/uFf3eLsXlyg/fire2.gif)#000000 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">





Kode Widget Follow Disini





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

<a href="javascript:showHideFL()">

[Tutup]

</a></div>

<font size="2"><a href="http://www.berbagidisini.com/2010/10/memasang-widget-follow-showhide.html"target=_blank"><div style="color: #444444;">

<span style="font-size: xx-small;">By enda fiVers</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 disave dulu, mari lanjut ke langkah selanjutnya.

6. Untuk mendapatkan kode widget follownya silahkan masuk ke link ini [http://www.google.com/friendconnect]

7. Lihat Gambar dibawah



  1. Pilih Judul Blog Sobat.
  2. Klik "Tambahkan gadget anggota"
  3. Silahkan diatur ukuran, warna  dll nya
  4. klik "Buat Kode"
  5. Silahkan Copy kodenya, dan ikuti langkah selanjutnya
8. Selanjutnya, silahkan Copy kode  Follownya kemudian letakkan di kode Script yang tadi.

9. Selanjutnya Save.



Langkah II

1. Pilih Edit HTML

2. Cari kode ini <body>

3. Letakkan kode berikut ini di atas <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='http://lh4.ggpht.com/_yF0--u7KSSI/TKWWpZF5MKI/AAAAAAAAAu4/E18Axu8eACI/Follow.png'/></a>
4. Kemudian Simpan Template.

Selesai deh...Semoga bermanfaat.

4 comments

pengen nyoba sih...tapi takut kalo malah rusak...hhehe
maklum om, masih newbie...hahaha

7/6/11

@Muhammad Muchlis : silahkan gan Dicoba gan, sebelum disimpan di pratinjau dulu gan agar tau bener gak masukinnya, salah-salah nnty malah rusak, :D
sama om saya juga masih newbie. haha

THANXZ...gan tas tutorialnya.....:)

9/6/11

@andhica_dhevie 27 : oke gan.. semoga sukses.. :)

Posting Komentar

blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar..