Tech Time: social

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

Παρασκευή 31 Ιανουαρίου 2020

Παρακολούθηση Facebook «Off-Facebook Activity»

Φίλες και φίλοι γεια σας, επιτέλους μετά από πάρα πολύ καιρό και
μετά από έντονες αντιδράσεις των χρηστών, το facebook έκανε διαθέσιμη
στην πλατφόρμα μία λειτουργία ονόματι «Off-Facebook Activity» με την οποία μας
επιτρέπει να "ελέγχουμε" και να διαχειριστούμε τις προσωπικές μας πληροφορίες που
μας συλλέγει το facebook.

Το εργαλείο κάνει αυτό που υπόσχεται και μας παρουσιάζει μία λίστα από όλες τις
εφαρμογές που έχουμε συνδέσει και επιτρέψει να στέλνουν δεδομένα στο facebook...

Αυτό που δείχνει και φαίνεται εντυπωσιακό είναι το, πόσες είναι αυτές "εν αγνοία μας" και
το, ότι ακόμα και το πιο απλό παιχνιδάκι να έχουμε παίξει αυτό μπορεί να έχει στείλει δεδομένα
στην "Μαμά Εταιρεία".

Πάμε να δούμε πως μπορούμε να το περιορίσουμε όλο αυτό:

Μπαίνουμε στις Ρυθμίσεις επιλέγουμε το: Οι πληροφορίες μου στο Facebook και κατόπιν
το Δραστηριότητα εκτός Facebook όπως έχω σημειώσει στις Εικόνες!

Στην ενότητα που μας ανοίγει "κλικάρουμε" πάνω στα εικονίδια των εφαρμογών όπως δείχνει
το βέλος στην πάνω εικόνα.

Με το κλικ φανερώνεται η λίστα εφαρμογών που στέλνουν δεδομένα στο facebook που
πιστέψτε με θα είναι μεγάλη. H απενεργοποίηση τώρα γίνεται, πχ όπως φαίνεται στην πάνω εικόνα
διαλέγω την εφαρμογή Antivirus free, και κλικάροντας την

διαλέγω την ενότητα Απενεργοποίηση μελλοντικής δραστηριότητας, πατάω Απενεργοποίηση
και Κλείσιμο! Αυτό ήταν!

Επόμενο Βήμα:

Τώρα για να αποτρέψουμε και όλες τις μελλοντικές δραστηριότητες κάνουμε κλικ στο
«Περισσότερες επιλογές»

και κάνοντας κλικ στην ενότητα Διαχείριση μελλοντικής δραστηριότητας

ξεκλικάρουμε την επιλογή στο Μελλοντική δραστηριότητα και κατόπιν πατάμε off!

Tέλος!

Υγ: Αυτό που πρέπει να γνωρίζεται είναι ότι το facebook θα συνεχίσει να συλλέγει
δεδομένα με τον ένα η με τον άλλο τρόπο, παρόλα αυτά τέτοιου είδους εφαρμογές και
εργαλεία πλατφόρμας είναι υπέρ μας και όχι κατά μας!!

Υγ1: Σχετικά με την απενεργοποίηση των εφαρμογών κάποιες μπορεί να δημιουργήσουν
μικρά προβλήματα (όχι κάτι σημαντικό το τονίζω αυτό), πχ σε εμένα με τα blogs κάποιες εφαρμογές σχετικά με την ροή των αναρτήσεων σταμάτησαν να λειτουργούν!

Καλή επιτυχία!!!

Edit by

Παρασκευή 1 Νοεμβρίου 2019

Photo Zoom for Facebook για Google Chrome

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ χρήσιμο
πρόσθετο(add-on) για τον Google Chrome browser το Photo Zoom
for Facebook !

Το Photo Zoom μας βοηθά όσο βρισκόμαστε στο facebook
και θέλουμε να δούμε εικόνες,
αυτομάτως περνώντας τον κέρσορα του
ποντικιού μας πάνω από την εικόνα, την βλέπουμε σε μεγέθυνση όπως
βλέπετε εδώ:

Ένα πολύ χρήσιμο πρόσθετο για το facebook μέσω του Google Chrome!

Μπορείτε να το εγκαταστήσετε μπαίνοντας από Google Chrome εδώ

Καλή επιτυχία!!!

Edit by

Δευτέρα 13 Μαΐου 2019

Vertical Social Bar

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε
μία Vertical
Social Bar για τα blog μας!Μία απλή κάθετη μπάρα χωρίς
εφέ και κώδικες,
με μεγάλα social εικονίδια που μπορείτε να την τοποθετήσετε
στην δεξιά η
αριστερή sidebar της σελίδας σας!

Δείτε εδώ το DEMO

Η εγκατάσταση είναι απλή και

για να το εγκαταστήσετε και εσείς:

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
..............................................................................................................................................................

<center><a href="ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjadpEf-aa6XVETmHzN3pYuVDHEo9lNzT5W4RhL1IOiacz7ESAzcHuUeTA0k0L5YHfbvdDkVxzO1YkHLcsVzh8IL6M8aeaIeQZHELfb60jIC5QAKyExEw5akxPMbcz5Fuxy-jvETHreRyc/s256/social_media_icons_flat_shadow_set_256x256_0000_facebook.png"width="100px" height="100px"title="Enter Facebook" /></a></center>

<center><a href="ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ GOOGLE PLUS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitOAHreBBkUqI3NCJDRHrdPBenaLnqmZCjyx0xPyGj8ShZxZCFc-345zM7T11oZ9ATh9AQ_ZX9920ZNwF7Puih3T1ySQC3JAE0RaNUPM1IitYpiaUrcTuOlvznZWGm0i7Lu-_PEP-FWgs/s256/social_media_icons_flat_shadow_set_256x256_0003_google%252B.png"width="100px" height="100px"title="Enter Google+" /></a></center>

<center><a href="ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr-gW8KCjJSADbjyxADXKzSeLea3-GYSOS_YBFOknbbw6Bus-vKvVWo5GIe7oeEYv_0IVe_ArChOUsCMPbXGpw2h77moZuwgHeSLvCQSTo06ENrYjTV1PX-sXQfL8Fqyq1d6NLCMsolr4/s256/social_media_icons_flat_shadow_set_256x256_0002_twitter.png"width="100px" height="100px"title="Enter Twitter" /></a></center>

<center><a href="ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ YOUTUBE" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoH8caN1nNJXnJpEvEetT6E1myft1mLKd6Pqf5_CnXWwxpQxSAQSxpPHBch-oWpDHoud63TWuoRetkiL_2uzyiKIWTtiEWinVvFLH_ZaxnP-KeRsbooSkqqf96ENplFDMvNZ40DjO0nZk/s256/social_media_icons_flat_shadow_set_256x256_0004_youtube.png"width="100px" height="100px"title="Enter Youtube" /></a></center>

<center><a href="ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ LINKEDIN" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj19WJq6KX1tdpXZRhGO-ntWdJkTy_yV-_h4f8ZCBPbF-24mX2FtDRT2Xi1MJV-VwIA3E1GtMQBuz93NsRp1DMTqyJzof6NcS30-ovgh-qyaPD_YOlgNbbB4dTWwvHPTQm9qC9buKOGZQY/s256/social_media_icons_flat_shadow_set_256x256_0010_linkedin.png"width="100px" height="100px"title="Enter
Linkedin" /></a></center>

...............................................................................................................................................................
ΑΛΛΑΓΕΣ

Βάλτε όλα τα δικά σας urls που έχετε στα social media στα αντίστοιχα σημεία του κώδικα,
προσέξτε όλο το url όχι μόνο το username και πατήστε Αποθήκευση!Αυτό ήταν!

Καλή επιτυχία!!!

Edit by

Πέμπτη 21 Μαρτίου 2019

Facebook & Twitter follow me gadget

Φίλες και φίλοι γεια σας, σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο follow me
gadget για facebook και twitter με floating icons!

Όπως και όλα τα άλλα
παρόμοια gadget & widgets τοποθετείτε σε όποιο σημείο του blog μας θέλουμε και βοηθά
τους αναγνώστες μας, να μας ακολουθήσουν στα διάσημα Social networks!

Δείτε εδώ το Demo

Η εγκατάσταση είναι και εδώ πολύ απλή..

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->

...........................................................................................................................................

<div id="Follow-Fb.Twt"><div style="position:fixed; top:40px; right:20px;">

<a href="http://twitter.com/twitter username" target="_blank"><img title=

"Follow Us

 On Twitter"  src="https://lh6.googleusercontent.com/-

qXiEI4g6Hl4/Ud7itsU5mjI

/AAAAAAAAC-c/nRegebya0j8/s100/twitter%2520follow.png" border="0" /></a>
<div style="margin-top:15px; z-index:999px;"><a href="

http://www.facebook.com

/facebook username" target="_blank"><img src="

https://lh3.googleusercontent.com/

-NjbMvm

_04Zw/Ud7i9bQLA8I/AAAAAAAAC-k/uGnNdrRfKR8/s150/facebook.png"

width="100px" alt="

 Follow  us on Facebook "/></a>
<center><div style="font-size:8px;"><a href="http://www.safetricks.ne

t/2013/07/

Floating-Facebook-And-Twitter-Follow-Me-Widget-For-Blogger.html">

Get This</a>

</div></center></div></div></div>

................................................................................

Οι αλλαγές που πρέπει να γίνουν....

