Cara Membuat Widget Google+ Follower

  • Login ke akun Blogger sobat.
  • Masuk ke bagian Tata Letak.
  • Klik Tambahkan gadget di posisi yang sobat inginkan.
  • Pilih mode HTML/Javascript.
  • Masukan kode berikut
<style>.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 280px;
    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/116159611196713950391" data-source="blogger:blog:followers" data-width="280"></div>
</div>

Keterangan:
  1. Ubah kode berwarna merah dengan ID Google plus sobat.
  2. Kode berwarna hijau adalah warna mula-mula pada widget.
  3. Kode berwarna biru adalah warna pada widget ketika disentuh kursor.
  4. Kode berwarna pink bercetak tebal adalah ukuran kotak yang membungkus widget.
  5. Kode berwarna pink yang bercetak miring adalah ukuran widget Google+ Follower sendiri.
Untuk mengetahui ID Google plus sobat, silakan masuk ke halaman Google plus dan perhatikan id google plus terdapat di atas, yaitu di bagian url di tabulasi browser yang sobat gunakan. 
  • Klik Simpan.
  • Selesai

0 komentar:

Copyright © 2013 an.pathti