Membuat Foobar Di Blog

Habis Jalan-Jalan Di Dunia Lain Maya. Ketemu Widget Yang Namanya FooBar, Tapi Widgetnya Masih Berbayar. Untung Saja Saya Masih Punya Firebug!

foobar

Bagi Yang Mau Membuatnya Ikuti Langkah-Langkah Di Bawah Ini

Langkah 1

Copy Kode Di Bawah Ini

<link href='https://sites.google.com/site/blogsjaya/foobar/jquery.foobar.css' rel='Stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/blogsjaya/foobar/jquery-1.6.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/blogsjaya/foobar/jquery.foobar.1.1.min.js' type='text/javascript'/>

Paste Di Atas Kode </head>


Langkah 2

Copy Kode Dibawah

<script type='text/javascript'>
$(function(){
$.foobar({
"positioning" : "inline",
"display" : "delayed",
"displayDelay" : 2000, //display bar after 2 seconds
"messages": [
"Terimakasih atas kunjungannya <a href='http://tentangduniadanweb.blogspot.com/2011/10/membuat-foobar-di-blog.html'>by jaya</a>",
"Selamat datang di blog Teduweb"
],
"social": {
"profiles": [{
"name": "facebook",
"url": "http://tentangduniadanweb.blogspot.com/2011/10/membuat-foobar-di-blog.html",
"image": "https://sites.google.com/site/blogsjaya/imgfoobar/facebook.png"
},{
"name": "twitter",
"url": "http://tentangduniadanweb.blogspot.com/2011/10/membuat-foobar-di-blog.html",
"image": "https://sites.google.com/site/blogsjaya/imgfoobar/twitter.png"
}]
}
});
});
</script>

Paste Di Atas Kode </body>


Keterangan
Anda Dapat Mengedit Kode Diatas Sesuai Selera Anda