Καλημέρα 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&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: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.
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.
1000 efxaristo ari
ΑπάντησηΔιαγραφήAri exo provlima...den douleuoun ta slides oute oi epiloges pou evala sto site mou...
ΑπάντησηΔιαγραφή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
ΑπάντησηΔιαγραφήνα πω κάτι άσχετο οκ γαμάτο ρε συ Aρη και εχθες το σκεφτόμουνα χαχαχα αλλα αυτο βγαίνει σε ολους η μονο σε αυτους που δεν εχουν κανει LIke
ΑπάντησηΔιαγραφήκάποιο λάθος κάνω ρε Αρη και δεν μπορώ να το εφαρμόσω...
ΑπάντησηΔιαγραφήπολύ καλό.....
ΑπάντησηΔιαγραφήfile mou to ebala kai den kanei tipota.
ΑπάντησηΔιαγραφήkatharisa kai to istoriko alla tipota,giati?
re file me mozzila fenete? i einai mono gia google chroome?
ΑπάντησηΔιαγραφήXILIA EUXARISTW FILE...MIA XARA KAI POLU EUKOLA EGINE
ΑπάντησηΔιαγραφήpaidia se osous den doulevei kanete kapoio lathos....
ΑπάντησηΔιαγραφή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
Teleio.. euxaristw polu Ari..
ΑπάντησηΔιαγραφή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...
To εβαλα χωρις να πειραξω τιποτα με το δικο σου λινκ για το facebook αλλα δεν φαινεται τιποτα...οποτε το αφηνω
ΑπάντησηΔιαγραφή