Sabtu, 26 November 2016

Cara Membuat Widget Follow Google+ Melayang di Blog

Cara Membuat Widget Follow Google+ Melayang di Blog - Google+ semakin kesini semakin ramai , banyak orang orang yang mulai beralih ke sosial media google+ ini. G+ adalah sosial media dari google , yang merupakan raksasa search engine terbesar saat ini. G+ sangat berguna untuk meningkatkat website , makanya para Blogger , Toko Online dan media media lainya sangat memanfaatkan sosial media yang satu ini.
Cara Membuat Widget Follow Google+ Melayang di Blog
Widget Follow Google+
Google+ sangat membantu dalam SEO suatu website , salah satunya adalah dari vitur Vote +1 , semakin banyak yang vote maka posisi website atau artikel tersebut bisa naik juga dari serp search engine google secara perlahan. Beberapa rang yang tau ini sudah ada yang membuat jasa optimasi google+ mulai dari follower , following dan Vote +1 , harganya pun lumayan mahal.

Widget ini saya posting karna ada yang request dari artikel sebelumnya tentang membuat widget juga , widget yang sebelumnya yang saya posting adalah widget like fanspage pop up . Mas +Wahyu IWe ,  saya mengenalnya di Grup G+ Indonesian Adsense Publisher Discussion ( IAPD ) , entah komentar hanya bercanda atau memang bener bener membutuhkan widget follow google+ ini , haha , berikut komentarnya .
Script widget ini berbeda dengan script like fanpage , dan output nya pun berbeda , namun sama sama muncul setelah loading halaman selesai , sehingga pengjung pasti melihat widget tersebut. Oke lanjut saja ke cara pemasanganya.

Cara Membuat Widget Follow Google+ Melayang di Blog

1. Masuk ke  Blogger 
2. Pilih menu  Tata Letak   Tambah / Add Gadget 
3. Masukan Script di bawah ini.
<style type="text/css">
html #mbtgppopupdiv {position:absolute;}
#mbtgppopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('http://2.bp.blogspot.com/-c-wSyciNV34/UeKC2kFtaVI/AAAAAAAAFdo/DCYN3oTcotw/s1600/mbt+google+plus+gadget.png');margin:0; overflow-y:auto;}
#mbtgppopup {z-index:9999;background-color: #f2fff0; overflow:none;}
.mbtgppopup {width:400px; height:300px; position:fixed; top:65%; left:50%; margin-top:-200px; margin-left:-200px; border: 5px solid #09a7e4; padding: 20px;}
.mbt-title {background:#f2fff0;color: #000;font-size: 14px !important;font-weight:bold;margin:5px 0;border:2px solid #09a7e4;padding:10px;line-height:15px; font-family:Verdana !important;}
</style>
<!--[if browser is IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif not]-->
<div id="mbtgppopupdiv">
<div id="mbtgppopup" class="mbtgppopup">
<center><h4 class="mbt-title">Ikuti Kami di Google+ Untuk Mendapatkan Artikel Terbaru</h4></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/100255608109261215447" data-source="blogger:blog:followers" data-width="310">
</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>
</center>
<br />
<center style=" float:right; margin-right:35px; font-size:9px;" ><b>Powered By </b><a style=" font-size:9px; color:#09a7e4; text-decoration:none;" href="http://www.sipemalas.com"><b>sipemalas.com</b></a></center>
<center style=" float:left; margin-left:30px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#09a7e4; text-decoration:none;" onmouseup="document.getElementById('mbtgppopupdiv').style.display='none'"><b>Skip To Continue</b></a></center>
</div> </div>

4. Ganti url profil  https://plus.google.com/100255608109261215447  dengan url profil G+ kalian.
5. Jika sudah , klik  Simpan 

Desain box google plus di atas bisa di edit dan di sesuaikan dengan template blog kalian , seperti border , backgroud , font size , tinggi dan lebar nya , silahkan berkreasi. Jika ada pertanyaan atau masalah silahkan berkomentar . Terimakasih.
Previous
Next Post »
 
Atas