Floating Facebook Like Box for Blogger [2]
http://www.bloggertricks.gr/2012/10/floating-facebook-like-box-for-blogger-2.html
--------------------------------------------------------------------------------
http://www.facebook.com/pages/Hellenicagoragr/211578282255009?ref=hl ΑΣΠΡΟ
http://www.facebook.com/pages/Hellenicagora/545572835471497?ref=hl ΜΠΛΕ
http://hellenicagora.blogspot.gr/
------------------------------------------------------------------------
</head>
Αφού το βρούμε , ακριβώς από πάνω , κάνουμε επικόλληση τον παρακάτω κώδικα:
-------------------------------------------------------------
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'
type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function()
{jQuery("#facebook_right").hover(function()
{ jQuery(this).stop(true,false).animate({right: 0}, 500); },function()
{ jQuery("#facebook_right").stop(true,false).animate({right: -304}, 500);
});jQuery("#twitter_right").hover(function()
{ jQuery(this).stop(true,false).animate({right: 0}, 500); },function()
{ jQuery("#twitter_right").stop(true,false).animate({right: -304}, 500); });
jQuery("#google_plus_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#google_plus_right").stop(true,false).animate({right: -203}, 500); });
jQuery("#feedburner_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });
</script>
-------------------------------------------------------------------------------
Στην συνέχεια, πατάμε Διάταξη > Προσθήκη Gadget > HTML/JavaScript
-------------------------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ΑΡΧΙΚΟ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<style>#facebook_link {float:right; padding-right:5px;margin-top:-58px;}#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:300px; height:335px; }#facebook_right {z-index: 10005;border:2px solid #3b5998;background-color: #fff;width:300px;height: 335px;position: fixed;right: -304px;}#facebook_right img {position: absolute;top: -2px;left: -40px;}#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-62px;top:-3px;}</style><div id="on"><div id="facebook_right" style="top: 15%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_qMIEZK7v9yfZDRAn-yh6D3egbCskUDacx3mZAxHDWDsn3tFghyphenhyphenELOvVHCjLd2pnmbj1kVAOOcrYZdDErCPMelxzna9W6dNeDFt8cQ_HLFH9U5nWNy0A2Vq_c8JEDP4y_cB0gpxKrBs/s200/fb2-right.png" alt="boton facebook flotante" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHellenicagora%2F545572835471497%3Fref%3Dhl+&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
<div id="facebook_link"><span style="font-size: x-small;"><a href="http://bloggertricks.gr" target="_blank">Blogger</a></span></div></div></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ΜΠΛΕ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<style>#facebook_link {float:right; padding-right:5px;margin-top:-58px;}#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:300px; height:335px; }#facebook_right {z-index: 10005;border:2px solid #3b5998;background-color: #fff;width:300px;height: 590px;position: fixed;right: -304px;}#facebook_right img {position: absolute;top: -2px;left: -40px;}#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-62px;top:-3px;}</style><div id="on"><div id="facebook_right" style="top: 15%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_qMIEZK7v9yfZDRAn-yh6D3egbCskUDacx3mZAxHDWDsn3tFghyphenhyphenELOvVHCjLd2pnmbj1kVAOOcrYZdDErCPMelxzna9W6dNeDFt8cQ_HLFH9U5nWNy0A2Vq_c8JEDP4y_cB0gpxKrBs/s200/fb2-right.png" alt="boton facebook flotante" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHellenicagora%2F545572835471497%3Fref%3Dhl++%CE%9C%CE%A0%CE%9B%CE%95&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color=WHITE&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
<div id="facebook_link"><span style="font-size: x-small;"><a href="http://bloggertricks.gr" target="_blank">Blogger</a></span></div></div></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ΑΣΠΡΟ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<style>#facebook_link {float:right; padding-right:5px;margin-top:-58px;}#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:300px; height:335px; }#facebook_right {z-index: 10005;border:2px solid #3b5998;background-color: #fff;width:300px;height: 590px;position: fixed;right: -304px;}#facebook_right img {position: absolute;top: -2px;left: -40px;}#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-62px;top:-3px;}</style><div id="on"><div id="facebook_right" style="top: 15%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_qMIEZK7v9yfZDRAn-yh6D3egbCskUDacx3mZAxHDWDsn3tFghyphenhyphenELOvVHCjLd2pnmbj1kVAOOcrYZdDErCPMelxzna9W6dNeDFt8cQ_HLFH9U5nWNy0A2Vq_c8JEDP4y_cB0gpxKrBs/s200/fb2-right.png" alt="boton facebook flotante" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHellenicagoragr%2F211578282255009%3Fref%3Dhl&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
<div id="facebook_link"><span style="font-size: x-small;"><a href="http://bloggertricks.gr" target="_blank">Blogger</a></span></div></div></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
http://www.bloggertricks.gr/2012/10/floating-facebook-like-box-for-blogger-2.html
--------------------------------------------------------------------------------
http://www.facebook.com/pages/Hellenicagoragr/211578282255009?ref=hl ΑΣΠΡΟ
http://www.facebook.com/pages/Hellenicagora/545572835471497?ref=hl ΜΠΛΕ
http://hellenicagora.blogspot.gr/
------------------------------------------------------------------------
</head>
Αφού το βρούμε , ακριβώς από πάνω , κάνουμε επικόλληση τον παρακάτω κώδικα:
-------------------------------------------------------------
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'
type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function()
{jQuery("#facebook_right").hover(function()
{ jQuery(this).stop(true,false).animate({right: 0}, 500); },function()
{ jQuery("#facebook_right").stop(true,false).animate({right: -304}, 500);
});jQuery("#twitter_right").hover(function()
{ jQuery(this).stop(true,false).animate({right: 0}, 500); },function()
{ jQuery("#twitter_right").stop(true,false).animate({right: -304}, 500); });
jQuery("#google_plus_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#google_plus_right").stop(true,false).animate({right: -203}, 500); });
jQuery("#feedburner_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });
</script>
-------------------------------------------------------------------------------
Στην συνέχεια, πατάμε Διάταξη > Προσθήκη Gadget > HTML/JavaScript
-------------------------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ΑΡΧΙΚΟ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<style>#facebook_link {float:right; padding-right:5px;margin-top:-58px;}#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:300px; height:335px; }#facebook_right {z-index: 10005;border:2px solid #3b5998;background-color: #fff;width:300px;height: 335px;position: fixed;right: -304px;}#facebook_right img {position: absolute;top: -2px;left: -40px;}#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-62px;top:-3px;}</style><div id="on"><div id="facebook_right" style="top: 15%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_qMIEZK7v9yfZDRAn-yh6D3egbCskUDacx3mZAxHDWDsn3tFghyphenhyphenELOvVHCjLd2pnmbj1kVAOOcrYZdDErCPMelxzna9W6dNeDFt8cQ_HLFH9U5nWNy0A2Vq_c8JEDP4y_cB0gpxKrBs/s200/fb2-right.png" alt="boton facebook flotante" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHellenicagora%2F545572835471497%3Fref%3Dhl+&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
<div id="facebook_link"><span style="font-size: x-small;"><a href="http://bloggertricks.gr" target="_blank">Blogger</a></span></div></div></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ΜΠΛΕ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<style>#facebook_link {float:right; padding-right:5px;margin-top:-58px;}#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:300px; height:335px; }#facebook_right {z-index: 10005;border:2px solid #3b5998;background-color: #fff;width:300px;height: 590px;position: fixed;right: -304px;}#facebook_right img {position: absolute;top: -2px;left: -40px;}#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-62px;top:-3px;}</style><div id="on"><div id="facebook_right" style="top: 15%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_qMIEZK7v9yfZDRAn-yh6D3egbCskUDacx3mZAxHDWDsn3tFghyphenhyphenELOvVHCjLd2pnmbj1kVAOOcrYZdDErCPMelxzna9W6dNeDFt8cQ_HLFH9U5nWNy0A2Vq_c8JEDP4y_cB0gpxKrBs/s200/fb2-right.png" alt="boton facebook flotante" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHellenicagora%2F545572835471497%3Fref%3Dhl++%CE%9C%CE%A0%CE%9B%CE%95&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color=WHITE&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
<div id="facebook_link"><span style="font-size: x-small;"><a href="http://bloggertricks.gr" target="_blank">Blogger</a></span></div></div></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ΑΣΠΡΟ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<style>#facebook_link {float:right; padding-right:5px;margin-top:-58px;}#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:300px; height:335px; }#facebook_right {z-index: 10005;border:2px solid #3b5998;background-color: #fff;width:300px;height: 590px;position: fixed;right: -304px;}#facebook_right img {position: absolute;top: -2px;left: -40px;}#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-62px;top:-3px;}</style><div id="on"><div id="facebook_right" style="top: 15%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_qMIEZK7v9yfZDRAn-yh6D3egbCskUDacx3mZAxHDWDsn3tFghyphenhyphenELOvVHCjLd2pnmbj1kVAOOcrYZdDErCPMelxzna9W6dNeDFt8cQ_HLFH9U5nWNy0A2Vq_c8JEDP4y_cB0gpxKrBs/s200/fb2-right.png" alt="boton facebook flotante" />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHellenicagoragr%2F211578282255009%3Fref%3Dhl&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
<div id="facebook_link"><span style="font-size: x-small;"><a href="http://bloggertricks.gr" target="_blank">Blogger</a></span></div></div></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
