Web Analytics Made Easy - StatCounter
FoulsCode

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

2 Νοεμβρίου 2017

Η τεχνητή νοημοσύνη ενώνει Intel και Facebook


 

Στo πλαίσιo των νέων τσιπ για έρευνα και πρότζεκτ τεχνητής νοημοσύνης.

Του Jonathan Vanian

Η Intel είναι έτοιμη να αρχίσει να στέλνει στους πελάτες το πολυαναμενόμενο τσιπ υπολογιστή της που χρησιμοποιείται για την τροφοδότηση πρότζεκτ τεχνητής νοημοσύνης.

Ο διευθύνων σύμβουλος της Intel, Brian Krzanich, εξήγησε την ανάμιξη του κατασκευαστή τσιπ με τον κλάδο της τεχνητής νοημοσύνης και είπε ότι η Facebook βοήθησε την εταιρεία.

«Είμαστε πολύ χαρούμενοι που έχουμε τη Facebook να συνεργάζεται στενά μαζί μας και να μοιράζεται τις τεχνικές γνώσεις της καθώς φέρνουμε τη νέα γενιά hardware τεχνητής νοημοσύνης στην αγορά» έγραψε ο Krzanich.

Εκπρόσωπος τύπου της Intel έγραψε σε μήνυμα ηλεκτρονικού ταχυδρομείου του προς το Fortune ότι οι δύο εταιρείες συνεργάζονται αλλά δεν έχουν θεσπίσει μια επίσημη σύμπραξη.

Η γένεση του Intel Nervana Neural Network Processor προέκυψε από την εξαγορά από την Intel της νεοφυούς επιχείρησης τσιπ Nervana Systems το 2016.


Η εξαγορά αυτή στόχο είχε να βοηθήσει την Intel να δημιουργήσει τη δική της τεχνολογία ημιαγωγών, προσαρμοσμένη ειδικά σε καθήκοντα όπως η βαθιά μάθηση που απαιτεί μεγάλες δυνατότητες υπολογιστικής επεξεργασίας για τη δημιουργία λογισμικού που να μπορεί να εντοπίζει μοτίβα σε τεράστιες ποσότητες δεδομένων και να αντιδρά σε αυτά.

Καθώς απουσιάζουν τέτοια τσιπ που να λειτουργούν βέλτιστα με τεχνητή νοημοσύνη, εταιρείες όπως η Walmart που επιζητούν να τροφοδοτήσουν καθήκοντα βαθιάς μάθησης στα κέντρα δεδομένων τους στρέφονται σε ανταγωνιστικές εταιρείες κατασκευής τσιπ όπως η Nvidia.

Με τόση κουβέντα γύρω από την τεχνητή νοημοσύνη και τη δυνατότητά της να τύχει εμπορικής εκμετάλλευσης σε μεγάλη κλίμακα, το νέο τσιπ της Intel αντιπροσωπεύει μια κρίσιμη στιγμή για την εταιρεία που απέτυχε να εκμεταλλευθεί άλλες τεχνολογικές τάσεις όπως το mobile computing.

«Μια εταιρεία όπως η Intel δεν ανακοινώνει μια νέα τάξη προϊόντων της πολύ συχνά» είπε ο ηγέτης του νέου πρότζεκτ που αφορά τσιπ, Naveen Rao. «Πρόκειται για κρίσιμη στιγμή στην ιστορία της υπολογιστικής».

Ο Rao, ο οποίος ήταν διευθύνων σύμβουλος της Nervana, είπε ότι η Intel θα πουλά τελικά το τσιπ στους πελάτες με δύο διαφορετικούς τρόπους.

Με τη μία μέθοδο, η Intel θα πουλά μια εφαρμογή για κέντρα δεδομένων για πελάτες που θέλουν να «τρέχουν» πρότζεκτ βαθιάς μάθησης εντός των δικών τους κέντρων δεδομένων. Επίσης, οι πελάτες θα είναι σε θέση να νοικιάζουν πρόσβαση στα τσιπ μέσω των κέντρων δεδομένων της Intel στο cloud, που παραπέμπει στον τρόπο με τον οποίο η ανταγωνίστρια εταιρεία Nvidia πουλά πρόσβαση σε GPU που τροφοδοτούνται από τεχνητή νοημοσύνη.

