Featured

Search This Blog

Από το Blogger.

Popular

Blogger gadgets one Time Facebook Pop Up Like box

Share it:

Καλημέρα bloggers,σήμερα σας έχω ένα πολύ καλό Blogger gadget και είμαι σίγουρος πως το συγκεκριμένο gadget θα αύξηση κατά πολύ την επισκεψιμοτητα στο blog σας.
Μου το ζήτησε χθες ο φίλος μας ο giorgos  μου το έγραψε στο chat και εγώ αφού του
το  υποσχέθηκα είπα να γράψω αυτό το αρθo, εκεί που θέλω να καταλήξω είναι πως εάν ψάχνετε κάτι και δεν το βρίσκετε απλός γράψτε το μου στο chat και εγώ πολύ ευχαρίστως θα το βρω για σας.
Πριν πάμε να προσθέσουμε το one Time Facebook Pop Up Like box θα ήθελα να σας θυμίσω πως είχα γράψει ένα άρθρο για το πως να βγάλετε χρήματα από το blog σας
μέσο affiliate marketing!!

Και πάμε αμέσως τώρα να το προσθέσουμε στο blog μας:

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Κωδικας:
<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxLgT4J1ewXVuyQKVMyOlq2g7OI_g5NuoUWaXaM2sUiz158SGZpJ1ynDy0H_hcdRIyZZNXGDmrHONivOr5b94D31TQl6HYNYHzvC-TRbm2BXzotixRW9wlbjzs3Gdpc3MScmxhtoLnJEh/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxLgT4J1ewXVuyQKVMyOlq2g7OI_g5NuoUWaXaM2sUiz158SGZpJ1ynDy0H_hcdRIyZZNXGDmrHONivOr5b94D31TQl6HYNYHzvC-TRbm2BXzotixRW9wlbjzs3Gdpc3MScmxhtoLnJEh/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFToHtk0l_l4BUX2i8Nc7Alqntst2hPezvJZaZNhuVcGETQw-2-6b2iHJCsIZl2WxnmgaME960UDAkRW1oUW_aFLX_q1Vlub_7UHNjsNd6gGAZ5mE4AERsCUi0IDkxJHY9zdICtgCjoWiI/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4J5Vye-zHe9BW09Rx3y8spf5bHnQoVq3kwcIAaUaSwSlfSWo8461mVHp4Mx_KGEbTGdODhI7a0ETsh840bhdyKZ-nPtvMiVjjyHxuwlLERck4dWAODwsd0Lgjfx3tUDkcvxxwgjG_Npi4/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.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.5/jquery.min.js'></script>

<script src="http://yourjavascript.com/11215013191/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*30;
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;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fspiceupyourblog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href=http://www.lefta4you.blogspot.com>Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href=http://www.lefta4you.blogspot.com>Blogger Widgets</a></p>
</div>
</div>

Προσοχη: το http%3A%2F%2Fwww.facebook.com%2Fspiceupyourblog Αλαξτε το με το δικο σας link.

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Share it:

Blogger widget

Post A Comment:

14 comments:

  1. Ari exo provlima...den douleuoun ta slides oute oi epiloges pou evala sto site mou...

    ΑπάντησηΔιαγραφή
  2. file dimitri kapoio lathos tha ekanes to dokimase ksana kai den mou prokalese kapoio provlima ouse se slide oute se epiloges.. ama thes voitheia kane me add sto skype

    ΑπάντησηΔιαγραφή
  3. να πω κάτι άσχετο οκ γαμάτο ρε συ Aρη και εχθες το σκεφτόμουνα χαχαχα αλλα αυτο βγαίνει σε ολους η μονο σε αυτους που δεν εχουν κανει LIke

    ΑπάντησηΔιαγραφή
  4. κάποιο λάθος κάνω ρε Αρη και δεν μπορώ να το εφαρμόσω...

    ΑπάντησηΔιαγραφή
  5. file mou to ebala kai den kanei tipota.
    katharisa kai to istoriko alla tipota,giati?

    ΑπάντησηΔιαγραφή
  6. re file me mozzila fenete? i einai mono gia google chroome?

    ΑπάντησηΔιαγραφή
  7. Egw to evala m to vgazi kanonika alla Exw ena prob mono 1!!! :// To slidder tis selidas m dn douleui kathos kai kapoia mikro pragmatakia p exw vali kolane kai dn douleuoun mipos o kodikas epireazi to slidder? Kia pio kommati t einai an mporis na help....add me sto skype: panagiwths133
    link gia to blog mou: http://taporomena.blogspot.com

    ΑπάντησηΔιαγραφή
  8. arh mipws mporeis na m peis ean mporw na valw mia dikia m foto ekei pou leei Receive all updates via Facebook. Just Click the Like Button Below.
    efxaristw...

    ΑπάντησηΔιαγραφή
  9. To εβαλα χωρις να πειραξω τιποτα με το δικο σου λινκ για το facebook αλλα δεν φαινεται τιποτα...οποτε το αφηνω

    ΑπάντησηΔιαγραφή