e-Business Card - Blogger Template

Σχεδίαση: Bloggermint.com
Περιγραφή: Η e-Business Card είναι ένα πρότυπο με το οποίο μπορείτε εύκολα και γρήγορα να δημιουργήσετε την ηλεκτρονική επαγγελματική σας κάρτα.Επίσης σας παρέχει την δυνατότητα να ενσωματώσετε τον λογαριασμό σας στο Twitter εμφανίζοντας τα τελευταία νέα που δημοσιεύεται στο συγκεκριμένο κοινωνικό δίκτυο...
Σχετικά Βοηθήματα:
1. Για να αλλάξουμε την εικόνα του συγγραφέα πηγαίνουμε "Επεξεργασία HTML" και πατώντας Ctrl + F βρίσκουμε τον σύνδεσμο:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK46AIFoCITTYropkXjJz1W4PqrNUNzLJISvHppncunuaM7fXuWE02N6W7S4GRZR_5jAtmQXk2W4xrecJAUmR4MmvzjhTyFu2sfSgQezgjak2Vxcsc6j0ijPejcvWJpbfz0uAGchVq42g/s1600/frank default.jpg

Και τον αντικαθιστούμε με τον σύνδεσμο της εικόνας που θα περάσουμε.

2. Για να αλλάξουμε το όνομα του συγγραφέα πηγαίνουμε "Επεξεργασία HTML" και πατώντας Ctrl + F βρίσκουμε τον σύνδεσμο:

<span class='name'><h3>Franklin Manuel</h3></span>

Και τον αντικαθιστούμε το Franklin Manuel με το όνομα που θέλουμε.

3. Για να αλλάξουμε το βιογραφικό μας κείμενο πηγαίνουμε "Επεξεργασία HTML" και πατώντας Ctrl + F βρίσκουμε τον σύνδεσμο:

<span class='bio'>I am a web designer and front-end web developers. Loves iPhone hacking.</span>

Και τον αντικαθιστούμε το I am a web designer and front-end web developers. Loves iPhone hacking. με το βιογραφικό κείμενο που θέλουμε.

4. Για να αλλάξουμε τους συνδέσμους που οδηγούν στην σελίδα μας και στο email μας πηγαίνουμε "Επεξεργασία HTML" και πατώντας Ctrl + F βρίσκουμε τον σύνδεσμο:

<span class='web'><b>Web : </b><a href='http://www.bloggermint.com'>www.bloggermint.com</a></span>
<span class='mail'><b>Mail : </b><a href='mailto:bloggermint@gmail.com'>bloggermint@gmail.com</a></span>
</div>

Και τον αντικαθιστούμε με τα www.bloggermint.com & bloggermint@gmail.com με τα αντίστοιχα δικά μας.

5. Για να αλλάξουμε τους συνδέσμους που οδηγούν στους λογαριασμούς μας στα κοινωνικά δίκτυα που υπάρχουν στο πρότυπο πηγαίνουμε "Επεξεργασία HTML" και πατώντας Ctrl + F βρίσκουμε τον σύνδεσμο:

<div class='socials'>
<ul>
<li><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVFpuTGJJXGflltXEwPY_E8V_MA_WWkKdJ-B1VC3ku5lOLdtR4x6vjg9hsMvPwqnz-b8zSOR5In4LhZaAarwmXpH4sZQMXb7K7ywOVUSeNBzFC-JTfhX6hmZOH0JpTdWIZ9ytFUTwuyR1B/s1600/facebook.png'/><a href='http://www.facebook.com/franklin.lawrence'>Facebook</a></li>
<li><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvqdCZj3mpNt-8jle-AZkR-TTyVD3Ql3OH860ubO9ueJ6kMpw-GWEpVN2GRylX6tI32OgNCdw8SLCNBSHgp7PZiwYpcxXcrXdGlh36z4tWEfKCakymc8fBGYQt01nCk46H243KTN857DdE/s1600/twitter.png'/><a href='http://twitter.com/bloggermint'>Twitter</a></li>
<li><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV0j4g_3N8KpT1MJIRghYrdyBIuEA4RJ84qvqAcHKqypAiDd2Zgt82B-bK5HAjD2Xh7DTeWZ9fd9f2kb-2KH8HyLhOeIG7Olv8e9BX10y6GsVzcRu4JvwWfXT10THgyYv2zNNF7s7fv4sr/s1600/myspace.png'/><a href='#'>MySpace</a></li>
</ul>
</div>

Και αντικαθιστούμε με τους συνδέσμους των Facebook,Twitter και Myspace που υπάρχουν με τους αντίστοιχους δικούς μας.Αν δεν έχουμε λογαριασμό στα συγκεκριμένα site μπορούμε να δώσουμε κάποιον άλλο σύνδεσμο (πχ forum, Msn κλτ.) και να αλλάξουμε φυσικά το ανάλογο εικονίδιο.

6. Για να εμφανιστούν στο κάτω πλαίσιο της κάρτας οι δικές μας δημοσιεύσεις του Twitter πηγαίνουμε "Επεξεργασία HTML" και πατώντας Ctrl + F βρίσκουμε τον σύνδεσμο:

<div class='tweets'>
<ul id='twitter_update_list'>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/bloggermint.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
</ul>
</div>

Και αντικαθιστούμε την λέξη bloggermint με το username που διαθέτουμε στο Twitter.Αν δεν διαθέτουμε λογαριασμό στο Twitter μπορούμε να αντικαταστήσουμε ολόκληρο τον συγκεκριμένο κώδικα με κάτι άλλο....Πχ ένα κυλιόμενο μήνυμα (δείτε Demo)

Ίσως να σου αρέσουν και αυτά: