form#searchform2{display: block;float:right;margin: 30px 14px 10px 5px;}input.searchinput{background:#fff;border: 1px solid#006699;color:#006699;height:30px;}.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;} .post {-moz-border-radius: 20px ; -webkit-border-radius: 2; border-radius: 20px ; padding:20px; border: 5px solid #ff0000; } #navbar-iframe { height:0px; visibility:hidden; display:none } #Label1 li { float:left; width: 48%; } -->

Lencana Facebook

Jumat, 25 Januari 2013

Membuat Widget Follower Blog Dengan Efek Bubbles


Membuat Widget Follower Blog Dengan Efek Bubbles
 -

Pernah Kalian melihat gedget Follower blog dengan tampilan yang keren dan wah??
salah satunya seperti Followers dengan Bubbles Effect berikut :




angkah mudahnya sebagai berikut :
Pertama :
Silahkan Login dulu di Blog kesayangan Kalian
ADD GADGET dan pilih HTML Java Script
dan copas Kode berikut :


<script src=”http://www.google.com/friendconnect/script/friendconnect.js” type=”text/javascript”>

</script>

<div id=”div-7791692969327865580″>
</div>
<script type=”text/javascript”>
var skin = {};
google.friendconnect.container.setParentUrl(‘/’ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: ‘div-7791692969327865580′,
url:’http://www.eaglewebapp.com/ewa/gfc/bubbles/bubbles.xml’,
site:’GANTI DENGAN ID FRIEND CONNECT KALIAN‘,
‘prefs’:{‘width’:’300′,’height’:’300′,’maxDisplay’:’10′,’color’:'center’}
}, skin);
</script>

Untuk Mendapatkan ID FRIEND CONNECT
Akan Muncul gambar seperti :




Kemudian Copy Kodenya…!!

Semoga bermanfaat !

Tidak ada komentar:

Posting Komentar

Ainan Tasneem

http://picasion.com
create an animated gif here at http://picasion.com gif maker