hh

hahas

« Previous Demo: Wave Display Effect


Images by Mark Sebastian

Back to the Codrops Article

Blur Menu with CSS3 Transitions

• About
• Illustrations
• Photography
• Web Design
• Personal Projects
• Contact

• More examples:
• Example 1
• Example 2
• Example 3
• Example 4
• Example 5
• Example 6
• Example 7

hahas

ini hanya coba coba

Bikin Follower Terbang

Selamat malam dan salam hangat terdahsyat untuk seluruh keluarga Indonesia
pada kesempatan kali ini saya mau menjelaskan cara membuat Widget follower yang berada di sisi blog, Untuk contoh bisa Liat disini <<<
Gimana?? tertarik mencoba?
ok disini saya kasih info untuk kelebihan widget ini ya, pertama.. buat yang blognya sempit bagus nih widget soalnya kan gak makan banyak tempat dan yang kelebihan kedua sih (menurut saya) bisa mengurangi berat suatu blog, tapi itu sih mnurut saya krna klau saya buka blog pasti bagian follower itu paling belakangan nongolnya
kalau saya salah mohon di koreksi karena saya masih baru dalam dunia blogging

Oke kita langsung praktek ya

• Seperti biasa, login dlu ke blog anda masing masing
• Rancangan > Elemen Laman > Tambah Gadget > HTML/JavaScript
• Masukin kode di bawah 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://i55.tinypic.com/8x1xlt.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">

ganti tulisan ini dengan kode google friend connect yang kamu dapat

<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<script>
<!--
document.write(unescape("%3C%66%6F%6E%74%20%73%69%7A%65%3D%22%31%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%64%61%75%7A%2D%74%69%70%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%74%61%72%67%65%74%3D%5F%62%6C%61%6E%6B%22%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%34%34%34%34%34%34%3B%22%3E%0A%3C%73%70%61%6E%20%3E%3C%62%6C%69%6E%6B%3E%47%65%74%20%54%68%69%73%20%57%69%64%67%65%74%3C%2F%62%6C%69%6E%6B%3E%3C%2F%73%70%61%6E%3E%3C%2F%64%69%76%3E%3C%2F%61%3E%3C%2F%66%6F%6E%74%3E"));
//-->
</script>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

<a href="javascript:showHideFL()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlyUdF_nNZPKREnnOKSQz8sSW-bS4o9EPt26mEPxPnoQhDG_zIWzpOIL2rRvmkP0-x1J6EzUhiiG2nu7hafn9W9UnP83bX20ccSBySZW8OTO-9Xduw81hqj64ttuVAqkpCLRrN957TiQFP/" alt="kode" title="Klik aja cuy" style="display:scroll;position: fixed; top:150px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="125px" width="37px" /></a>

Silakan di edit sesuai keinginan anda, misalnya mo di bikin tinggi ganti aja tulisan  height="125px" atau kalau mau di atur atur lebarnya juga bisa, tinggal ganti aja width="37px"
gampang kan? 

oh iya , di tengah tengah kode ada saya tambahkan "ganti tulisan ini dengan kode google friend connect yang kamu dapat" itu maksudnya, ganti tulisan tersebut dengan kode yang ada pada Google Friend Connect

Gimana Cara Dapetin Kode  Pada Google Friend Connect ?

langsung aja ke Google Friend Connect Klik Disini <<<
dibagian kiri ada tulisan "Tambahkan situs baru" dan di bawahnya akan muncul blog anda, klik saja dan pilih opsi "Tambahkan gadget anggota" trus tinggal anda edit edit sendiri warnanya.
Kalau sudah klik saja Buat kode ntar bkal muncul kode dan copy kode trsebut trus ganti dengan ganti tulisan ini dengan kode google friend connect yang kamu dapat
Maaf kalau tutorial saya terlalu panjang dan tidak beraturan
jika ada yang mau di tanyakan silakan di tanya mumpung nanya masih GRATIS
Selamat mencoba sob dan salam blogger indonesia

nyoba buat blockqutee

blockquotee

Tulis Kode disini 2

Do FOLLOW

Silakan comment :)
Blog ini DOFOLLOW