1 ) Blogger ana kullanıcı panelinden yerleşim menüsüne geçin.
2 ) Herhangi bir yerde Gadget Ekle seçeneğini kullanın , HTML/JavaScript kutusunu açın.
3 ) Aşağıdaki kodları yerleştirin.
Blogger Eklentileri - Google Plus Popup Beğeni Kutusu Kodları
<style type="text/css">
/***********************************************
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYDzBasuVkj1tJQGoShDo7uHS8I2J6SYLRJvJI7oaER4mQ8ahpCABwu-o4iiPzz8o4mLgbUUDd8CMQlSWN70uZNiOx7kNh7gb_HpfjuRxyywwDQuXFutY4VLDOnq5azEeTwoFdh4n_8yl3/s1600/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {z-index:9999;background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:440px; position:fixed; top:45%; left:50%; margin-top:-220px; margin-left:-200px; border: 10px solid #999; padding: 20px;}
.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center><h3 class="exe-title">Buraya İstediğinizi Yazın</h3></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/117069198363134832012" data-source="blogger:blog:followers" data-width="310">
</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>
</center>
<br />
<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Bu Adımı Geç >> </a></center>
</div>
</div>
Google Plus Popup Beğeni Kutusu Üzerinden Yapılacak Değişiklikler
- Kodlar arasında kırmızı olarak işaretlenmiş kısım Popup penceresinde açılmasını istediğiniz sayfanın linki.
- Mavi olan kısım Popup penceresinde üst kısımda bulunan alan. Kişisel iletinizi ekleyebilirsiniz.
Kaynak: http://www.bloggerdersleri.com
