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"

Poskan Komentar

Terimakasih telah membaca artikel di Blog Orang IT aturan berkomentar yang baik dan benar :

1. Blog ini tidak memberikan backlink dikotak komentar karena sifatnya nofollow

2. Jika masih menyertakan link aktif tidak akan berefek apapun baik bagi blog anda maupun blog saya

3. Jika artikel postingan dirasa sudah expired atau outdate silahkan berkomentar minta diperbaharui atau hubungi admin melalui menu about

4. Berkomentar dengan relevan , usahakan komentar bermanfaat bagi pengunjung yang lain

5. Admin mengabaikan komentar anonimous

Terimakasih sekian jangan lupa Follow Blog Orang IT dan Like Fanspage Helmykkediri