twitter username--> Εδώ το username που έχετε στο twitter

facebook username-> Εδώ το username που έχετε στο facebook

position:fixed Eάν αλλάξουμε το fixed  με το left to widget μπαίνει

αριστερά στην σελίδα μας,εάν το αφήσουμε ως έχει,μένει δεξιά!!

top:40px;  Εάν αυξήσουμε το 40px κατεβαίνει πιο χαμηλά το widget από

την κορυφή της σελίδας μας,εάν το μειώσουμε ανεβαίνει και άλλο!

right:20px Εάν αυξήσουμε το 20ρχ το widget μπαίνει πιο αριστερά προς τα

μέσα της σελίδας μας δηλαδή,και εάν το μειώσουμε βγαίνει προς τα έξω!

Μόλις τελειώσετε πατάτε Αποθήκευση και είστε έτοιμοι!

Καλή επιτυχία!!!

Πηγή κώδικα http://www.safetricks.net

Edit by

Τρίτη 19 Μαρτίου 2019

Tweriod: Start Tweeting When Others Listen

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε και θα γνωρίσουμε
το Tweriod! Το Tweriod είναι μία από τις πιο χρήσιμες online εφαρμογές που κυκλοφορούν
ελεύθερες (free edition) για το twitter!

Υπάρχει και η pro έκδοση που διαθέτει επιπλέον λειτουργίες για όποιον θέλει!

Το Tweriod αναλύει και σας στέλνει στατιστικές για τις ώρες που οι followers - ακόλουθοι σας
είναι
πιο ενεργοί βάσει τις πληροφορίες που αντλεί και επεξεργάζεται από τον λογαριασμό (TL) σας!
Έτσι μπορείτε να
προγραμματίσετε τα tweets σας, ώστε να έχετε μεγαλύτερη απήχηση και απόδοση,
την ώρα που θα ''τουιτάρετε''!

Το μόνο που έχετε να κάνετε είναι να μεταβείτε στην σελίδα του Tweriod να
συνδεθείτε με τον δικό σας λογαριασμό του twitter στο tweriod να -δώσετε έγκριση -
δηλαδή, και να κάνετε τις ρυθμίσεις που εσείς θέλετε!

Μπείτε στο Tweriod

Καλή επιτυχία!!

Edit by

Δευτέρα 4 Φεβρουαρίου 2019

Author Profile widget with Social Media

Φίλες και φίλοι γεια σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο Author Profile
widget box, από το οποίο μπορούν να βλέπουν οι αναγνώστες-επισκέπτες μας, εύκολα και
γρήγορα το προφίλ μας, λίγα λόγια για το blog μας, να διαβάσουν για τον ιδιόκτητη-διαχειριστή
του blog και ότι άλλο εσείς θέλετε!Έχει ενσωματωμένα και social media links δίνοντας μας, μία
εξαιρετική επιλογή για το Author Profile box μας!!

Η εγκατάσταση του είναι πάρα πολύ απλή και για να γίνει αυτό

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
........................................................................................................................................

