Home » Tutorial Blogspot » Tutorial Wordpress » Tutorial Membuat Widget Followers Google Plus Buka Tutup Di Samping Blog

Tutorial Membuat Widget Followers Google Plus Buka Tutup Di Samping Blog

Friday, October 24, 2014 Tutorial Blogspot, Tutorial Wordpress

Tutorial Membuat Widget Followers Google Plus Buka Tutup Di Samping Blog - Pada postingan sebelumnya Tutorial Unik telah berbagi Tutorial Blogspot dan Tutorial Wordpress yaitu

Dan pada postingan sekarang ini Tutorial Unik akan berbagi Tutorial Membuat Widget Followers Google Plus Buka Tutup Di Samping Blog.

Tutorial Membuat Widget Followers Google Plus Buka Tutup Di Samping Blog

Widget Followers Google+ sudah menjadi widget default bawaan blogger. Widget ini menjadi ciri khas sebagian besar blog yang bernaung di bawah Flatform blogger.com. Sedikit sentuhan menarik harus ditambahkan pada widget Google Plus, supaya pemilik blog yang belum memasang widget ini tertarik untuk memasangnya. Oleh karena itu, saya sebuah kode untuk membuat widget Google+ terlihat lebih keren yaitu dengan menambahkan fitur Slide Out. Slide Out itu yang bagaimana sih ?

Tutorial atau Cara Memasang Widget Google+ Slide Out :

Login ke blogger.com
Pada menu drop down, pilih Layout (Tata Letak)
Klik Add a gadget dan pilih HTML/JavaScript
Copy Paste kode berikut pada kolom yang tersedia

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//
</script>
<style type="text/css">
.gplusbox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmXQhql9zV5TF0gFqLRkmBTVrj4-9DPvZ80Aa9VGGAT7GwIjFCELM73JtMgRgmH63pVP3vXf5Cth2rQmE6yENPRjaWbRZdguhRlK6NgFwHeDl8XY5cFw-8T5G1vHTDMwg5ct95ZMNsdU/s1600/google+plus+gemar+html.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 330px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 16px;
background: white;
border: 1px solid #ff4747;
border-right: 0;
}
</style>
<div class="gplusbox">
<div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/108329354747256877665" data-source="blogger:blog:followers" data-width="320">
</div>
<script>

</script>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div>
</div>

Simpan Widget Google Plus sobat

Tambahan :
Silahkan ganti https://plus.google.com/113312575184042337977 dengan URL akun Google+ sobat.

Demikian Tutorial Membuat Widget Followers Google Plus Buka Tutup Di Samping Blog. Semoga dapat membantu.