Wednesday, 31 July 2013

Memodifikasi Tampilan Widged Google+ Followers

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

No comments:

Post a Comment