Simple SlideShow

Mega Menu

PullDown menu(exei HTML)

3D icon menu

Δευτέρα 30 Νοεμβρίου 2015

Get Directions from Google Maps

Embed Google Maps Get Directions Form

While working on a blog recently the client who used the blog to promote their business wanted to provide the address of the business on the blog.As I would always try to do I went one better, so as well as just provide the address I embedded a form for people to get directions via Google Maps.The Google Maps form is easy to add to your blog and you simply add your business address to the code then visitors to the blog can then enter their address and generate the directions.Once generated the map will show a route with options for driving and Public transport if available.

OK so lets try it out.

Below I have embedded the form with the White House as the address you will get directions for (Works in all country's), you will change this to your business address (BTW I keep saying business address as I don't recommend giving directions to your home online).

Address : 1600 Pennsylvania Ave NW, Washington, DC 20500, United States

Get Directions :
Enter your starting address:


Τρίτη 24 Νοεμβρίου 2015

Interactive Visited Countries Map in Blog


 http://www.amcharts.com/visited_countries/#


http://www.amcharts.com/visited_countries/#AL,BG,CY,CZ,DE,ES,FR,GB,GR,IT,ME,PT,TR,VA,MC,XK,GI,AD

αντιγράφουμε τον κώδικα και μέσα στην σελίδα ή στην ανάρτηση παταμε HTML και τον επικολλούμε εκεί.

ΠΡΟΣΟΧΗ θέλει στις διαστασεις του, για να ειναι μεσα στα όρια της σελίδας.

ΣΗΜΕΙΩΣΗ:
Εαν δεν θέλουμε να φαίνεται στο κάτω μερος του χάρτη η συντόμευση του site που φτιαξαμε τον χάρτη (Create your own visited countries map or check out the JavaScript Charts.) αφαιρουμε την εγγραφή απο τον κώδικα της σελίδας.
 Το κομμάτι είναι αυτό: (<a href="http://www.amcharts.com/visited_countries/" style="color: #B4B4B7;">Create your own visited countries map</a> or check out the <a href="http://www.amcharts.com/" style="color: #B4B4B7;">JavaScript Charts</a>.)



--------------------------

Για να εμφανισουμε και τους χάρτες και άλλων ή ξεχωριστών χωρών (πχ. Ελλάδα),

1.πηγαίνουμε στο Pixel Map Generator, επιλέγουμε τον χάρτη που θέλουμε, και παταμε δεξιά, τι θέλουμε να κατεβει και να σωσουμε.
2.Εαν θελουμε interactive map για το σιτε μας, επιλεγουμε svg, or html.
 3. Σωζουμε στον υπολογιστη μας
4. Πηγαίνουμε στο αρχειο που κατεβηκε, και το ανοιγουμε με WordPad.
5. Αντιγράφουμε τον κώδικα στην σελίδα μας.

------------------------------------

Στην ίδια σελίδα μπορούμε κάθε χάρτη να του βάλουμε σημεία ενδιαφέροντος, διαδρομή, να τον χρωματισουμε, κα.
ΣΗΜΕΙΩΣΗ:
Τα Ελληνικά δειχνει να μην τα καταλαβαίνει....


Page Navigation

3D Text

O KΩΔΙΚΑΣ HTML:

3D Text ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ

Marquee Text-Icons

Thomasgrm.Blogger.gr

FlashVortex Banner

Tab Widget

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 2
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 3

Tab Widget 2

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 2
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 3
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 4

Carousel POST SLIDER

Slideshow

  • ΑΛΟΝΗΣΟΣ-1

    ΑΛΟΝΗΣΟΣ-1

  • ΑΛΟΝΗΣΟΣ-4

    ΑΛΟΝΗΣΟΣ-4

  • ΑΛΟΝΗΣΟΣ-5

    ΑΛΟΝΗΣΟΣ-5

  • ΑΛΟΝΗΣΟΣ-11

    ΑΛΟΝΗΣΟΣ-11

  • ΣΚΙΑΘΟΣ-22

    ΣΚΙΑΘΟΣ-22

  • ΣΚΙΑΘΟΣ-23

    ΣΚΙΑΘΟΣ-23

  • ΣΚΙΑΘΟΣ-1

    ΣΚΙΑΘΟΣ-1

  • ΣΚΙΑΘΟΣ-4

    ΣΚΙΑΘΟΣ-4

  • ΣΚΙΑΘΟΣ-20

    ΣΚΙΑΘΟΣ-20

- See more at: http://gadgetsforblogs1.blogspot.gr/2015/01/slideshow-with-thumbnails.html#more

BACKGROUND SLIDER

Menu Posts Vertical - ACCORDION MENU