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