Ads 468x60px

Τρίτη, 17 Ιανουαρίου 2017

Text over in the picture

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε έναν πολύ
εύκολο και πρακτικό τρόπο να ενσωματώνουμε λέξεις, τίτλους προτάσεις
η ότι κείμενο θέλετε εσείς, μέσα στις εικόνες που αναρτούμε στα blog μας!








Η εγκατάσταση του είναι απλή η βάζετε τον κώδικα

στο HTML section της ανάρτησης η ακολουθείτε την γνωστή διαδικασία..

Blogger-->Διάταξη

Προσθήκη gadget-->Html javascript

και κάνετε επικόλληση τον κώδικα!! - See more at: http://cris-dio4.blogspot.gr/2013/09/post-with-newspaper-style_25.html?zx=b60c5b9a4faf18c0#sthash.iSDY1GIZ.dpuf
Η εγκατάσταση του είναι απλή η βάζετε τον κώδικα

στο HTML section της ανάρτησης 


η ακολουθείτε την γνωστή διαδικασία..

Blogger-->Διάταξη

Προσθήκη gadget-->Html javascript


και κάνετε επικόλληση τον ακόλουθο κώδικα:

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

<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin: auto; position: relative; width: 400px;">
<!-- Original image inserted with blogger -->
<a href="
ΕΔΩ ΜΠΑΙΝΕΙ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑ ΣΑΣ" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="ΕΔΩ ΜΠΑΙΝΕΙ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑ ΣΑΣ" /></a>
<!-- Text over the image -->
<br />
<div style="color: green; font-size: 24px; font-weight: bold; left: 130px; position: absolute; text-shadow: 2px 2px #FFC0CB; top: 110px;">
ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ
</div>
</div>  
 
....................................................................................................................................................................
ΑΛΛΑΓΕΣ

ΕΔΩ ΜΠΑΙΝΕΙ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑ ΣΑΣ---Εδώ βάζετε την διεύθυνση της εικόνας σας!

Προσέξτε την βάζετε 2 φορές!

ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ---Εδώ γράφετε τον τίτλο που θα φαίνεται στην εικόνα!

green: Εδώ αλλάζετε το χρώμα του κειμένου με ότι θέλετε εσείς - red- blue- black - yellow κτλ!

left: 130px - Αλλάζετε την τιμή για να κεντράρετε το κείμενο στην εικόνα δεξιά η αριστερά και

αλλάζετε και το  top: 110px για το πάνω κάτω!


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


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


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



 Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog