Menambahkan Google+ Followers Widget Blogger Dan Memodifikasinya

Baru-baru ini Blogger merilis tool gres untuk penggunanya yaitu Google+ Followers Widget. Secara kini Google+ menjadi media umum yang kian digemari ibarat halnya Facebook. Kian hari pengguna Google+ semakin bertambah. Dan kita sebagai pengguna web atau blog tentunya ini menjadi lahan yang indah untuk menjaring sebanyak-banyaknya pembaca web/blog.

Cara Menambahkan Google+ Followers Widget Blogger Dan Memodifikasinya sangat mudah, alasannya yakni memang telah disediakan oleh Blogger itu sendiri. Dan kita mampu memodifikasinya sesuai dengan tampilan yang kita harapkan.

Namun syaratnya kita harus sudah menghubungkan blog kita dengan Google+ kita, dengan cara klik tombol Google+ pada Dashboar blog kita dan ikuti perintah yang ada untuk mengkoneksikan blog kita dengan Google+.

Untuk Menambahkan Google+ Followers Widget Blogger Dan Memodifikasinya, Anda harus login dulu ke blog Anda >> Dashboard >> Klik Tata Letak/Layout >> Add a Gadget >> Pilih Google+ Followers.

Dan tampilannya sama dengan Facebook Like Box yang telah ada selama ini dan penampakannya akan ibarat di bawah ini.

Secara default, Google+ Followers Widget ini otomatis menyesuikan lebar sidebar blog, dan untuk tinggi widgetnya 300px (menampilkan 4 baris muka/wajah). Sehingga akan menampilkan beberapa wajah follower kita. Namun apabila Anda merasa tampilannya terlalu ramai atau mungkin kurang ramai, kita mampu memodifnya pada HTML blog kita.

Silahkan Anda masuk ke Template >> Edit HTML >> Centang kotak kecil Expand Widget Template. Cari arahan PlusFollowers1 (gunakan CTRL + F untuk memudahkan pencarian). Biasanya arahan HTML-nya akan ibarat di bawah ini.

<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:if cond='data:profileUrl != &quot;&quot;'>
    <div class='g-plus' data-action='followers' data-height='300' data-source='blogger:blog:followers' expr:data-href='data:profileUrl' expr:data-width='data:width'/>
    <script type='text/javascript'>
      (function() {
        window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
        var po = document.createElement(&#39;script&#39;);
        po.type = &#39;text/javascript&#39;;
        po.async = true;
        po.src = &#39;<data:plusOneApiUrl/>&#39;;
        var s = document.getElementsByTagName(&#39;script&#39;)[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
  </b:if>
</b:includable>
</b:widget>

Perhatikan angka 300 yang berwarna merah. Itu untuk tinggi Widgetnya, silahkan rubah sesuai dengan impian Anda. Dan goresan pena data:width yang berwarna merah, itu untuk lebar widget. Dengan arahan tersebut berarti widget menyesuaikan dengan lebar sidebar yang ada. Untuk merubah lebar yang kita inginkan, silahkan ganti goresan pena data:width dengan angka, misalnya 200. 

Untuk background Google+ Followers Widget ini telah dibuat transparant, sehingga dapat menyesuaikan dengan warna background apa pun.

Seperti pada blog Kompi Ajaib ini, aku merubahnya dengan lebar 303 dan tinggi 130. Sehingga penampakannya ibarat gambar di bawah ini.

Terakhir silahkan save tamplate Anda dan lihat hasilnya...

Demikian saja sharing wacana Menambahkan Google+ Followers Widget Blogger Dan Memodifikasinya biar dapat dimewngerti dan bermanfaat....