MEMBUAT WIDGET GOOGLE+ FOLLOWER DENGAN EFFECT HOVER

Ingin tampilan widget  followers google plus pada blog anda berbeda dari yang lainya?Pada postingan saya kali ini saya akan berbagi tips cara membuat widget followers google plus dengan effect hover,caranya sangat mudah sob hanya menambah beberapa kode saja. .Oke langsung saja bagi yang mau menycoba memasang di blog,lebih jelasnya silahkan lihat screenshot di bawah ini dulu sob. . ! !

Widget folllower google plus dengan hover effect

CARA MEMASANG DI BLOG

  • Masuk ke dashboard blogger kalian
  • Kemudaian pilih menu Tata letak>Tambah gadget>Html/Javascrip
dashboard blogger
  • Kalau sudah,selanjutnya silahkan copy kode di bawah ini. .!! 
  • Dan pastekan di kotak HTML/Javascrip tadi. .
<style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 255px;
    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 #E50913;
}
.bloggerspiceGplus:hover {
    border: 3px solid #A0060E;
    background-color: #E50913;
    -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/109617190570026416526" data-source="blogger:blog:followers" data-width="280"></div>
</div>
KETERANGAN : 109617190570026416526 silahkan ganti dulu dengan ID google plus anda,kalau sudah ya di save,dan lihat hasilnya. . :)

Disclaimer : Gambar,Link download atau video pada artikel di website ini terkadang berasal dari berbagai sumber media lain. Hak cipta sepenuhnya dipegang oleh sumber tersebut.

3 Comment

Bagus sob, terimakasih yah...

Dicoba dulu, om...thanks infonya.
Salam kenal dan kalau sempet mampir balik :)

Oke bosss. .

Segera menuju tkp. . (b)

NO SPAM :
Komentar memasukan link aktif tidak akan di tampilkan atau terhapus secara otomatis.
EmoticonEmoticon

Contact Us

Name

Email *

Message *