Panduan Membuat Pop Up Google+ di Blog - Fungsi google+ boleh dibilang cukup penting dalam mempromosikan blog yang Anda miliki, apalagi jika Anda menggunakan domain blogger. Semakin banyak jumlah follower Google+ Anda maka semakin besar pula kemungkinan traffic yang Anda dapatkan dengan melakukan promosi melalui Google+.
Baca Juga : Pentingnya Membuat Blog Menjadi Mobile-Friendly
Untuk itu untuk semakin menambah jumlah follower Google+ Anda serta meningkatkan jumlah pengunjung blogger Anda, maka Anda dapat memasang widget Google+ diblog yang Anda miliki. Adapun penempatannya Anda dapat sesuaikan dengan desain blog Anda, atau Anda bisa membuat widget Google+ tersebut melayang-layang atau disebut "pop up". Dengan menggunakan pop up ini pastinya akan membuat pengunjung blog Anda semakin banyak yang melakukan follow Google+ Anda, karena setiap halaman blog Anda dibuka, maka pop up Google+ ini akan muncul.
Untuk membuat pop up ini langkahnya sangat mudah, pastikan Anda sudah mempunyai akun Google+ ya. Silahkan ikuti langkah berikut untuk membuat pop up Google+ di blog.
1. Silahkan login ke akun blogger Anda.
2. Masuk ke menu "Layout" atau "Tata Letak", lalu klik "Add Gadget/Tambah Gadget", selanjutnya pilih "HTML/JavaScript".
3. Copy paste script dibawah ini pada kolom "content" atau yang paling besar. Untuk kolom "title" atau judul dikosongkan saja.
<style type="text/css">
html #googleplusevolutions {
position: absolute;
}
#googleplusevolutions {
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0;
overflow-y: auto;
z-index: 9999;
}
#googlefaceblogevolutions {
background-color: #FFFFFF;
overflow: none;
}
.googlefaceblogevolutions {
width: 300px;
height: 190px;
position: fixed;
top: 45%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
border: 7px solid #000000;
padding: 20px;
z-index: 9999;
}
.titletop {
background: #000000;
color: #fff;
font-size: 16px !important;
font-weight: bold;
margin: 5px 0;
width: 280px;
padding: 10px;
line-height: 25px;
font-family: Arial !important;
float: left;
z-index: 9999;
}
</style>
<div id="googleplusevolutions">
<div id="googlefaceblogevolutions" class="googlefaceblogevolutions">
<h3 class="titletop">Wellcome To Ipoeng Blog</h3>
<div class="g-person" data-href="//plus.google.com/108459458065293685771" data-theme="dark" data-layout="landscape" data-showcoverphoto="false" data-rel="author"></div>
<script type="text/javascript">
(function() {
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; cursor:pointer;"><a style="font-size:xx-small; color:#000; font-weight: bold; background-color: #52E052; padding: 5px 10px; border: 1px solid #00ff00; text-decoration:none;" onmouseup="document.getElementById('googleplusevolutions').style.display='none'">[X] CLOSE</a></center>
<center style="float:right; margin-right:10px;"><a target='_blank' style="font-size:xx-small; color:#52E052; text-decoration:none;" href="http://mas-andes.blogspot.com/2013/08/cara-membuat-pop-up-widget-google.html">Get This Widget</a></center>
</div></div>
Keterangan :
a. Wellcome To Ipoeng blog dapat Anda ganti sesuai keinginan Anda.
b. Ubah 108459458065293685771 dengan ID Google+ anda.
4. Klik "Simpan" setelah anda selesai mengedit text yang telah saya beri tanda.
Sangat mudah bukan?. Silahkan Anda praktekkan, semoga dengan pop up ini akan membuat follower Google+ Anda semakin meningkat dan jumlah pengunjung blog Anda pun semakin bertambah.
0 Comments