Kατεβάσετε την εφαρμογή android του blog! DownLoad

FoulsCode: 2011-17

Translate

Πρόσφατα Σχόλια

Σύνολο αναρτήσεων

Εμφάνιση αναρτήσεων με ετικέτα Facebook. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα Facebook. Εμφάνιση όλων των αναρτήσεων

Facebook Tor και έχουμε ξεφύγει τελείως.

Written By Greek Port on Κυριακή, 24 Απριλίου 2016 | Απριλίου 24, 2016

Δεν μπορώ να κρύψω τα σχόλια μου στο παρακάτω άρθρο..

Όταν ένας χρήστης συνδέεται στο facebook μέσω του tor έκτος από το ότι θα ξέρουν ότι μπαίνει στο tor θα γράφεται και η IP του exit relay που θα μπορεί να ταυτοποιειται και με τα session της "ανώνυμης" σύνδεσης...

Ζουμε στον κόσμο της παραπληροφόρισης...

Θα ήθελα να ακούσω την άποψη και άλλων πάνω στο θέμα.
Διαβάστε το παρακάτω:

"To Facebook για να ενισχύσει την ανωνυμία των χρηστών στο Android θα υποστηρίζει επίσημα το δίκτυο Tor.

H υποστήριξη του Facebook στο δίκτυο Tor αφορά το Android app.
Tα χαρακτηριστικά του θα είναι εν πολλοίς πειραματικά σε πρώτη φάση, αλλά σίγουρα η δυνατότητα είναι ευπρόσδεκτη, καθώς επιτρέπει την δρομολόγηση των δεδομένων μέσω του δικτύου Tor έτσι ώστε η online κοινωνική ζωή να είναι ανώνυμη καικρυπτογραφημένη.
Για να γίνει εφικτή η δρομολόγηση των data του Facebook μέσω του Tor θα πρέπει να εγκατασταθεί το Orbot app που χρησιμεύει για τη σύνδεση στο Tor. Στη συνέχεια από τα app settings γίνεται η ενεργοποίηση του Facebook μέσω του Tor."

Κατηγορία Tor Proxy
Επίσημη σελίδα: https://play.google.com/store/apps/details?id=org.torproject.android
πηγή:gr.pcmag.com
Απριλίου 24, 2016 | 0 σχόλια | Διαβάστε περισσότερα

PopUp FanBox Gadget for Blog/site

Written By Greek Port on Τετάρτη, 27 Νοεμβρίου 2013 | Νοεμβρίου 27, 2013

Καλημέρα σε όλους τους μπλόγκερ και όχι μονο. Μετά από τόσο καιρό είμαστε και πάλι εδώ να μοιραστώ μαζί σας πολλά για το blog/site σας.

Πάμε να ξεκινήσουμε σε ένα PopUp FanBox Gadget.
Και το συγκεκριμένο λειτουργεί με τα cookies.




Αντιγραφή επικόλληση τον παρακάτω κώδικα:


<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<style>
/* foulscode.blogspot.gr */
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:64%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #3b60aa;
-moz-box-shadow: inset 0 0 50px 0 #3b60aa;
box-shadow: inset 0 0 50px 0 #3b60aa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://4.bp.blogspot.com/-inGOONYeB8s/UZd3aY5bJHI/AAAAAAAATro/-YuTHmVLh8s/s1600/popup_exit.png) no-repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
/* foulscode.blogspot.gr */
</style>

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=https://www.facebook.com/pages/Fouls-Code/548164921863886&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; margin-left:10px; width: 402px; height: 230px;'></iframe>
<p style=" float:right;  margin-right:12px; margin-top:-10px;" > <a style=" font-size:7px; color:#777; text-decoration:none;" href="http://www.foulscode.blogspot.gr" target='_blank'>by FoulsCode</a></p>
</div></div>


DEMO LIVE


Αντικαταστήστε το URL και κάντε αποθήκευση.

Νοεμβρίου 27, 2013 | 1 σχόλια | Διαβάστε περισσότερα

Social: facebook, google+, twitter και rss

Written By Greek Port on Τρίτη, 18 Ιουνίου 2013 | Ιουνίου 18, 2013



Γεια σας μπλόγκερ! Τον τελευταίο καιρό δεν έχω και τόσο χρόνο να αλλα παρόλα αυτά βρήκα αυτό και θα το μοιραστώ μαζί σας.


Αντιγραφή τον παρακάτω κώδικα:



