cara membuat popup google plus di blogger

cara membuat popup google plus di blogger

Hai hallo sahabat perampokgoogle apakabar nya hari senin ini ? Masih bermalasa malasan kah ? Hadeeeh ayo dong semangat, Lakukan acara apapun yang kau sukai apalagi jikalau menghasilkan kan mampu buat beli udut ama kopi ooh iya sudah pada ngopi juga kan ?

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

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

Google plus mampu kau 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 arahan </body> lalu letakan arahan HTML di bawah ini sempurna diatas arahan </body>

<!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. Developer: https://topbloggergallery.blogspot.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="https://topbloggergallery.blogspot.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 kau jadi deh ! Silahkan ganti link googleplus nya dengan milik kau sendiri.

Jika kau nggak ingin ribet kau juga mampu 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 supaya berkhasiat dan bermanfaat bagi kita semua.

Tweet