<style>
/*widget by www.bloggerspice.com */
.BloggerSpice {width:auto; height:83px;padding:5px}
.BloggerSpice-BS {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:5px solid #005C91;border-right:5px solid #04BDFA;border-bottom:5px solid #005C91;border-left:5px solid #04BDFA}
.BS-AP{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px;font-size:11px; color:#000000;text-align:justify;}
.BSfb, .BSgp, .BStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px;
height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.BSfb {background: #3B5998;margin-left:76px}
.BSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.BSgp {background: #D34836;font-size:11px;margin-left:86px}
.BSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.BStw {background: #4099FF;margin-left:82px}
.BStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
</style>

<div class='BloggerSpice'>
<img alt='TO ΟΝΟΜΑ ΣΑΣ' src='ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΣΑΣ' title="TO ΟΝΟΜΑ ΣΑΣi" class='BloggerSpice-BS' />
<a class='BSfb' href='http://www.facebook.com/USERNAME FACEBOOK rel='nofollow' target="_blank">f</a>
<a class='BSgp' href='https://plus.google.com/GOOGLE PLUS ID' rel='nofollow' target="_blank">G</a>
<a class='BStw' href='http://twitter.com/USERNAME TWITTER' rel='nofollow' target="_blank">t</a>
<div class='BS-AP'>
ΕΔΩ <a href=https://plus.google.com/GOOGLE PLUS ID title="TO ΟΝΟΜΑ ΣΑΣ" rel='nofollow' target="_blank">TO ΟΝΟΜΑ ΣΑΣ</a><br/>
ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΚΑΛΟΣΩΡΙΣΜΑΤΟΣ ΠΟΥ ΘΕΛΕΤΕ >><a style="color:#04BDFA;" href="
ΕΔΩ ΤΟ ΛΙΝΚ ΤΟΥ ΠΡΟΦΙΛ ΣΑΣ Η ΟΤΙ ΑΛΛΟ ΘΕΛΕΤΕ" target="_blank"> Read More »</a>
</div></div>

..............................................................................................................................................................
ΑΛΛΑΓΕΣ

TO ΟΝΟΜΑ ΣΑΣ-Εδώ βάζετε το όνομα σας,η το username του google+ σας!
ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΣΑΣ-Εδώ μπαίνει η εικόνα που θα φαίνεται στο box!

USERNAME FACEBOOK
GOOGLE PLUS ID Εδώ βάζετε τα αντίστοιχα usernames
USERNAME TWITTER που έχετε στα εκάστοτε social media!

ΕΔΩ ΤΟ ΛΙΝΚ ΤΟΥ ΠΡΟΦΙΛ ΣΑΣ Η ΟΤΙ ΑΛΛΟ ΘΕΛΕΤΕ-Εδώ βάζετε το λινκ της σελίδας-
προφίλ σας,που θα οδηγείτε ο αναγνώστης σας μετά το Read More!

000000- Όποιος θέλει αλλάζει και το χρώμα του box

ΕΔΩ
ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΚΑΛΟΣΩΡΙΣΜΑΤΟΣ ΠΟΥ ΘΕΛΕΤΕ--Εδώ γράφετε το κείμενο
που θέλετε να φαίνεται!!!ΠΡΟΣΕΞΤΕ το ΕΔΩ από που ξεκινά να μην κάνετε λάθος!Εκεί λέτε
γεια η ότι άλλο θέλετε και το κείμενο συνεχίζεται μετά τον σύνδεσμο!

Αυτά είναι όλα!

Καλή επιτυχία!!

DEMO

Πηγή κώδικα
Thanks to bloggerspice.com

Edit by

Παρασκευή 9 Νοεμβρίου 2018

Pure CSS Expanded Social Network Widget

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα social network widget με ένα πολύ
ωραίο smooth expand hover effect!Είναι με κώδικα Css, δεν καθυστερεί το άνοιγμα
των blog μας, και τοποθετείτε κατά κύριο λόγο στην αριστερή sidebar, η άν έχετε χώρο,
κάτω στο footer των blog σας!

Δείτε εδώ το DEMO

Η εγκατάσταση του είναι πάρα πολύ απλή!

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
...................................................................................................................................................

<style>#NBT-SNS {width: 260px;margin: 5px 20px;padding:5px;}#NBT-SNS li {cursor: pointer;height: 48px;position: relative;list-style-type: none;}#NBT-SNS .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpMn047ClD1CTBp9UXlXJlKa23dmX4iNgFdWM7VHl_Tb7021e0KFDFVlx3SfIq0s_RPdAFV0teZrRNaOMlkwb9LJ53mMo6SqwB7-XV5CS4z1ll9GrEs93kEDC2SrkhQ13mtg2P2b6Kv44/s1600/NBT-Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}#NBT-SNS span:hover {visibility: hidden;}#NBT-SNS span {display: block;top: 15px;position: absolute;left: 90px;}#NBT-SNS .icon {color: #fafafa;overflow: hidden;}#NBT-SNS .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;}#NBT-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}#NBT-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}#NBT-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}#NBT-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}#NBT-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}#NBT-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}#NBT-SNS li:hover .icon {width: 250px;}#NBT-SNS li:hover .icon {background-color: #d91e76;}#NBT-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}#NBT-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}#NBT-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}#NBT-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}#NBT-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}#NBT-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}#NBT-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}#NBT-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style><ul id="NBT-SNS"><li><a href="http://www.facebook.com/USERNAME FACEBOOK" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span> </li><li><a href="https://twitter.com/USERNAME TWITTER" class="icon twit">Follow us on Twitter</a><span>Follow us on Twitter</span> </li><li><a href="https://plus.google.com/GOOGLE PLUS ID" class="icon google">Follow us on Google+</a><span>Follow us on Google+</span> </li><li><a href="http://www.pinterest.com/USERNAME PINTEREST" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span> </li><li><a href="http://in.linkedin.com/USERNAME LINKEDIN" class="icon linked">Follow us on LinkedIn</a><span>Follow us on LinkedIn</span> </li><li><a href="http://www.youtube.com/user/USERNAME YOUTUBE" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span> </li><li><a href="http://feeds.feedburner.com/USERNAME FEED" class="icon rss">Subscribe via RSS</a><span>Subscribe via RSS</span></li></ul></div><div style='clear: both;'></div>

...............................................................................................................................................................
AΛΛΑΓΕΣ

Αντικαταστήστε όλα τα USERNAMES με τα αντίστοιχα δικά σας που έχετε στα social media, προσέξτε
στην αλλαγή να είναι ανάμεσα σε / " το username δηλαδή έτσι: /username"

και μόλις τελειώσετε πατήστε

Αποθήκευση! Αυτό ήταν!

Καλή επιτυχία!!!

Πηγή κώδικα
thanks to newbloggertips.com

Edit by

Τετάρτη 7 Νοεμβρίου 2018

Social bar with opacity effect

Φίλες και φίλοι γεια σας, σήμερα θα δούμε άλλη μία version των socials bars,
σχετικά απλή σε σχέση με άλλα socials widgets , με πολύ ωραία εικονίδια και με
opacity hover effect!
Έχει εικονίδια για Rss feed, facebook, twitter, youtube, google
plus,
xωρίς κώδικες Css & jguery scripts!

Δείτε εδώ το DEMO

και για να το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
...............................................................................................................................................

<center>
<style>
a:hover {background-color: transparent;opacity:0.4;}
</style>

<a title="Rss Feed" href="http://feeds.feedburner.com/USERNAME FEED" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCmvk1aEHjBHrJ_S2Lpxtbv0B3seR6r7PpSOLl1WMsHZTj2TGJKlzS1tgO0IzkfXuJYCx6MlHWfwthT097uOnqqDVvYQJX8XTJl4BLNx59xwWG2q0BhEXmr6p-UWew5Y8At8ptR45n90/s96/rss-feed-icon.png" /></a>

<a title="Find Us On Facebook" href="http://facebook.com/USERNAME FACEBOOK" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioAJNvCcIA62M0RhZyRun3c_zo2dAJHpqsa48ohoQTZUuv8LlfvBQ4eI77VFVhV8FucR95RO7eQOVB-ioI1OufWJQaGOgabiN9B5557P3Mm2l68Nal4BiXIZoeLs6mClubnMeD8RcuXcY/s96/facebook-icon.png" /></a>

<a title="See our videos" href="http://www.youtube.com/user/USERNAME YOUTUBE" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQ3fV46c6Q2DRK8LtpYCANlv4eKrijtnNPDegkc8Y-4UbRlPIOdKRQiTgD9OYAcIirp0_Lvot728APlARP086X5jdIaKo4qlnb7AtZrJ-p6xw6d2pMs6mIl8FkIMNXCB_2XCMeNLlDl0/s96/youtube-icon.png" /></a>

<a title="Follow On Twitter" href="https://twitter.com/USERNAME TWITTER" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDKn-alP_SQ9sslbDZyybEibY3rMbUf7ZtZI2Zuv_SVgTx8Q6TucZv2YFY9BTUd8iNm9zDptyiC3S7R2ft3FaWomeyU5AXr4Fh2g9zZSAj5IovhyMUKcJrzqGn34fBhZoaPzYc4B27jA/s96/twitter-icon.png" /></a>

<a title="Add To Circles" href="https://plus.google.com/GOOGLE PLUS ID/posts" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7I_bR_Vyh1L-NWgyWtrfmd99fp0mbWlBj48-xuRomPTDusd3L_r-RfTBME2pGcyyNqddWu4w0ltIrNV6ow_1D_lJxXM1Otb3oXqCF3gWDZrAHwCGYa9Cv9IAjUBQQc-OXM22HVE-d47k/s96/google-icon.png" /></a>
</center>

..................................................................................................................................................

ΑΛΛΑΓΕΣ

Κάντε αλλαγή όλα τα usernames με τα αντίστοιχα δικά σας και το google plus id σας, και

πατήστε Αποθήκευση!Αυτό ήταν!

Καλή επιτυχία!!!

Πηγή κώδικα

Edit by

Πέμπτη 25 Οκτωβρίου 2018

CSS Pink Social Networking Widget

Φίλες και φίλοι γεια σας σε αυτήν την ανάρτηση θα δούμε μία social bar σε ροζ
χρώμα διαφορετική από όσες έχουμε δει μέχρι τώρα σε παλαιότερες αναρτήσεις
και λόγω χρώματος αλλά και λόγω εφέ καθώς διαθέτει και ένα πολύ ωραίο
οριζόντιο slide out!

Δείτε εδώ το DEMO

και για το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
........................................................................................................................................

<style>
#bssocialmenuslide {
margin:0;
padding:0;
width: 30em;
height: 4.5em;
overflow:hidden;
}
#bssocialmenuslide li {
display:inline;
list-style-type:none;
}
#bssocialmenuslide li a {
display:block;
float:left;
text-decoration:none;
margin:0;
}
#bssocialmenuslide li a img {
opacity:0.7;
margin:0.5em;
border:0;
float:left;
}
#bssocialmenuslide li a span {
display:none;
}
#bssocialmenuslide li a:hover {
background:transparent;
}
#bssocialmenuslide li a:hover span {
width:7em;
color:#aaa;
display:block;
cursor:pointer;
float:left;
}
#bssocialmenuslide .h2 {
margin:0 5px;
padding:0;
color:#fc0;
font-variant:small-caps;
font-size:1em;
border:0;
}                                                                                                                                       
</style>
<ul id="bssocialmenuslide">
<li>
    <a href="https://www.facebook.com/ΕΔΩ ΤΟ FACEBOOK USERNAME ΣΑΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MwKfmWYpn-8rAu-BaPRZ5BW1-hHsJR6GJfP3CbJne0bR1C-_81VoeZkFsrfS0lhKkiBlClgOiSrfoeJPS3arToZLZVtFEulYiFAB2kMX__0I8sxvifHe3UN_jnD-GkvLzk3ZLD0_GySc/s1600/BS+Facebook.png" alt="facebook" width="50" height="50" title="Facebook" />
     <span><br />
      <b class="h2">Facebook</b><br />
      Add to Facebook
     </span>
    </a>
   </li>
