Cara Membuat Widget Google Plus Follower Keren Di Blogger

Cara Syarif - Membuat widget Google plus follower keren di blogger. Google plus adalah jejaring media sosial yang digunakan blogger untuk mempromosikan setiap artikel barunya kepada blogger lain yang ada dilingkarannya. Selain itu Google plus juga digunakan untuk menjalin silahtuhrahmi antar sesama blogger seperti blog walking, mencari backlink yang organik juga tentunya. Maka dari itu kita harus menyediakan widget Google plus follower ini untuk membentuk jaringan antar sesama blogger.

Image credit: Google

Sebenarnya widget Google plus follower ini sudah disediakan oleh pihak blogger di menu tambah widget, akan tetapi tampilannya biasa saja alias default. Untuk menarik Pengunjung atau blogger lain follow Google plus kita harus membuat tampilan widget yang keren, untuk menjadi daya tarik lebih tepatnya. Ibaratnya cwe cantik sama jel*k pasti yang cantik banyak yang minat hahahah.

Cara membuat widget google+ follower keren di blog

1. Pastikan Anda sudah login ke Blogger
2. Masuk ke bagian tata letak
3. Lalu pilih tambahkan gadget di posisi yang Anda inginkan
4. Pilih mode Javascrypt/HTML 
5. Masukan kode dibawah ini
6. Ganti kode yang diberi tanda warna sesuai instruksi dibawah, lalu klik simpan

<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 :
> Ubah kode berwarna merah dengan ID Google plus Anda.
> Kode berwarna hijau adalah warna mula-mula pada widget.
> Kode berwarna biru adalah warna pada widget ketika disentuh kursor.
> Kode berwarna pink adalah ukuran kotak yang membungkus widget.
> Kode berwarna ungu adalah ukuran widget Google plus follower sendiri.
> Sesuaikan ukuran table widget dengan kebutuhan Anda.

Untuk mengetahui ID Google plus, silahkan Anda akses Google plus milik Anda , lalu copy-paste link url yang ada di address bar dan gantikan alamat google plus yang di beri tanda warna merah dengan alamat yang Anda copy-paste barusan.

Hasil dari code diatas akan menjadi seperti ini

Tweet

Subscribe to receive free email updates: