.png "English"){kind=small}
Δευτέρα 4 Νοεμβρίου 2019
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
και κάνετε επικόλληση τον κώδικα!! - 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
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου