8 Danh sách website/blog sử dụng Skydoor Widget Chú ý Sau khi nhúng thông tin du lịch Skydoor bạn có thể email đường dẫn website/blog của mình đến admin@skydoor.net để được thêm vào da
Trang 1Nhúng SkyDoor vào trang của bạn
Nội dung
1 1 Nhúng thông tin địa điểm du lịch
1 1.1 Cách nhúng
2 1.2 Thông số
2 2 Nhúng bản đồ du lịch
1 2.1 Cách nhúng
3 3 Nhúng tin tức du lịch theo địa điểm
1 3.1 Cách nhúng
2 3.2 Mã hóa url
4 4 Nhúng tour du lịch
1 4.1 Cách nhúng
5 5 Nhúng bản đồ du lịch của tôi
1 5.1 Cách nhúng
6 6 Nhúng vào trang iGoogle
7 7 Hướng dẫn cách nhúng vào Blogspot, Wordpress, Opera
8 8 Danh sách website/blog sử dụng Skydoor Widget
Chú ý
Sau khi nhúng thông tin du lịch Skydoor bạn có thể email đường dẫn website/blog của mình đến admin@skydoor.net để được thêm vào danh sách các website/blog sử dụng Skydoor Widget ở dưới Vì số lượng đăng trên danh sách này có giới hạn nên admin sẽ
ưu tiên những website đăng ký sớm
Nhúng thông tin địa điểm du lịch
Thông tin du lịch bao gồm hình ảnh và giới thiệu về một thắng cảnh du lịch trong SkyDoor, địa điểm này sẽ được thay đổi ngẫu nhiên mỗi lần người dùng ghé thăm trang của bạn Xin xem mẫu ở bên dưới
Cách nhúng
Để nhúng thông tin du lịch trong SkyDoor vào website của bạn, hãy chèn đoạn code sau vào trang html mà bạn muốn nhúng (phiên bản thử nghiệm hiện chạy được trên các dịch
vụ như Blogger, Facebook, Google Sites chưa chạy được trên Yahoo 360)
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript" type="text/javascript"></script>
Nếu muốn thay đổi các thông số khác như: thêm thông tin tour du lịch, nhúng nhiều địa
Trang 2điểm, xuất ra HTML bạn có thể xem thêm ở trang tùy biến.
Thông số
• Thay đổi chiều rộng
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?
format=javascript&width=300"></script>
• Nhúng một địa điểm cụ thể
VD1: Cù Lao Chàm
<script src="http://www.skydoor.net/gadget/vietnamtravel/cu_lao_cham?
format=javascript"></script>
VD2: Nha Trang
<script src="http://www.skydoor.net/gadget/vietnamtravel/nha_trang?
format=javascript"></script>
Nhúng bản đồ du lịch
Bản đồ du lịch bao gồm bản đồ vị trí và thông tin du lịch cho một địa điểm cụ thể Đặc biệt, trong trường hợp địa điểm là một tỉnh/thành phố/vùng, vị trí và thông tin của các địa điểm con cũng sẽ hiện ra Xin xem mẫu ở bên dưới
Cách nhúng
Để nhúng bản đồ du lịch SkyDoor vào website của bạn, hãy chèn đoạn code sau vào trang html mà bạn muốn nhúng
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src="http://www.google.com/jsapi?
key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src="http://www.skydoor.net/gadget/travelmap/random? format=javascipt"></script>
Lưu ý:
• Bạn thay đổi độ rộng và chiều cao tương ứng của bản đồ trong thẻ div (dòng 1)
• Bạn cần đăng kí một Google Maps API http://code.google.com/apis/maps/ để thay vào dòng 2 Bạn có thể chọn nhúng bằng iframe để không cần thao tác này Xin xem chi tiết ở phần phía dưới Việc đăng ký Google Map API rất dễ dàng, chỉ
Trang 3tốn 15 giây nếu bạn đang dùng Gmail.
• Nhúng bằng iframe
<iframe src="http://www.skydoor.net/gadget/travelmap/random?
format=html"></iframe>
• Nếu muốn thay đổi các thông số khác như: nhúng một địa điểm cụ thể, xuất ra HTML, thêm điều khiển (phóng to thu nhỏ, kiểu bản đồ ), bạn có thể xem thêm ở trang tùy biến
Nhúng tin tức du lịch theo địa điểm
Tin tức du lịch về tỉnh/ thành phố thuộc Việt Nam Xin xem mẫu ở bên dưới
Cách nhúng
Để nhúng tin tức du lịch theo địa điểm vào website của bạn, hãy chèn đoạn code sau vào trang html mà bạn muốn nhúng (phiên bản thử nghiệm hiện chạy được trên các dịch vụ như Blogger, Facebook, Google Sites chưa chạy được trên Yahoo 360)
<iframe src ="http://travelnews.skydoor.net/script/(ten_tinh_thanh_mahoaurl)/(width)" width="(width)" height="(height)" frameborder="0" scrolling="no"></iframe>
Ví dụ: thông tin du lịch về Hà Nội
<iframe src="http://travelnews.skydoor.net/script/H%C3%A0_N%E1%BB%99i/500" width="500" height="400" frameborder="0" scrolling="no"></iframe>
Mã hóa url
Để mã hóa url tên tỉnh thành bạn có thể làm theo cách sau: 1 - mở trình duyệt IE lên, 2 - sau đó nhập tên tỉnh/thành vào thanh url, IE sẽ tự động mã hóa url tên tỉnh/thành cho bạn,
3 - việc cuối cùng là bạn tìm phần được mã hóa trên thanh url và chép vào
Nhúng tour du lịch
Bản đồ tour du lịch sẽ bao gồm bản đồ vị trí và thông tin du lịch cho các địa điểm mà tour
du lịch đó sẽ đi qua Xem thử mẫu ví dụ tại http://www.skydoor.net/tour/835
Trang 4Cách nhúng
Để nhúng bản đồ tour du lịch vào website của bạn, hãy chèn đoạn code sau vào trang html mà bạn muốn nhúng
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src="http://www.google.com/jsapi?
key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src="http://www.skydoor.net/gadget/tourmap/835?
format=javascript"></script>
Lưu ý:
• Bạn cần chỉ định id của tour mà mình sẽ nhúng vào Ví dụ trong trường hợp trên
tour có id là 835
• Chi tiết về các thông số khác như: Html, IFrame, Zoom, MapType, Scale,
Overview Cách thiết lập tương tự như trong phần Nhúng bản đồ du lịch ở trên
Nhúng bản đồ du lịch của tôi
Bản đồ lịch của tôi bao gồm bản đồ vị trí và thông tin du lịch của những địa điểm mà người dùng đã đi đến
Xem thử mẫu ví dụ tại http://www.skydoor.net/user/rosa
Trang 5Cách nhúng
Để nhúng bản đồ du lịch của tôi vào website của bạn, hãy chèn đoạn code sau vào trang html mà bạn muốn nhúng
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src="http://www.google.com/jsapi?
key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src="http://www.skydoor.net/gadget/mytravelmap/rosa? format=javascipt"></script>
Lưu ý:
• Bạn cần chỉ định username của tour mà mình sẽ nhúng vào Ví dụ trong trường
hợp trên username là rosa
• Chi tiết về các thông số khác như: Html, IFrame, Zoom, MapType, Scale, Overview Cách thiết lập tương tự như trong phần Nhúng bản đồ du lịch ở trên
Nhúng vào trang iGoogle
Để nhúng các SkyDoor gadgets vào trang iGoogle của bạn, hãy click trực tiếp vào nút dưới đây
• Gadget thông tin
Trang 6
• Gadget bản đồ
Hướng dẫn cách nhúng vào Blogspot, Wordpress, Opera
Người dùng Blogspot
Bạn vào Layout -> chọn Add gadget -> Chọn/Search HTML/JavaScript gadget
Sau đó paste đoạn code của Skydoor vào HTML/JavaScript vừa add
Người dùng Wordpress
Người dùng Opera
Danh sách website/blog sử dụng Skydoor Widget
Sau khi nhúng thông tin du lịch Skydoor bạn có thể email đường dẫn website/blog của mình đến admin@skydoor.net để được thêm vào danh sách dưới đây Vì số lượng đăng trên danh sách này có giới hạn nên admin sẽ ưu tiên những website đăng ký sớm