Μετάβαση στο κύριο περιεχόμενο

Κουμπιά κοινωνικής δικτύωσης στο blog

Σήμερα θα σας δώσω πολύ ωραία gadget με κουμπιά για like,tweet,+1 όπως αυτά που βλέπετε παρακάτω. Μπορείτε να το προσθέσετε εύκολα στο blog σας με την γνωστή διαδικασία που αναφέρω ξανά πιο κάτω.
Κουμπιά κοινής χρήσης

  • Σύνδεση στο λογαριασμό μας στο blogger.com
  • Διάταξη 
  • Προσθήκη gadget
  • HTML/JavaScript
  • Αντιγραφή επικόλληση και αποθήκευση του κώδικα που έχει το χρώμα που θέλουμε (γράφω πάνω από κάθε κώδικα τι χρώμα έχει το gadget)
Σημείωση: Για να εμφανιστεί και το κουμπί της google με το "+1" πρέπει να προσθέσετε το κώδικα που σας δίνω παρακάτω, εκτός και αν το προσθέσατε πιο παλιά.
Για να το βάλουμε επιλέγουμε από το μενού "πρότυπο" ακολούθως "Επεξεργασία HTML" πατάμε "ctrl + f" για να ψάξουμε το "<head>", μόλις το βρούμε το προσθέτουμε μέσα στο head τμήμα κώδικα.
Κώδικας για το κουμπί  +1
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


Άσπρο
<style>#floatingbuttons{background:#F9F9F9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9));background:-moz-linear-gradient(top, #fff, #F9F9F9);border:1px solid #ccc;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#000;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#000;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html" target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>


Γκρίζο
<style>#floatingbuttons{background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html"target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>


Κόκκινο
<style> #floatingbuttons{background:#C12424;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F54F4F), color-stop(1, #C12424));background:-moz-linear-gradient(top, #F54F4F, #C12424);border:1px solid #B31919;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html"target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>
>

Μπλε
<style> #floatingbuttons{background:#295698;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698));background:-moz-linear-gradient(top, #3980E6, #295698);border:1px solid #1E4A8A;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html" target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>


Μαύρο
<style> #floatingbuttons{background:#333;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #656565), color-stop(1, #333));background:-moz-linear-gradient(top, #656565, #333);border:1px solid #222;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html"target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>


Πράσινο
<style> #floatingbuttons{background:#80A81C;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, #80A81C));background:-moz-linear-gradient(top, #A1D423, #80A81C);border:1px solid #739619;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html"target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>


Πορτοκαλί
<style> #floatingbuttons{background:#C15F24;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F58D4F), color-stop(1, #C15F24));background:-moz-linear-gradient(top, #F58D4F, #C15F24);border:1px solid #B35319;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html"target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>


Κίτρινο
<style> #floatingbuttons{background:#FFF19D;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF8CA), color-stop(1, #FFF19D));background:-moz-linear-gradient(top, #FFF8CA, #FFF19D);border:1px solid #F1E7AC;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#000;background:none;font-family:arial, sans-serif;display:block;font-size:7px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div> <div class="addbuttons"> <a href="http://lefta4klik.blogspot.com/2013/03/koumpia-kinonikis-diktiosis.html"target="_blank"><span class="getfloat">add to blogger</span><div style="clear:both"> </div> </a> </div> </div>



Σχόλια

  1. Χαίρομαι που το βρίσκεις χρήσιμο :)

    ΑπάντησηΔιαγραφή
  2. Είναι χρήσιμο :) Ευχαριστώ το έβαλα κιόλας στη σελίδα μου!

    ΑπάντησηΔιαγραφή
  3. γεια σου παναγιώτη
    τυχαία σε βρήκα και σε ευχαριστώ γιατί τα βρίσκω διαφωτιστικά
    Έχω ένα μπλογκ που το έχω ερασιτεχνικά και θέλω να το χρησιμοποιήσω τώρα για την εργασία μου και θέλω τη βοήθεια σου
    Βρήκα ένα άλλο template και δεν μπορώ να το φτιάξω.
    μπορώ να επικοινωνήσω μαζί σου για αυτό?
    θέλω βασικά κάτι σαν παρουσίαση του τι κάνω μα απλά
    Μπορεί να χρειαστεί να κάνω άλλη σελίδα, μονή που να είναι σαν την κάρτα μας την επαγγελματική,
    έχω βρει κάτι που μου άρεσε , δυο λινκ, και δεν μπορώ να το κάνω
    ευχαριστώ
    Δέσποινα

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Γεια σου Δέσποινα, μπορείς να κάνεις εγγραφή στο φόρουμ μας εδώ click4money forum όπου θα προσπαθήσουμε να σου λύσουμε όλες τις απορίες!

      Διαγραφή

Δημοσίευση σχολίου

Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Πώς να αλλάξω το βελάκι του ποντικιού

Αλλαγή εικόνας κέρσορα στο blog Gadget για να αλλάξετε το κανονικό βελάκι του mouse,παρακάτω θα δούμε πως να το αλλάξουμε,είναι πολύ εύκολος τρόπος.


Εδώ σας έχω μερικά εικονίδια για κέρσορες

Θες λεφτά; Γίνε νταντά!

Ξεμείνατε από μετρητά; Τι να κάνετε; Αν σας αρέσουν τα παιδιά η λύση είναι απλή! Πάρτε την θέσης της μαμάς και του μπαμπά.

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

Οι babysitters σήμερα κερδίζουν αρκετά χρήματα/ώρα σε σύγκριση με τα σημερινά δεδομένα. Υπάρχουν νταντάδες που βγάζουν μέχρι και 15 ευρώ την ώρα. Όταν η νταντά προσφέρεται να καθίσει την Παρασκευή και το Σάββατο βράδυ για μια έξοδο των γονέων. Οι γονείς θα είναι σε πάρα πολύ ευχάριστη θέση να της παραδώσουν τα μετρητά της όταν επιστρέψουν.

Υπάρχουν πολλές αγγελίες εργασίας που μπορείτε να ψάξετε. Μια καλή σελίδα που μπορείτε να βρείτε την εργασία που θέλετε ως νταντά ανάλογα και με την περιοχή είναι αυτή: http://www.careerjet.gr/ntanta

Σπάσιμο κωδικών email και τρόποι προστασίας αυτών

Καλησπέρα φίλοι και αναγνώστες του  blog μου, σήμερα θα σας δείξω ένα οδηγό βίντεο με τον οποίο μπορεί κάποιος να μας κλέψει τον κωδικό του email μας όπως επίσης και τρόπους με τους οποίους μπορούμε να προστατευτούμε.
Με αυτό το τρόπο μπορούμε να ανιχνεύσουμε κωδικούς hotmail, windows live και gmail. Στον οδηγό βίντεο σας δείχνω για hotmail που με τον ίδιο τρόπο γίνετε και για τα windows live. 
Για gmail στην επιλογή "Single target" που σας δείχνω στο βίντεο αντί για "pop3.live.com" βάζουμε "smtp.gmail.com", στην "Port" βάζουμε 465, και στο "Protocol" βάζουμε "smtp", επίσης βάζουμε τικ και στην επιλογή "Be verbose", τα άλλα τα κάνουμε όπως και στο βίντεο.
Θα χρειαστούμε  Backtrack ( το backtrack το κατεβάζετε εδώ ή εδώ για torrent ). Το προγραμμάτακι "Hydra-gdk" το οποίο είναι ενσωματωμένο στο backtrack, θα το βρείτε στο μενού => Application-Backtrack-Privilege Escalation- Password Attacks-Online Attacks-…