Η Intel δεν θα πουλά το ίδιο το τσιπ, καθώς ο Rao εξήγησε ότι το να «τρέχεις» έργα τεχνητής νοημοσύνης δεν είναι το ίδιο με την εγκατάσταση ενός νέου επεξεργαστή σ’ έναν υπολογιστή. Η νέα εφαρμογή της για κέντρα δεδομένων μπορεί να υπηρετήσει τα περισσότερα πρότζεκτ βαθιάς μάθησης και να χρησιμοποιηθεί από εταιρείες που μόλις τώρα κάνουν τα πρώτα τους βήματα στον χώρο.

via: ΑΠΕ-ΜΠΕ
Διαβάστε Περισσότερα »

31 Οκτωβρίου 2017

Συνέβη στον Πύργο! Τον μαχαίρωσε λόγω... Facebook



Παρ'ολίγον... τραγωδία η διαμάχη ανάμεσα σε τρία νεαρά παιδιά στη παραλία της Σπιάντζας, δέκα λεπτά από την πόλη του Πύργου.

Όπως αναφέρει η εφημερίδα «Πατρίς», μια 20χρονη και ένας 26χρονος λογόφεραν με έναν 21χρονο για άγνωστη μέχρι στιγμής αιτία που αφορούσε ανάρτηση στο Facebook και πήγαν να πιαστούν στα χέρια.




Ωστόσο, εκείνη τη στιγμή, σύμφωνα με τις ίδιες πληροφορίες, η 20χρονη κοπέλα φέρεται να κατάφερε χτύπημα με μαχαίρι στον 21χρονο, τραυματίζοντάς τον επιφανειακά στην κοιλιακή χώρα, και στη συνέχεια τράπηκε σε φυγή μαζί με τον 26χρονο.

Λίγο αργότερα, αμφότεροι συνελήφθησαν στον Πύργο ενώ ο 21χρονος διακομίστηκε στο νοσοκομείο για να του παρασχεθούν οι πρώτες βοήθειες.

Σε βάρος των δύο συλληφθέντων σχηματίστηκε δικογραφία και οδηγήθηκαν στην Εισαγγελέα Πύργου.

Site: newpost.gr
Διαβάστε Περισσότερα »

24 Απριλίου 2016

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

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

Όταν ένας χρήστης συνδέεται στο 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
Διαβάστε Περισσότερα »

27 Νοεμβρίου 2013

PopUp FanBox Gadget for Blog/site

Καλημέρα σε όλους τους μπλόγκερ και όχι μονο. Μετά από τόσο καιρό είμαστε και πάλι εδώ να μοιραστώ μαζί σας πολλά για το 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 και κάντε αποθήκευση.

Διαβάστε Περισσότερα »

19 Ιουνίου 2013

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



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


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



<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 και πάει λέγοντας!



Διαβάστε Περισσότερα »

4 Απριλίου 2013

Customizing Facebook Like Box Widget




Ένα 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 είστε έτοιμη να κάνετε αποθήκευση!
Διαβάστε Περισσότερα »

11 Μαρτίου 2013

Login with Twitter or Facebook



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



<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>



Διαβάστε Περισσότερα »

5 Μαρτίου 2013

Facebook Chat jQuery Plugin – Chat Pusher





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

Διαβάστε Περισσότερα »

12 Φεβρουαρίου 2013

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



Ένα 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>






Διαβάστε Περισσότερα »

25 Ιανουαρίου 2013

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





Ας ακολουθήσουμε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας:
  • Σύνδεση στον 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 με το δικό σας και πατήστε αποθήκευση.







    Διαβάστε Περισσότερα »

    21 Ιανουαρίου 2013

    Drop down menu σε στυλ Facebook


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


    ΔΕΊΤΕ ΤΟ ΕΔΏ
    Διαβάστε Περισσότερα »

    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," , βάλτε τον αριθμό που επιθυμείτε. Αντιστοιχεί σε δευτερόλεπτα.



    ΠΗΓΗ

    Διαβάστε Περισσότερα »

    6 Ιανουαρίου 2013

    Floating Facebook Like Box for Blogger [2]





    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) Αποθήκευση και τέλος

    ΠΗΓΗ
    Διαβάστε Περισσότερα »

    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ποθήκευση και τέλος!

    ΠΗΓΗ
    Διαβάστε Περισσότερα »
    Related Posts Plugin for WordPress, Blogger...