Pasang Bebarapa Floating Widget diBlog | Gudang Informasi Blogging

Pasang Bebarapa Floating Widget diBlog

Langsung saja, tanpa basa-basi :
  1. Masuk ke akun Google Anda
  2. Pilih Tata Letak >> Eleman Laman >> Add gadget (HTML/Javascript).
  3. Copy script master widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightblogger{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zetkm3Wp30Vg_2YhU4ySoG9PTwFbPkdIGjw0QY_J7lO9_R9nayrnGijdj9FncpPHP94613U10arVnBaZlfSyJMenNALhZ__J4cKiduaIRflfLQgVNEDh1J75WTbQfabLd7EgbYVD3k_Q/');
background-repeat:no-repeat;
width:39px;
height:159px;
position:fixed;
right:0px;top:50px;
z-index:1000;
}

.barrightbloggerc{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1LJgHP1gGcb8x94RkZ5L608joAeyrOrUmQr0gPCGpf4NDlkt1dATQcLGJG2WK30ezRLdJ6RkisuhE0HQUV1SJExiDqPTND_ShcO0cYsFbwwG_diWlFLanWjw3_OSnFAJQJEWlEyPB9JLB/');
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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKGQkMp8NES_cvZzKiM_w7giOIEhWu_omkCkkghbmp6gMPqpFwTEfPNNC7mGy4vmZ69nuiHu8ZIabWgvvuyQiJpNjllTx1dGtV7_MVlEh2XXkyPR687ufZjJOxioPto8wrFwlMD5XO7uN/');
background-repeat:no-repeat;
width:39px;
height:159px;
position:fixed;
right:0px;
top:210px;
z-index:1000;}

.barrighttwitterc{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKiK5_EPXTJRLdEDiAGknhYcsv35LI53ECc8aIixthcc6RGODsCgnEW2yyKNZIxfyklIbe9P1scIvzsyVK8PJ_giJS0Y7i_qbCmRLMyJNYys_bUxvJTnTR3HVPmi_Zp-tmzeTSWBzLvvWt/');
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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcmT_ejB2r0pCx6zlgQHCnJe_Q3a5ASQOv-w8YM6gErs55ozycXIAPtCXEdG98DyBJ49o7I9SZzNp4bN0u5bTzSLjVInoOOX5J5ENsckMHdVJAhv6RibHp8SXvqBBUmCc43sL_8A0gc-Qf/');
background-repeat:no-repeat;
width:39px;
height:159px;
position:fixed;
right:0px;
top:370px;
z-index:1000;}

.barrightfacebookc{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRBxiconsmEb7EU9ObfF0YCFJGcREpHRa5BZXaXZdOl-7RPgCoURMFg2w_R2Yo4SqkZRJPXRxmZo4S6fiLb0bRy8Vw-4rpK_3l-iAFiyM9kvVfCU9DheqlU-cVCpFPbs2hSwiBI-PgCL0/');
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>
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.
 Bila anda masih bingung atau kesulitan untuk mengetahui kode ID Google Friend Connect (GFC), Facebook Like Box, dan Twiter Update berikut ini tutorialnya :

Tidak ada komentar:

Ehem! Bos-bos Mau Lihat Komentar! Silahkan: