Kolose Blog ( Blognya Albert K A )

Albert Kolose Blog Find Games, Applications, Music, Themes, PHP Scripts, Service, Article Update And Download More for Your Device,Trik Facebook, Zona Facebook, Update status Facebook Terbaru ,

DMCA.com Protection

Powered by Blogger.

Search

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box



Hallo para wapper, blogger, dan yang gemar berkeliling dunia maya, sudah kenal saya donk pastinya :D sayakan admin blog www.kolose.blogspot.com hehe. Dimulai yuk tips dan triknya.


Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :
1.   Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

2.       Copy script master widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightblogger{ background:url('http://1.bp.blogspot.com/-M5A-TLdB58E/TpOxL5GAReI/AAAAAAAAAN0/gEa0HRqhX4k/blogger.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('http://2.bp.blogspot.com/-gQ9PACjKc2I/TpOxMv4CyiI/AAAAAAAAAN8/FyEncEGNCbM/blogger.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('http://1.bp.blogspot.com/--gRMUITrjwM/TpOxLpClllI/AAAAAAAAANs/l88iteOo244/twitter.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('http://2.bp.blogspot.com/-B97DZMK7wus/TpOxNSwRhPI/AAAAAAAAAOU/A-RjcC6WYjk/twitter.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('http://1.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/facebook.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('http://2.bp.blogspot.com/-Cum28YwF4d8/TpOxM_lUKMI/AAAAAAAAAOE/L4pJ91PTVz4/facebook.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>
3.       Kustomisasi widget :
  • Ganti tulisan CONTENT BLOGGER HERE dengan kode HTML Google Friend Connect anda.
  • Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.
  • Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.


Semoga Bermanfaat.. Follow Blog Ini Ya Sobat. Cantumkan Link Sumber Blog Ini Sob, Jika Mau Copy Paste (Copas) Ok Sob. Salam Saya Admin blog www.kolose.blogspot.com :) Berkomentarlah sobat, berikan blog ini saran dan kritikan, agar blog ini makin maju.
Post by : http://www.kolose.blogspot.com
Anda baru saja membaca artikel yang berkategori Blog / Mobile Blog / Mobile Site / Trick and Tips / Xtgem dengan judul Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box. Anda bisa bookmark halaman ini dengan URL http://kolose.blogspot.com/2013/04/cara-membuat-widget-melayang-google.html. Terima kasih!
Ditulis oleh: Albert Kolose - Tuesday, 16 April 2013

1 Komentar untuk "Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box"

  1. terima kasih infonya sob, masih berpikir panjang nih, ruwet kayaknya

    ReplyDelete

Info

SEO Stats powered by MyPagerank.Net Google Rank : Google PageRank Checker Powered by  MyPagerank.Net U-ON Flag Counter SEO Reports for kolose.blogspot.com