<li>
    <a href="https://twitter.com/ΕΔΩ ΤΟ ΤWITTER USERNAME ΣΑΣ">
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifM_AoAT3dtaBtoVMuf9bdb1NX3z0L7fHt0JtpUqNQmlR-Fc2npAeIzWpaU9nJtfA_Nx4jYXKi-nuBWGnZN10WOyD3TPu3fnjaOLbG5EVGzKsyUPASl5sHtq3zqsRdrce2yp2N9PalIWMX/s1600/BS+Twitter.png" alt="twitter" width="50" height="50" title="twitter" />
     <span><br />
      <b class="h2">Twitter</b><br />
      add to twitter
     </span>
    </a>
   </li>
   <li>
    <a href="https://plus.google.com/EΔΩ ΤΟ GOOGLE PLUS ID ΣΑΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQDTyDYkPb6HmKVHVn_lmdgQabiJjWbQGyCFG5afW-9oxei91SX79WHfOczCGcxfQKhCTraNy3yPqBhE-4A9TXPnCO5iC0T0_pnm8H2e4gOwDzM8qNnd8fchcV5lFC5YF59Zd1xR_UijY/s1600/BS+Google+Plus.png" alt="Google plus" width="50" height="50" title="=Google plus" />
     <span>
      <br />
      <b class="h2">Google +</b><br />
      Add to Google +
     </span>
    </a>
   </li>
   <li>
    <a href="http://feeds.feedburner.com/EΔΩ ΤΟ FEED ΣΑΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZijFXlKW9NLyj2ERH2giy1vbr7-BiAROdQjxaGgFKwy3Ib8MWWwuQnYRR5Vork8MzjF7lt2s4SKDo2-xzcZNYKL5ZkrDWbyg5piRbZCUnvvOgeHm6_sWNnlzXIq3QNH17B4pIDewdivl4/s1600/BS+RSS.png" alt="Rss" width="50" height="50" title="Rss" />
     <span><br />
      <b class="h2">Rss Feed</b><br />
        Subscribe
     </span>
    </a>
   </li>
   <li>
