Tech Time: Author Profile widget with Social Media

TRANSLATUM

Μία πολύ χρήσιμη online εφαρμογή είναι
το Translatum το οποίο μας βοηθά να μεταφράσουμε λέξεις και κείμενα μέσα από πάρα πολλά λεξικά!Δεν θέλει εγκατάσταση απλά πατήστε στην εικόνα για να μεταφερθείτε στην ιστοσελίδα του Translatum, επιλέξτε

ότι σας ενδιαφέρει και πατήστε Μετάφραση!

Δευτέρα 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