MEMBUAT WIDGET GOOGLE+ FOLLOWER DENGAN EFFECT HOVER

Oleh Unknown

Bagikan :

Tweet

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. . ! !

CARA MEMASANG DI BLOG

• Masuk ke dashboard blogger kalian
• Kemudaian pilih menu Tata letak>Tambah gadget>Html/Javascrip

• 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. . :)

Tag : widget blog