<style>
@charset "utf-8";
/* CSS Document */
/* ---------- FoulsCode.blogspot.gr ---------- */

@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
/* ---------- GENERAL ---------- */

a { text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after { clear: both; }
.container {
display: block;
height: 64px;
left: 50%;
margin: -32px 0 0 -128px; /* -(height / 2) & -(width / 2) */
position: absolute;
top: 50%;
width: 256px;
}
/* ---------- Action Bar ---------- */
.action-bar li {
float: left;
}
.action-bar a {
-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
color: #e7e7e7;
display: block;
font-size: 32px;
height: 64px;
line-height: 64px;
position: relative;
text-align: center;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
width: 64px;
}
.action-bar a:hover .tooltip {
margin-top: 16px;
opacity: 1;
}
.tooltip {
border-radius: 3px;
font-size: 14px;
height: 28px;
left: 50%;
line-height: 28px;
margin: 0 0 0 -50px;
opacity: 0;
position: absolute;
top: 100%;
-webkit-transition: margin-top .3s, opacity .3s;
-moz-transition: margin-top .3s, opacity .3s;
-ms-transition: margin-top .3s, opacity .3s;
-o-transition: margin-top .3s, opacity .3s;
transition: margin-top .3s, opacity .3s;
width: 100px;
}
.tooltip:before {
content: "";
height: 8px;
left: 50%;
margin: -4px 0 0 -4px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.like,
.like .tooltip,
.like .tooltip:before { background: #65B1F8; }
.like:hover { background: #65B1F8; }
.favourite,
.favourite .tooltip,
.favourite .tooltip:before { background: #c93037; }
.favourite:hover { background: #b02b32; }
.comment,
.comment .tooltip,
.comment .tooltip:before { background: #43438e; }
.comment:hover { background: #393978; }
.share,
.share .tooltip,
.share .tooltip:before { background: #FF8000; }
.share:hover { background: #FF8000; }
/* ---------- FoulsCode.blogspot.gr ---------- */
</style>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans">
</head>
<body>
<div class="container">
<ul class="action-bar clearfix">
<li>
<a href="http://twitter.com/foulscode" class="like">
<span class="zocial-twitter"></span>
<span class="tooltip">Follow</span>
</a>
</li>
<li>
<a href="https://plus.google.com/109721759993422268214/posts" class="favourite">
<span class="zocial-googleplus"></span>
<span class="tooltip">Circle us</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/pages/Fouls-Code/548164921863886" class="comment">
<span class="zocial-facebook"></span>
<span class="tooltip">Like us</span>
</a>
</li>
<li>
<a href="http://foulscode.blogspot.com/feeds/posts/default" class="share">
<span class="zocial-rss"></span>
<span class="tooltip">Subscribe</span>
</a>
</li>
</ul>
</div>


LIVE DEMO


Αφού πρώτα αντικαταστήσετε τα μαρκαρισμένα link με τα δικά σας είστε έτοιμη να κάνετε αποθήκευση.


Αν θέλετε να μας βοηθήσετε έστω και λίγο μοιραστείτε με τους φίλους σας στο facebook twitter και πάει λέγοντας!



Ιουνίου 18, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Customizing Facebook Like Box Widget

Written By Greek Port on Πέμπτη, 4 Απριλίου 2013 | Απριλίου 04, 2013




Ένα Widget για το facebook διαφορετικό από τα αλλα για το blog και το site σας!

Αντιγραφή επικόλληση τον παρακάτω καδίκα:



<style>
/* foulscode */
.facebookOuter {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.facebookOuter, .facebookOuter:before, .facebookOuter:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.facebookOuter:before, .facebookOuter:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.facebookOuter:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
.facebookInner {
height:155px;
overflow:hidden;
}
/* foulscode.blogspot.gr */
</style>
<div class="facebookOuter" style="float:left;">
<div class="facebookInner">
  <div class="fb-like-box"
      data-width="300" data-height="179"
      data-href="https://www.facebook.com/pages/Fouls-Code/548164921863886"
      data-border-color="#F4F4F4" data-show-faces="true"
      data-stream="false" data-header="false">
  </div>
 </div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


DEMO

Και αφού αλλάξετε το URL από την σελίδα σας στο facebook είστε έτοιμη να κάνετε αποθήκευση!
Απριλίου 04, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Login with Twitter or Facebook

Written By Greek Port on Κυριακή, 10 Μαρτίου 2013 | Μαρτίου 10, 2013



Αντιγραφή τον παρακάτω κώδικα:



<style>
@charset "utf-8";
/* CSS Document */
/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://foulscode.blogspot.gr/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */
@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);
/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
/* ---------- GENERAL ---------- */
body {
background-color: #f4f4f4;
color: #5a5656;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5em;
}
a { text-decoration: none; }
h1 { font-size: 1em; }
h1, p {
margin-bottom: 10px;
}
strong {
font-weight: bold;
}
.uppercase { text-transform: uppercase; }
/* ---------- LOGIN ---------- */
#login {
margin: 50px auto;
width: 300px;
}
form fieldset input[type="text"], input[type="password"] {
background-color: #e5e5e5;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #5a5656;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
height: 50px;
outline: none;
padding: 0px 10px;
width: 280px;
-webkit-appearance:none;
}
form fieldset input[type="submit"] {
background-color: #008dde;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
height: 50px;
text-transform: uppercase;
width: 300px;
-webkit-appearance:none;
}
form fieldset a {
color: #5a5656;
font-size: 10px;
}
form fieldset a:hover { text-decoration: underline; }
.btn-round {
background-color: #5a5656;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #f4f4f4;
display: block;
font-size: 12px;
height: 50px;
line-height: 50px;
margin: 30px 125px;
text-align: center;
text-transform: uppercase;
width: 50px;
}
.facebook-before {
background-color: #0064ab;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
color: #f4f4f4;
display: block;
float: left;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
}
.facebook {
background-color: #0079ce;
border: none;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
color: #f4f4f4;
cursor: pointer;
height: 50px;
text-transform: uppercase;
width: 250px;
}
.twitter-before {
background-color: #189bcb;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
color: #f4f4f4;
display: block;
float: left;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
}

.twitter {
background-color: #1bb2e9;
border: none;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
color: #f4f4f4;
cursor: pointer;
height: 50px;
text-transform: uppercase;
width: 250px;
}
</style>
<!doctype html>
<html lang="en-Us">
<head>
<meta charset="utf-8">
   
<title>Login with Facebook or Twitter</title>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300'>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="login">
<h1><strong>Welcome.</strong> Please login.</h1>
<form action="javascript:void(0);" method="get">
<fieldset>
<p><input type="text" required value="Username" onBlur="if(this.value=='')this.value='Username'" onFocus="if(this.value=='Username')this.value='' "></p> <!-- JS because of IE support; better: placeholder="Username" -->
<p><input type="password" required value="Password" onBlur="if(this.value=='')this.value='Password'" onFocus="if(this.value=='Password')this.value='' "></p> <!-- JS because of IE support; better: placeholder="Password" -->
<p><a href="#">Forgot Password?</a></p>
<p><input type="submit" value="Login"></p>
</fieldset>
</form>
<p><span class="btn-round">or</span></p>
<p>
<a class="facebook-before"><span class="fontawesome-facebook"></span></a>
<button class="facebook">Login Using Facbook</button>
</p>
<p>
<a class="twitter-before"><span class="fontawesome-twitter"></span></a>
<button class="twitter">Login Using Twitter</button>
</p>
</div> <!-- end login -->
</body>
</html>



Μαρτίου 10, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Facebook Chat jQuery Plugin – Chat Pusher

Written By Greek Port on Τρίτη, 5 Μαρτίου 2013 | Μαρτίου 05, 2013





Το Pusher Chat είναι ένα plugin όπως το Facebook jQuery chat που χρησιμοποιεί το API Pusher.
Χαρακτηριστικά
- εύκολο να το προσαρμόσετε με css
- διαχειριστείτε τη λίστα φίλων μέσω json
- χρησιμοποιεί API Pusher
- ανιχνεύει την πληκτρολόγηση μηνυμάτων
- ανίχνευση μηνυμάτων πληκτρολογώντας, ανίχνευση μηνυμάτων που λαμβάνετε
- υποστηρίζεται από όλα τα νέα του προγράμματος περιήγησης, IE8 και IE7 χρειάζονται κάποια επιδιόρθωση css
pusher_demo

Μαρτίου 05, 2013 | 0 σχόλια | Διαβάστε περισσότερα

CSS Facebook FanBox gadget για το blog σας

Written By Greek Port on Δευτέρα, 11 Φεβρουαρίου 2013 | Φεβρουαρίου 11, 2013



Ένα WIDGET για το facebook γραμμένο με CSS.

Αντιγραφή επικόλληση τον κώδικα που βλέπετε παρακάτω.

<style>
.wrapper {padding:5px;
  width: 276px;
  height: 362px;
  border-radius: 0px;
  position: relative;
  z-index: 90;
background:#eee;background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-ms-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient( top, #fff, #eee);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:linear-gradient(top, #fff, #eee);border:1px
solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #9a9a9a;-webkit-box-shadow:0 1px 0 #9a9a9a;box-shadow:0 1px 0 #9a9a9a;padding:10px;
}
.inner  {border:1px dashed #ccc;padding:0.5em;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #306EFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
  background-image: -webkit-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:    -moz-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:     -ms-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:      -o-linear-gradient(top, #306EFF, #3BB9FF);

  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​
</style>
<div class="wrapper">
<div class="inner">
<div class="ribbon-wrapper-green">
<div class="ribbon-green">
Facebook</div>
</div>
<center><iframe allowtransparency="false" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&amp;width=240&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23eeeeee&amp;stream=false&amp;header=false&amp;height=345" style="background: trasparent; border: 0px solid #222; height: 345px; overflow: hidden; width: 240px;"></iframe></center>
  </div>
</div>






Φεβρουαρίου 11, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Facebook popup like box. Μια άλλη παραλλαγή

Written By Greek Port on Πέμπτη, 24 Ιανουαρίου 2013 | Ιανουαρίου 24, 2013





Ας ακολουθήσουμε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας:
  • Σύνδεση στον Blogger
  • Διάταξη / Προσθήκη gadget
  • Επιλέξτε HTML/JavaScript
  • Επικολλήστε τον παρακάτω κώδικα:

<script type="text/javascript" src="http://yourjavascript.com/342152315/[www.bloggertipsandtricks.net]slidboxordinary.js"></script>
<div style="bottom: 50px; right: 0px; background-image: url(http://2lolz.com/tocka.png); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; border-top-left-radius: 15px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 15px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-image: initial; position: fixed; display: block; overflow-x: hidden; overflow-y: hidden; width: 342px; background-position: 0% 0%; background-repeat: repeat repeat; " id="fbslidebox">
 
    <div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
 
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
         
        <strong style="color:blue;">Μείνετε ενημερωμένοι κάνοντας ένα Like</strong>  <p style=" float:right;  margin-right:10px;" > <a style=" font-size:5px; color:trasparent; text-decoration:none;" href="http://foulscode.blogspot.gr/2013/01/facebook-popup-like-box.html" target='_blank'>FoulsCode</a></p>
<iframe src="//www.ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowtransparency="true"></iframe>
        </div></div>


  • Αντικαταστήστε ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK με το δικό σας και πατήστε αποθήκευση.







    Ιανουαρίου 24, 2013 | 1 σχόλια | Διαβάστε περισσότερα

    Drop down menu σε στυλ Facebook

    Written By Greek Port on Κυριακή, 20 Ιανουαρίου 2013 | Ιανουαρίου 20, 2013


    Κάποιοοι από εσάς θα το ψάχνατε ;)


    ΔΕΊΤΕ ΤΟ ΕΔΏ
    Ιανουαρίου 20, 2013 | 0 σχόλια | Διαβάστε περισσότερα

    PopUp Fan Box with Timer




    Μια άλλη μορφή σε PopUp Like Box. Σε παλιές αναρτήσεις παρουσιάσαμε πολλές μορφές τέτοιου τύπου. Ήταν όλες τους πετυχημένες. Σε σχέση με Σελίδες με καλό περιεχόμενο είχαν μεγάλο αποτέλεσμα στο να αποσπάσουν ένα Like από τους αναγνώστες. Η νέα παραλλαγή θα εμφανίζεται διαρκώς σε κάθε ανανέωση της Σελίδας, αλλά έχει τη δυνατότητα να εξαφανίζεται μόνο του μετά από ένα χρονικό διάστημα που θα επιλέξετε εσείς.

    Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη Σελίδα σας:
    • Σύνδεση στον Blogger
    • Διάταξη / Προσθήκη gadget
    • Επιλέξτε HTML/JavaScript
    • Επικολλήστε τον παρακάτω κώδικα:



    <script type='text/javascript'>//<![CDATA[ KNFBFansPRO='Your FanPage'
    //]]>
    </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='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
    <script type="text/javascript" src="http://betafouls.xtgem.com/global_stylesheet.js"></script>
    <script language='javascript'>
    //<![CDATA[
     $(document).ready(function(){    
      $().KNFBFansPRO({
       timeout: 10,   wait: 0,
       url: 'ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK',   closeable: true  });
     });
    //]]>
    </script>
    <div id='fbtpdiv'></div>



    • Αντικαταστήστε ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK και πατήστε αποθήκευση.
    • Στη θέση του Your FanPage βάλτε το όνομα της Σελίδας σας ή ό,τι σας κατέβει.
    Αν θέλετε να αλλάξετε την χρονοκαθυστέρηση  "timeout: 10," , βάλτε τον αριθμό που επιθυμείτε. Αντιστοιχεί σε δευτερόλεπτα.



    ΠΗΓΗ

    Ιανουαρίου 20, 2013 | 1 σχόλια | Διαβάστε περισσότερα

    Floating Facebook Like Box for Blogger [2]

    Written By Greek Port on Σάββατο, 5 Ιανουαρίου 2013 | Ιανουαρίου 05, 2013





    http://foulscode.blogspot.gr/2013/01/floating-facebook-like-box-for-blogger.html

    Αναφέρομαι στο κανονικό Facebook Like Box αλλά σε πλάγιο μεγάλο κουμπί.

    Είναι πιστεύω ένα αρκετά χρήσιμο Gadget που πρέπει να έχει κάθε blog, αφού:

    • Εξοικονομείτε αρκετό χώρο για την sidebar σας που είναι σημαντική για κάθε blog.
    • Κερδίζετε Likes κάνοντας το Facebook Like Box πιο φανερό στους επισκέπτες σας.
    Πάμε όμως να δούμε πως θα το εγκαταστήσετε στο blog σας:

    1) Σύνδεση στον Blogger
    2) Πρότυπο
    3) Δημιουργία αντίγραφου ασφαλείας / Λήψη πλήρους προτύπου
    4) Επεξεργασία HTML
    5) Συνέχεια
    6) Πατάμε CTRL + F και εκεί ψάχνουμε τον παρακάτω κώδικα:

    </head>

    7) Αφού το βρούμε , ακριβώς από πάνω , κάνουμε επικόλληση τον παρακάτω κώδικα:

    <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(&quot;#facebook_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -304}, 500); });jQuery(&quot;#twitter_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#twitter_right&quot;).stop(true,false).animate({right: -304}, 500); });jQuery(&quot;#google_plus_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#google_plus_right&quot;).stop(true,false).animate({right: -203}, 500); });jQuery(&quot;#feedburner_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#feedburner_right&quot;).stop(true,false).animate({right: -303}, 500); }); });</script>

    8) Ελέγχουμε αν δουλεύει πατώντας προεπισκόπηση και πατάμε αποθήκευση.

    9) Στην συνέχεια, πατάμε Διάταξη > Προσθήκη 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="http://2.bp.blogspot.com/-MfikPju8cfM/UDaQ9xnOhiI/AAAAAAAAAZw/b7TyuHT1Vqw/s200/fb2-right.png" alt="boton facebook flotante" />
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffoulscode&amp;width=300&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;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://foulscode.blogspot.gr/2013/01/floating-facebook-like-box-for-blogger-2.html" target="_blank">Blogger</a></span></div></div></div></div>

    Τώρα θα πρέπει να αλλάξετε το iframe που είναι με κόκκινα γράμματα με το δικό σας

    Για να δημιουργήσετε ένα τέτοιο iframe θα πρέπει να πατήσετε ΕΔΩ

    Το iframe σας θα πρέπει να έχει τα εξής χαρακτηριστικά:
    Και στην συνέχεια πατάμε στο κουμπί  Get Code

    10) Κάνουμε αντικατάσταση τα κόκκινα γράμματα με το καινούργιο iframe που πήραμε

    11) Αποθήκευση και τέλος

    ΠΗΓΗ
    Ιανουαρίου 05, 2013 | 0 σχόλια | Διαβάστε περισσότερα

    Facebook Like - Recommend Button για Bloggers



    1) Σύνδεση στον blogger
    2) Σχεδίαση
    3) Επεξεργασία HTML
    4) Επέκταση προτύπων γραφικών στοιχείων
    5) Με το CTRL + F ψάξε να βρεις το <data:post.body/>
    6) Αμέσως από κάτω του βάλε τον παρακάτω κώδικα:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
    </b:if>

    7) Aποθήκευση και τέλος!

    ΠΗΓΗ
    Ιανουαρίου 05, 2013 | 0 σχόλια | Διαβάστε περισσότερα
     
    berita unik