Google Plus Popup Açılır Beğeni Kutusu

ads

ads

Google +  Popup Beğeni Eklentisi

Google Plus bizlere sunulduğu zamandan itibaren SEO için  çok önemli ve faydalı bir durum halini aldı. Google+ faydalarından yer yer bahsettik.. Google Plus ile  takipçi sayınızı arttırmak ve paylaşım yaptığınız konularınız +1'lenmesi gibi uzun vadeli  katkı ve fayda sağlamaktadır. Google Plus takipçilerinizi artırmanın bir yoluda bloglarınıza  beğeni kutuları eklemek. Bugün paylaşacağımız kodumuz ise, Popup beğeni kutusu.

Kod Popup kutu ile açıldığından sitenize giren ziyaretçileri rahatsız edebilir.

Kodu eklemek için,

Blogger kumanda paneli > Yerleşim yolunu takip ederek Gadget ekle > HTML JavaScript ekle kısmından aşağıdaki kodu ekleyin.



<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/AVvXsEiKjDXpnKBCld_taiaOqA6R2BjPj-MNNvErt8HzZR02v8kX6wBj1vZRQBnEYo5QhGBoGR5R6AHBrp11mgr5yOFWn0c9c3KjiZRtaFMJkLlepJORvAAbo9xoFL_0cQAL5tbqCDDpoA1elH9p/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"> Kişisel İletiniz veya kısa bir söz yazabilirsiniz</h3> </center> <center> <div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/112099787746717978414" 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>

Değişiklik yapmanız gereken yer  https://plus.google.com/112099787746717978414" kendi Google Plus numaranız ile değiştirin.

ads