cara membuat popup google plus di blogger

Hai hallo sobat perampokgoogle apakabar nya hari senin ini ? Masih bermalasa malasan kah ? Hadeeeh ayo dong semangat, Lakukan kegiatan apapun yang kamu sukai apalagi kalau menghasilkan kan bisa buat beli udut ama kopi ooh iya sudah pada ngopi juga kan ?

Bingung cari topik bahasan untuk artikel akhirnya ane dapet ne sedikit tutorial bagaimana cara membuat popup google plus di blogger biasanya kan yang ada cuma untuk facebook saja kan ?

Jika kamu ingin menggunkan widget ini silahkan pantengin terus postingan siang ini.

Google plus bisa kamu manfaatin sebagai sumber traffik juga loh sob jadi optimalkan lah sosial media milik si mbah ini.

cara membuat popup google plus di blogger
#1. Masuk ke https://www.blogger.com
#2. Pilih Tema / Theme / template >> Klik edit template >> cari kode </body> lalu letakan kode HTML di bawah ini tepat diatas kode </body>

<!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Developer: http://www.perampokgoogle.com/
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget -->
<style type="text/css"> 
* html #tpfanbox{position:absolute}
#tpfanbox{display:block;top:0px;left:0px;width:100%;height:100%;margin:0;overflow-y:auto; z-index:9999}
#tpfanboxx{background-color:#fff;overflow:none}
.tpfanboxx{width:320px;height:380px;position:fixed;top:45%;left:50%;margin-top:-200px; margin-left:-200px;border:7px solid #CF3E2C;padding:20px;z-index:9999}
.tptitle{background:#CF3E2C;color:#fff;font-size:16px !important;font-weight:bold;margin:5px 0;border-left:20px solid #C64A28;padding:10px;line-height:25px;font-family:Arial !important; float:left;z-index:9999;width:auto}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto;overflow-y:hidden}
/*]]>*/
</style>
<![endif]-->
<div id="tpfanbox">
<div id="tpfanboxx" class="tpfanboxx">
<h3 class="tptitle">WANT UPDATES, ADD TO CIRCLES</h3>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/+LocalHost666" data-source="blogger:blog:followers" data-width="350">
</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>
<br/>
<center style="float:left; margin-left:10px;cursor:pointer;"><a style=" font-size:xx-small; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('tpfanbox').style.display='none'">[X] CLOSE</a></center>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.perampokgoogle.com/">Perampok Google</a></center>
</div></div>
<!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. -->

#3. Simpan template kamu jadi deh ! Silahkan ganti link googleplus nya dengan milik kamu sendiri.

Jika kamu nggak ingin ribet kamu juga bisa pasang di layout blogger silahkan masukan kodenya di Add a Gadget >> HTML dan JS lalu save.

Oke sekian dulu ya tutorial blogger terbaru pagi ini semoga berguna dan bermanfaat bagi kita semua.

Search This Blog

cara membuat popup google plus di blogger