Cara Memasang PopUp GooglePlus DiBlogger

CARA MENAMBAHKAN POPUP GOOGLE PLUS MELAYANG DIBLOGGER

Cara Memasang PopUp GooglePlus DiBlogger
Selamat Datang datang di Blog Orang IT . Postingan saya kali ini akan share tutorial blogger ringan mengenai cara membuat popup melayang google plus diblogger , nah biasanya kebanyakan yang dibuat popup melayang hanyalah Fanspage namun kali ini kita ganti dengan akun sosial media yang lain yaitu google plus plus

Sosial media merupakan tempat yang strategis untuk membangun traffic blog baik itu dari facebook maupun dari produknya google sendiri yakni google plus plus , kebanyakan kita lihat diblog lain hanyalah fanspage yang dibuat melayang namun karena saya sudah ga pakai fanspage lagi coba kita buat addbox melayang untuk google plus

Cara membuat popup melayang google plus diblogger

1. Seperti biasa masuk dashboar-edit template

2. Cari kode </body> letakkan script berikut diatasnya

<!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER.
Developer: http://helmykkediri.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/106763473516559404624" 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://helmykkediri.com//">Helmmykkediri</a></center>
</div></div>
<!-- GOOGLE+ ADD TO CIRCLES CSS POPUP WIDGET
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER-->
Yang saya tebalin silahkan ganti dengan link profil google plus anda

3. Simpan dan lihat hasilnya 

Cara Memasang PopUp GooglePlus DiBlogger1

NB :Oh ya selain dipasang di dalam template diatas juga bisa dipasang diwidget html/javascript silahkan pilih mana yang paling mudah

Demikian postingan saya mengenai bagaimana cara membuat popup google plus melayang diblogger semoga bermanfaat jika ada pertanyaan atau keluhan silahkan berkomentar nanti saya carikan solusinya sekian dan terimakasih


 Follow Blog Orang IT dan jangan lupa Like FansPage Helmykkediri dibawah serta jangan lupa untuk klik iklan yang ada pada Blog ini.untuk biaya perawatan admin

0 Response to "Cara Memasang PopUp GooglePlus DiBlogger"

Posting Komentar

Terimakasih sudah berkunjung ke Blog Orang IT , aturan berkomentar yang baik :

1. Dilarang mencantumkan berbagai macam link aktif dikomentar blog

2. Jika ingin mendapatkan backlink komen dengan name/url yang telah disediakan

3. Link download mati silahkan berkomentar

4. Postingan dirasa outdate atau sudah tidak berguna lagi komen saja jangan sungkan

5. Komentar yang memerlukan jawaban dari admin jangan menggunakan anonymous

6. Berkomentarlah dengan relevans dan tinggalkan jejak diblog saya

7. Klik iklan untuk biaya perawatan admin

Terimakasih sudah mentaati rules aturan berkomentar yang baik