</li></ul>

...............................................................................................................................................
ΑΛΛΑΓΕΣ

Αντικαταστήστε όλα τα usernames με τα αντίστοιχα δικά σας που έχετε στα social media
και πατήστε Αποθήκευση!Αυτό ήταν!

Καλή επιτυχία!!!

Πηγή κώδικα
Thanks to bloggerspice.com

Edit by

Δευτέρα 22 Οκτωβρίου 2018

Marquee social widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία παραλλαγή από τον
γνωστό κώδικα marquee, στον οποίο έχω ενσωματώσει socials links με εικονίδιο!
Τα links είναι για facebook - Linkedin - Τwitter.

Ο marquee code δίνει κίνηση στο widget έτσι τα εικονίδια που έχω χρησιμοποιήσει
έχουν την μορφή φορτηγών(trunks)!Εσείς μπορείτε να τα αλλάξετε και να βάλετε ότι
θέλετε εσείς!

Δείτε εδώ το DEMO

Η εγκατάσταση είναι απλή και

για να το εγκαταστήσετε και εσείς:

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->

..............................................................................................................................................................

<marquee behavior="scroll" direction="left"><a href="http://www.facebook.com/USERNAME FACEBOOK"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_U4LCDe8eV0z569c2On2tZi53P2H17wD1bxGOOc827zZOMHV4U3AHOwdnjzZZCCREBFOCrApRc2ACl0DmNu4qLbJvqYcdDGgBGw0XWfEI1gEghgrWG7AeXWgAdaN5djQoLU522o78eOk/s512/Social-Truck_fb2.png" width="195" height="155" /><a href="http://www.linkedin.com/in/USERNAME LINKEDIN" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqaDRT9d2wMWLsQTKK8o9lg-BAt0Lr24eux0jpuMnwqIKsPhNErRTBRq0bJGyndfjQgTp4sSvW6IGw0V8DnexqPC8LdkknDnbYKYvwlUQpulcRfhSyjRhaNncwQrYcexVqMwGjbr-m84/s512/Social-Truck_li1.png" width="195" height="155" /><a href="https://twitter.com/USERNAME TWITTER"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUU2riSPHuy6PzbfmQBf72f5TOppbrgrVEjUqtxq9Oj8vOdASrXt79WI7Nh3PVbQcvOemHslNnTHEDIDAyy_AeGlA-3BTEW00dEtamidd_AHCH4LUZvPzyrbTtKpNouoRMS02CTwRgQs4/s512/Social-Truck_twi.png" width="195" height="155" /></a></a></a></marquee>

....................................................................................................................................................................
ΑΛΛΑΓΕΣ

Κάντε αλλαγή σε όλα τα USERNAME με τα αντίστοιχα δικά σας!

Όποιος θέλει αλλάζει και τα εικονίδια

Αποθήκευση και έτοιμοι!

Καλή επιτυχία!!!

Edit by

Δευτέρα 26 Μαρτίου 2018

Subscription Gadget With Rollover Effect

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ακόμα ένα gadget με ενσωματωμένα social media urls
!Έχει icons για Facebook Twitter και Rss!Μπαίνει σε οποιοδήποτε
σημείο του blog μας και διαθέτει και ένα πολύ ωραίο rollover effect!

Δείτε το παράδειγμα:

Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει...

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
.............................................................................................................................................................

<a href=http://www.facebook.com/username facebook onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEholIGtbjX5hEcecWtWuKYvP6FWy3W8ZdquoAULplj5YqzfSKq2cQs0lRBLBfk8oA28CdA1cTMypcFRCWjDeGbDeOxcEkioXzWtM5JrC0WawNjk3m5gUeDFrbUrYCYEEZUKO0O0jTo0IcnL/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZiUEqoXNF_quK-kxWyvz5zwtEQDCCnn5lrhYdRHl5QiCfx7Digf9cqjByh_AqNXZ5DpNkBH18RBIV8BGUZGwdJjQ-TDOc4epdYpaO8u_ujwqcJ7v20bbijRnN1EDfbJ_bqgXNB62FM0n/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZiUEqoXNF_quK-kxWyvz5zwtEQDCCnn5lrhYdRHl5QiCfx7Digf9cqjByh_AqNXZ5DpNkBH18RBIV8BGUZGwdJjQ-TDOc4epdYpaO8u_ujwqcJ7v20bbijRnN1EDfbJ_bqgXNB62FM0n/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/username twitter onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL5AEcA3p_ehwpCC-G9VehPcZgKx_onp5DC-8MXI_nyN6GLIyy3bKDgU2adQhKtadHa9zK49HYgok2nycnVgka-eTf-bQcMYmHUPNjnsXn5bSrboUdd6hYJG3enF87WYxhcSOfSMfK9ZZA/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHghy9XM3Knh7VWoCJbXDMKEVbXWVtbWLk_hlGB9AWgh5YTJnyR63YG8SjwAsMeFmhtoA00pHLQNZIgeV1FZadyXEfiJ8RJMeDZ4oUGHix9oZ4RizxmA9fIvG0CqLBw92zx4SB8WT1Y6H/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHghy9XM3Knh7VWoCJbXDMKEVbXWVtbWLk_hlGB9AWgh5YTJnyR63YG8SjwAsMeFmhtoA00pHLQNZIgeV1FZadyXEfiJ8RJMeDZ4oUGHix9oZ4RizxmA9fIvG0CqLBw92zx4SB8WT1Y6H/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/username feed onmouseover= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvQEWuwpwuwe50zqvYpbQZwVBFHG-tCzaxfnYFpgiSf3sAmwkW-JdwsiBGCDPw1JWksK5vb54ppo8XoIaGBFseS6k-_bY_9LdON6wR5mSwXIja2NA7_ydpSu_Grg5UAbibCYsGCxaBddrF/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieBBHE4kOKpF_eLI0lUR1yYkIlJi7QDC5RQkfdDSoqLk1wY1I5kbEL7WI5cC_ZGy-jqWeAFXzCydOn99RyOt3Rsnm6Lr4oxRMA5M4htqjkjmgvWG6NIyq7Mygu_OTSWw_m_Xj8kEeG21GN/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieBBHE4kOKpF_eLI0lUR1yYkIlJi7QDC5RQkfdDSoqLk1wY1I5kbEL7WI5cC_ZGy-jqWeAFXzCydOn99RyOt3Rsnm6Lr4oxRMA5M4htqjkjmgvWG6NIyq7Mygu_OTSWw_m_Xj8kEeG21GN/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small>Blog Gadgets</small></a>

..............................................................................................................................................................
AΛΛΑΓΕΣ

Αντικαταστήστε όλα τα username με τα αντίστοιχα δικά σας και πατήστε Αποθήκευση!

Καλή επιτυχία!!!

Πηγή κώδικα
thanks to spiceupyourblog.com

Edit by

Τρίτη 13 Μαρτίου 2018

Mini Social Icons With CSS

Φίλες και φίλοι γεια σας, σε αυτήν την ανάρτηση θα δούμε ένα widget bar με social icons,
διαφορετικό ως προς το μέγεθος από τις άλλες αναρτήσεις που έχουμε αναρτήσει με ένα πολύ ωραίο
Sprite Flip Effect κάνοντας την συγκεκριμένη social bar ιδανική, έτσι ώστε να μπορούμε να την χρησιμοποιήσουμε μαζί με άλλην
στο blog μας, λόγω του μικρού μεγέθους της!Αριστερά, Δεξιά, κάτω στο footer, μπαίνει
παντού!

Δείτε εδώ το DEMO

και για να το εγκαταστήσετε και εσείς στο blog σας....

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
..........................................................................................................................

<ul class="spicesocialwidget">
<li class="facebook">
<a rel="nofollow" href="http://www.facebook.com/" target="_blank" title="facebook">
</a></li>
<li class="googleplus">
<a rel="nofollow" href="https://plus.google.com/" target="_blank" title="googleplus">
</a></li>
<li class="twitter">
<a rel="nofollow" href="http://twitter.com/" target="_blank" title="twitter">
</a></li>
<li class="rss">
<a rel="nofollow" href="http://feedburner.com/" target="_blank" title="rss">
</a></li>
<li class="skype">
<a rel="nofollow" href="http://www.skype.com/" target="_blank" title="Skype">
</a></li>
<li class="flickr">
<a rel="nofollow" href="http://www.flickr.com/" target="_blank" title="flickr">
</a></li>
<li class="linkedin">
<a rel="nofollow" href="http://www.linkedin.com/" target="_blank" title="linkedin">
</a></li>
<li class="youtube">
<a rel="nofollow" href="http://www.youtube.com/" target="_blank" title="youtube">
</a></li>
</ul>
<style>
ul.spicesocialwidget {float:right;}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRtn6TZjfmqibCvuj2Z9mVVXQ48p6CTs3DzlWg0yOsNjfNXHcb3ia6C4nCy04-8BA1pP4yXlbEBeeMmDlJw1I4tp-s7UxwIgC5OMNuEmdqh5UTQmMkyukgTSFjY0dZCA04bHUkUz4Jqv6/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRtn6TZjfmqibCvuj2Z9mVVXQ48p6CTs3DzlWg0yOsNjfNXHcb3ia6C4nCy04-8BA1pP4yXlbEBeeMmDlJw1I4tp-s7UxwIgC5OMNuEmdqh5UTQmMkyukgTSFjY0dZCA04bHUkUz4Jqv6/s1600/spice-social-gadget-sprite.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 0}
ul.spicesocialwidget li.flickr a{ background-position:-32px 0}
ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}
ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}
ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}
ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}
ul.spicesocialwidget li.rss a{ background-position:-192px 0}
ul.spicesocialwidget li.skype a{ background-position:-224px 0}
ul.spicesocialwidget li.twitter a{ background-position:-256px 0}
ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}
ul.spicesocialwidget li.youtube a{ background-position:-320px 0}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
</style>

..........................................................................................................................................................
ΑΛΛΑΓΕΣ

Βάζετε τα δικά σας αντίστοιχα urls των social media στα υπογραμμισμένα πεδία και
πατάτε Αποθήκευση!!Αυτό ήταν!

Έχω αφαιρέσει τα-vimeo-pinterest-dribble από τον κώδικα της μπάρας!Εάν θέλετε κάποιο
από αυτά μπορείτε από την πηγή που δίνω στο τέλος της ανάρτησης να χρησιμοποιήσετε
ατόφιο τον κώδικα!!

Αν θέλετε να αφαιρέσετε και άλλα πχ το flickr,
Αφαιρείτε αυτό

<li class="flickr">
<a rel="nofollow" href="http://www.flickr.com/" target="_blank" title="flickr">
</a></li>

και αυτό

ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}

Καλή επιτυχία!!!

Πηγή κώδικα
thanks to spiceupyourblog.com

Edit by