Google Plus Popup Beğeni Kutusu Ekleyin

ads

ads

Google Plus çıktığından itibaren seo alanında oldukça önemli rol oynamaya başladı. Bir önceki yazımızda  google + sosyal ağınızda  takipçi sayınızı nasıl yükselteceğinizi hakkında püf noktalarını açıklamıştık.

Bu makalemizde popup açılır şekilde google plus beğeni  kutusu eklentisini paylaşacağız.  Bu şekilde ziyaretçiler sayfanızı daha fazla beğenmeye teşvik edeceksiniz.

Kurulum:
1 ) Blogger kumanda paneli + yerleşim kısmına gelin
2 ) Gadget ekle bölümünden  HTML/JavaScript kutusunu açın.
3 ) Aşağıdaki kodları yapıştırın ve kaydedin.

  <style type="text/css"> /*********************************************** ***********************************************/ * html #exestylepopupdiv {position:absolute;} #exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('http://1.bp.blogspot.com/-h5HAXYuMROo/Ua2LQ74em3I/AAAAAAAA4AM/pRP-73WWozA/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>

ads