Posted by : Ivankgribatako
Minggu, 29 Desember 2013
postingan kali ini,..mengenai cara mengganti background widget google + follower blog sobat,..''
sebelumnya kan background google + follower putih tuch,..jdi kita akan rubah menjadi warna
apa aja deh,..yang sobat sukai,..seperti contoh di atas google + follower saya,..jika kursor mouse
diarah kan ke google + follower saya akan berubah warnanya,..'' coba deh sob,..''
mari kita simak sama'' tutornya brikut ini,..''
<style>sebelumnya kan background google + follower putih tuch,..jdi kita akan rubah menjadi warna
apa aja deh,..yang sobat sukai,..seperti contoh di atas google + follower saya,..jika kursor mouse
diarah kan ke google + follower saya akan berubah warnanya,..'' coba deh sob,..''
mari kita simak sama'' tutornya brikut ini,..''
- login akun blog sobat
- klik TATA LETAK / LAOUT
- klik TAMBAH GADGET
- klik HTML/JAVASCRIPT
- Copas kodenya di bawah ini,..
.bloggerspiceGplus{
margin: 10px auto;
background-color: #FEFEFE;
width: 260px;
padding: 10px 0 10px 10px;
height: 260px;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 3px solid #D3D3D3;
}
.bloggerspiceGplus:hover {
border: 3px solid #D3D3D3;
background-color: #D3D3D3;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/110561987544809067837" data-source="blogger:blog:followers" data-width="280"></div>
</div>
- klik SIMPAN / SAVE . . . ''
Ubah kode berwarna merah dengan ID Google plus sobat.
Kode berwarna hijau adalah warna mula-mula pada widget.
Kode berwarna biru adalah warna pada widget ketika disentuh kursor.
Kode berwarna pink bercetak tebal adalah ukuran kotak yang membungkus widget.
Kode berwarna pink yang bercetak miring adalah ukuran widget Google+ Follower sendiri.