Thursday, February 13, 2014

Memodifikasi Tampilan Widged Google+ Followers

Pada hari ini taukahbahwa.blogspot.com akan menyajikan artikel tentang Memodifikasi Tampilan Widged Google+ Followers. Semoga dengan posting Memodifikasi Tampilan Widged Google+ Followers akan menambah wacana bagi anda pembaca setia taukahbahwa.blogspot.com

Pada kesempatan ini saya akan membagikan sedikit trips untuk memodifikasi tampilan Google+ Followers jika anda bosan dengan tampilan widged anda yang masih standar maka tidak ada salahnya anda mencoba widged yang satu ini gan tampilannya cukup enak dimata hehehe...
lansung aja ke langkah langkahnya gan...

Masuk blog agan
pilih menu tata letak/add gadged
pilih html javascript
jika sudah silahkan letakan kode dibawah ini pada box yang tersedia

<style>
.techprevue-fb-like-box-pure{width:280px;height:160px;border-radius:3px;position:relative;background:#FFF;padding:10px}.techprevue-fb-like-box-pure,.techprevue-fb-like-box-pure:before,.techprevue-fb-like-box-pure:after{background:#FFF;border:1px solid #0072C4}.techprevue-fb-like-box-pure:before,.techprevue-fb-like-box-pure:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-pure:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #0072C4}
</style>
<div class="techprevue-fb-like-box-pure">
<div style="height:155px;overflow:hidden">
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/112756918350798570373" data-source="blogger:blog:followers" data-width="300">
</div>
<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>

Catatan : Silahkan disesuaikan kode yang saya tandai dengan warna merah
               misalnya pada ID google plus silahkan diganti dengan ID google plus anda
               pasti agan sudah tau dach hehehe silahkan berkreasi sendiri...

Terakhir silahkan simpan template anda dan lihat hasilnya
selamat mencoba semoga hasilnya memuaskan dan bermanfat.....

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com

No comments:

Post a Comment

jangan lupa tinggalkan komentar .... trimakasih atas kunjungannya