. Rock Of Ages: Cara Menyembunyikan Widget Follow
Syalom Saudaraku seiman.. dalam menyambut natal Yesus Kristus Pemuda Petra Kinilow Akan melaksanakan Pohon Terang yang bertempat di Kanisah Barat pada tanggal 17 Desember 2011 TERIMAKASIH

Cara Menyembunyikan Widget Follow


Hai Pengunjung catatan-it.co.cc, Melanjutkan dari tutorial tuorial blog sebelumnya Sebelum kita membahas bareng mengenai trik ini, ada baiknya teman-teman tahu terlebih dahulu mengenai trik ini=> Trik ini sebenarnyasama saja dengan trik Cara Memasang Widget Followers di Pojok Blog dan"Membuat Gambar Hidup Di Pojok Halaman Blog


DEMO Widget Follow YANG TELAH DI SEMBUNYIKAN


Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:


LANGKA 1


1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connectmilik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, laluberapa jumlah sederetan wajah followers anda, juga bisa mengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"

6. Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah tahap 2


LANGKAH 2  


Berikut langkah-langkahnya :
1. Login ke Blogger
2. Masuk Rancangan - Elemen Laman
3. Tambah Gadget Html/Java Script
4. Copy -  Paste kode berikut :


<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(#) 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"> 


LETAKAN DISINI  KODE SCRIPT  WIDGET FOLLOWERS YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!


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

<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<span style="font-size:85%;"><a href="http://www.oktri.co.cc/2011/04/cara-menyembunyikan-widget-follow.html"><div style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This Gadget</span></div></a></span>
</div>
</div>
<script type="text/javascript"><br />var fl = document.getElementById("fl");<br />fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";<br /></script>
5. Setelah itu,bika rancangan - edit Html.cari code  <body> dengan cara tekan Ctrl + F, copy paste kode di atas <body>
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqniWA2MyZYCi4cw-RpcZRgOacrk1eIOTIGYKbq2FTSpbjYsYSDLqK2U5CWXYkKGfal6lZA8bEbPk3DBNwrSRrwZL2oUFJy9EAMnK3r2fEW0eej6y8IoFLp_dtXZ9UWEjMATBhbhM03PU/s1600/FOLLOWERS-LOGO-.jpg'/></a>
Selamat Mencoba 

Artikel yang berkaitan





ShoutMix chat widget

Photo Event Petra Youth

Thopan n Frends Petra Youth Out Room Petra Youth Out Room Petra Youth Out Room Petra Youth Out Room Petra Youth Out Room Petra Youth Out Room Petra Youth Out Room Petra Youth Out Room

Daftar Isi

Top New's

Jika ada artikel-artikel berkaitan kirim di sini Admin, akan kami posting secepatnya.

Syaloom Saudaraku

Selamat datang di Blog Petra Youth, semoga saja kalian bisa mendapatkan Informasi dari kegiatan pemuda kami.

Sekilas tentang penulis

Menjawab tantangan masa depan Era Teknologi dan Telekomunikasi Maka Kami Kompelka Pemuda GMIM Petra Kinilow - Tomohon dengan ini melangkah kedepandengan mempersembahkan kepada anda Website ini.Gereja GMIM PETRA KINILOW,Tomohon.Sulawesi Utara.

Temui kami disini

Twitter RSS google plus Facebook HOME
Petra Youth
Jika ada artikel-artikel berkaitan kirim di sini Admin, akan kami posting secepatnya.