Ads 468x60px

Τρίτη, 5 Απριλίου 2016

Google Plus Pop Up Like Box

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα widget Like box για την 
Google plus κοινότητα μας!Είναι pop up παρόμοιο όπως τα widgets των facebook
& twitter, δεν καθυστερεί καθόλου το άνοιγμα του blog μας και υπενθυμίζει στους
αναγνώστες επισκέπτες μας, να μας ακολουθήσουν στην πλατφόρμα της Google!




Δείτε εδώ το DEMO



 και για το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
..................................................................................................................................................

<style type="text/css">
/***********************************************

    www.ProBloggerTricks.com   

***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/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">Receive All Updates Via Google+. Just Click The Button Below...</h3></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="ΕΔΩ ΜΠΑΙΝΕΙ Η ΔΙΕΥΘΥΝΣΗ ΣΑΣ" 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:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.probloggertricks.com">PBTIdeas</a></center>
<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'">Skip To Continue</a></center>
</div>
</div>
<!-- www.ProBloggerTricks.com -->

...................................................................................................................................................................
ΑΛΛΑΓΕΣ 


ΕΔΩ ΜΠΑΙΝΕΙ Η ΔΙΕΥΘΥΝΣΗ ΣΑΣ --Εδώ βάζετε το url της διεύθυνση σας
που έχετε στο google plus!

Receive All Updates Via Google+. Just Click The Button Below--Όποιος θέλει αλλάζει και το
κείμενο με ένα δικό του!Αποθήκευση και έτοιμοι!


Καλή επιτυχία!!! 



Πηγή κώδικα
thanks to probloggertricks.com


Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog