Ads 468x60px

Πέμπτη, 2 Φεβρουαρίου 2017

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>
 <!-- Author Profile By http://www.bloggerspice.com/ start -->
<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 &#187;</a>
</div></div>
<!-- Ends -->

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

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 

0 σχόλια :

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

Icon Icon Icon

spice up your blog