cara menciptakan popup google plus di blogger
Hai hallo teman perampokgoogle apakabar nya hari senin ini ? Masih bermalasa malasan kah ? Hadeeeh ayo dong semangat, Lakukan aktivitas apapun yang kau sukai apalagi jika menghasilkan kan dapat buat beli udut ama kopi ooh iya sudah pada ngopi juga kan ?Bingung cari topik bahasan untuk artikel kesannya ane dapet ne sedikit tutorial bagaimana cara menciptakan 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 dapat kau manfaatin sebagai sumber traffik juga loh sob jadi optimalkan lah sosial media milik si mbah ini.
cara menciptakan popup google plus di blogger
#1. Masuk ke https://www.blogger.com
#2. Pilih Tema / Theme / template >> Klik edit template >> cari instruksi </body> kemudian letakan instruksi HTML di bawah ini sempurna diatas instruksi </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 kau jadi deh ! Silahkan ganti link googleplus nya dengan milik kau sendiri.
Jika kau nggak ingin ribet kau juga dapat pasang di layout blogger silahkan masukan kodenya di Add a Gadget >> HTML dan JS kemudian save.
Oke sekian dulu ya tutorial blogger terbaru pagi ini biar berkhasiat dan bermanfaat bagi kita semua.
0 Comments