PopUp Facebook Like box - Blogger

anetsos · 13 Οκτωβρίου 2013

καλησπέρα παιδιά! έχω ένα blog μέσω του blogger. αυτο εδω! ( http://matheutikan.blogspot.gr/ ).
λοιπον! προσθετω σε widget εναν κωδικα για να μου εμφανιζει ενα popup facebook like box, αλλα δεν μου το εμφανιζει...δεν φτεει ο κωδικας γιατι το δοκιμαζω σε αλλο blog και το εμφανιζει κανονικα...τι φτεει? βοηθεια σας παρακαλω

NikosTsolakos · 13 Οκτωβρίου 2013

Βαλε αυτο στο πρώτιπο σαν gadget

<style type="text/css"> * html #popupfacebook{ position:absolute; overflow:hidden;} #popupfacebook { display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-color:none; margin:0; overflow-y:hidden;} #Trickstoostylepopup { background-color: #fff; overflow:none; overflow:hidden;} .Trickstoostylepopup { width:333px; overflow:hidden; height:370px; position:fixed; top:45%; left:50%; margin-top:-210px; ; border: 10px solid #999; padding: 20px;} </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="Trickstoostylepopupdiv">
 <div id="Trickstoostylepopup" class="Trickstoostylepopup">
 <center>
 <h3 class="title">
 <img src="https://lh6.googleusercontent.com/-GBopVdEeK1M/Ua9pu5T_p9I/AAAAAAAABE0/HVOGbWEHsBE/h109/fb1.jpg" /> </h3>
</center>
<center>
 <iframe src="//www.facebook.com/plugins/likebox.php?href=BALE TO LINK SOU& width=300&colorscheme=light& show_faces=true& border_color=%23ffffff& stream=false&header=false& height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:216px;" allowtransparency="true"> </iframe> </center>
<div style=" float:left; margin-left:0px; font-size:9px; cursor:pointer;" >
 <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('Trickstoostylepopupdiv') .style.display='none'"> <img src="https://lh6.googleusercontent.com/-BTm-WAqkztI/Ua9pgU-16fI/AAAAAAAABEs/valx8qUqNV4/h120/exit.png"/> </a> </div>
<p style=" float:right; margin-right:35px; font-size:6px;" >
Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://lefta4klik.blogspot.gr/" target='_blank'>lefta4klik</a></p>
</div>
</div>

και αντικατέστησε το "BALE TO LINK SOU" με το λινκ της σελιδα σου στο fb

anetsos · 14 Οκτωβρίου 2013

ναι ολα καλα αλλα εγω θελω με timer!

anetsos · 14 Οκτωβρίου 2013

καμια βοηθεια ρε παιδια?

NikosTsolakos · 14 Οκτωβρίου 2013

το blogger δεν τα σηκώνει ολα τα Popup's και τα javascripts!

ειχα και εγω και ηταν ζοριλίκη
το συγκεκριμένο το σηκώνει γιατι ειναι σαν gadget δεν χρειάζεται να τρέξει τίποτα απο το template Όπως τα αλλα!
γιατι τα αλλα πρεπει να βαλεις το script στο <body> και πολλά αλλα!

anetsos · 14 Οκτωβρίου 2013

τωρα πως θα το κανω?

NikosTsolakos · 14 Οκτωβρίου 2013

αν θες να βαλεις αυτο που σου έστειλα θα κανεις το εξής

Σύνδεση στο λογαριασμό σας στο blogger.com
Διάταξη
Προσθήκη gadget
HTML/JavaScript
Επικόλληση και Αποθήκευση

αν θες να βαλεις αυτο που εχεις πρέπει να μου στείλεις τον κώδικα για να τον δω και να σου πω αν θα στο εμφανίσει

anetsos · 14 Οκτωβρίου 2013

αυτος ειναι ο κωδικας! τον βαζω σε gadget και δεν εμφανιζει τιποτα! :/

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='MMKTRICKS'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
}
#fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
}
.fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;
}
#fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-

weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
}
</style>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
 $(document).ready(function(){      
  $().KNFBFansPRO({
   timeout: 20,
   wait: 0,
   url: 'http://www.facebook.com/MMKTRICKS',
   closeable: true  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

NikosTsolakos · 14 Οκτωβρίου 2013

αγορίνα αυτος ο κώδικας δεν μπαίνει σαν gadget!
κανε το εξής:

Πήγεναι στο Blogger > Πρότυπο > Επεξεργασία HTML
Κανε ενα Backup για να υπάρχει σε περίπτωση που δεν πιάσει ( γιατι μπορει να μην το σηκώνη το blogger )
και βάλε τον κώδικα σου πάνω απο τον κώδικα </body>

( Αν δεν ξερεις που να βρεις τον κώδικα πατα CTRL+F και πατα στην αναζήτηση το </body> )

anetsos · 14 Οκτωβρίου 2013

παλυ δεν δουλευει ομως...

βασικα λεει οτι κατι δεν ειναι σωστο...

NikosTsolakos · 14 Οκτωβρίου 2013

για τον κώδικα λεει για στείλε μου το Error

Kαι τον κωδικα που λεει οτι εχει λαθος

anetsos · 14 Οκτωβρίου 2013

http://prntscr.com/1xa38l

και ο κωδικας :

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='matheutike'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
}
#fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
}
.fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;
}
#fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-

weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
}
</style>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
 $(document).ready(function(){      
  $().KNFBFansPRO({
   timeout: 20,
   wait: 0,
   url: 'http://www.facebook.com/matheutike',
   closeable: false  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->1eJ1psvFtI/AAAAAAAABA4/sDGZgQGxqVY/s1600/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://1.bp.blogspot.com/-E_w5nMgbRFo/T1eJ1psvFtI/AAAAAAAABA4/sDGZgQGxqVY/s1600/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(https://lh5.googleusercontent.com/-YD26J93vHAU/T1eJ23YKUYI/AAAAAAAABBE/I20XOWqx8Cs/h120/loading.gif) no-repeat center center;}
        #cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-YD26J93vHAU/T1eJ23YKUYI/AAAAAAAABBE/I20XOWqx8Cs/h120/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://1.bp.blogspot.com/-E_w5nMgbRFo/T1eJ1psvFtI/AAAAAAAABA4/sDGZgQGxqVY/s1600/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
 
 
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
 
.cboxIE6 #cboxTopLeft{background:url(http://4.bp.blogspot.com/-qXR5VW86tTU/T1eK26OlLJI/AAAAAAAABCI/15OgyJGAxgc/s1600/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(http://3.bp.blogspot.com/-M37w9fBpYc0/T1eK1xVuXMI/AAAAAAAABCA/dj23BHXxP94/s1600/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(http://1.bp.blogspot.com/-RhmmNbYthgQ/T1eK3_yFbYI/AAAAAAAABCQ/OOA2WRKRIpI/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(http://1.bp.blogspot.com/-RhmmNbYthgQ/T1eK3_yFbYI/AAAAAAAABCQ/OOA2WRKRIpI/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomCenter{background:url(http://4.bp.blogspot.com/-9_GvfznJpmA/T1eKxznvIqI/AAAAAAAABBc/QCxpXpZRRKc/s1600/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(http://2.bp.blogspot.com/-JMn5kVlrREs/T1eKzLJQp1I/AAAAAAAABBo/sKxAQECScTs/s1600/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(http://2.bp.blogspot.com/-GdZVtHqHzAY/T1eK0LfvVAI/AAAAAAAABBw/NItg_Pispb0/s1600/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(http://3.bp.blogspot.com/-Inz4vd6RVTo/T1eK1JG3aWI/AAAAAAAABB4/mqn1hczMewg/s1600/borderMiddleRight.png);}
 
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
 
 
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
 
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*1;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
 
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center><img src="http://4.bp.blogspot.com/-VrBpAk5QAbs/T5LF3z5b1nI/AAAAAAAACMc/m9q3JjlrmZM/s1600/BecomeFanOnFacebook.jpg" width:300px; height:150px;"/></center>
<center>
 
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/matheutike&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center>
<p style=" float:right;  margin-right:15px;  font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/jquery-popup-facebook-like-box-v5.html" target='_blank'>Blogger Tips and Tricks</a></p>
</div>
</div>

NikosTsolakos · 14 Οκτωβρίου 2013

Κοιτα τη θα κανεις γιατι το κωδικα <style> τον εχει και πρεπει να κανεις οτι σου πω!

Βαλε τον παρακάτω κωδικα πανω απο το </style>

#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
}
#fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
}
.fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;
}
#fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-

weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
}

και μετα βαλε τον παρακάτω κώδικα πανω απο τον κωδικα </body>

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='MMKTRICKS'
//]]>
</script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 20,
wait: 0,
url: 'http://www.facebook.com/MMKTRICKS',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

και αποθήκευση

anetsos · 14 Οκτωβρίου 2013

παλυ δεν το εμφανιζει...

NikosTsolakos · 14 Οκτωβρίου 2013

εγω το δοκίμασα στο δικο μου και μου το εμφάνισε!
κατι λαθος εχεις κανει!

http://prntscr.com/1xaad5

Σύνδεση

PopUp Facebook Like box - Blogger

Προτεινόμενες αναρτήσεις

anetsos

NikosTsolakos

anetsos

anetsos

NikosTsolakos

anetsos

NikosTsolakos

anetsos

NikosTsolakos

anetsos

NikosTsolakos

anetsos

NikosTsolakos

anetsos

NikosTsolakos

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση