Các thủ thuật với Google Pages Creator


Trong phần này sẽ giới thiệu cho các bạn cách phát triển website cua mình trong vài phút!!! tôi bắt đầu sử dụng google page creator 1 tuần trước đó.

 

Google's page creator là mục tiêu mà mọi người dang ngắm tới để xây dụng một website. Nhưng nó hộ trợ rất ít những ứng dụng tùy trọn . GPC bao gồm mọi thứ mà bạn cần trong ít phút để xây dựng một website thiết thực. Đầu tiên tên miền của bạn sẽ như sau : http://YourName.googlepages.com/, như vậy không khó khăn gì để chọn nó . Thứ đến , máy chủ của website được tự động điều chỉnh với GooglePageCreator mỗi lần bạn click vào nut publish (xuất bản) . Và cuối cùng quan trọng nhất bạn không cần phải lo lắng về khả năng tin học cũng như kiến thức về lập trình HTML khi sử dụng công cụ.

Mỗi một  tip(lới khuyên ) bao gồm Mô Tả, Ví Dụ,  Điều Kiện các mã (code) cần thiết

 

Trang này sẽ giới thiệu cho các bạn cách: 

Tạo 1 trang HTML với giao diện giống với thiết kế của GPC 5 min

Nhúng các Video vào google 5 min

Nghe nhạc trưc tuyến với Javascript 5 min

Nghe nhạc sử dụng XSPF Web Music Player 10 min

Nhúng thanh tìm kiếm Google 3 min

Tải lên với những file lớn hơn 100MB 10 min

Thêm vào bộ đếm vào website của mình 10 min

Kết nối hình ảnh với trang web 2 min

Thêm tham chiếu mấu neo vào cùng 1 trang web 3 min

Tạo đường link đến email của bạn  15 min

Redirect automatically your Google Pages 5 min

Thêm bản đồ Google 15 min

AdSense Insider Tutorial

Các Links Hữu ích

Top

Tạo 1 trang HTLM với giao diện giống của GPC                 5 min

Mô Tả: Bạn có thể biên tập và thêm vào các tùy trọn cao cấp cho trang web của mình khi sử dụng cùng 1 thiết êế như của

Ví Dụ: Click Here để xem ví dụ. Trang web này được biên tập và nâng cao với Microsoft FrontPage. Bạn có thấy rằng nó có chung 1 kiểu dáng thiết kế với GPC.

Điều kiện quết định: Bạn cần phải tạo 1 trang web không có nội dung sử dụng google page creator và xuất bản(publish) nó. Sau đó bạn duyệt trang đó và lưu bằng trình duyệt đang sử dụng (Click vào File then Save As). Bước tiếp theo bạn chọn công cụ biên tập và lưu băng Notepad hoặc công cụ cao cấp hơn như HTML editor hoặc Microsoft FrontPage hoặc Macro Dreamwearver, các công cụ này có sự hộ trợ về giao diện và các tùy trọn nâng cao.

Mã Thêm vào: Thêm vào các loại mã(code) để nâng cấp trang web của bạn như Play Music Live, GPC không hỗ trợ ứng dụng web như (Marquee lệnh di chuyển chữ chạy trên màn hình ), và hầu hết các mã JavaScript (search the web for millions of ready-to-use JavaScripts)

Top

Nhúng các Video vào google             5 min

Mô tả: Bạn có thể bỗ xung các loại google video sẵn có trong video.google sử dụng google video player.

Ví Dụ: Click Heređể xem ví dụ. Trong ví dụ này bạn để ý co 4 films google video được bật cùng 1 lúc. Nó cực kỳ đơn giản , believe me!!!

Điều kiện quyết định: Để thêm vào 1 a google video bạn dứt khoát phải nhúng vào một đoạn mã. Nhưng nếu  But in case you try to add any embedded content through the HTML editor the creator removes it before the page goes live. In order to get around this problem, your only option (until now, hoping that they extend GPC to support embedded content) is to upload your HTML file (check uploading your own HTML pages using GPC design) in which you can add any code you want and would work fine.

Code to add:

<embed style="width:400px; height:326px;" id="VideoPlayback0" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?videoUrl=http%3A%2F%2Fvp.video.google.com%2Fvideodownload%3Fversion%3D0%26secureurl%3DoQAAAPXhqGFm66n3aw_97JuqIsSlHA9icacxpqsc2fVGLExmt-A2NHLuP7nmF5L-GtUqEKqqdSmCGOxfMn4BM8ixd7Lk07XWev11NFKyKG7pPcLL3DhPo0cpvQDVpVHfLh2BO3zo5KPVw6yI9nR-5kWDoeqXXQ5EhwGyWWQdbHh3iiWfa8uIwdh01GOmkXRFvD_E9cgWzP13M9Rf_ve5rmlw0tyxB0Jl67r5GK4O11NQDGpt%26sigh%3DVGccijslI38KihvV9IHLVehWBUU%26begin%3D0%26len%3D35433%26docid%3D-1179199752553564847&thumbnailUrl=http%3A%2F%2Fvideo.google.com%2FThumbnailServer%3Fcontentid%3D7547ca8caa119fba%26second%3D5%26itag%3Dw320%26urlcreated%3D1143380351%26sigh%3DRvr72aiKv0M1ykiggswDCiCJ8kQ&playerId=-1179199752553564847" allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" wmode="window" salign="TL" FlashVars="playerMode=embedded">

Top

Nghe nhạc trưc tuyến với Javascript         5 min

Miêu Tả: Bạn có thể nghe nhạc trực tuyến với định dạng Mp3 (streaming) được tải lên trang web của bạn hoặc các trang web phụ.

Ví Dụ: Click Here để xem ví dụ. Trong ví dụ này bạn chú ý có 7 tệp

Điều Kiện Quyết Định: Để chơi được nhạc MP3 yêu cầu các bạn sử dụng 1 chút các lệnh Java. Nhưng không may GPC không hỗ trọ mã Java và xoá nó ngay lập tức khi phát hiện ra nó trước khi trang web được suất bản. Bạn phải tải lên những file HTML của riêng mình.  You have to add the following 2 pieces of code respectively within the head's and the body's opening & closing tags of the HTML file before uploading it to GPC.

Mã Thêm Vào (within the head section):

<script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>


Mã Thêm Vào (within the body section):

<ul><li><a href="/YourSong.mp3">Your Song</a></li></ul>

Don't forget to upload your MP3 file and to change the anchor tag (<a href="...") in the previous code to reference the name of the uploaded MP3file.

If you want to put more than 1 song than all you have to do is to add within the unordered list tag (<ul>...</ul>) another list item tag (<li>...</li>) and so on.

Code to add for multiple mp3 files list (within the body section):

<ul><li><a href="/YourSong1.mp3">Your Song1</a></li><li><a href="/YourSong2.mp3">Your Song2</a></li></ul>


Top

Nghe nhạc sử dụng XSPF Web Music Player            10 min

Miêu Tả: Bạn có thể chơi nhạc mp3s dạng thức (streaming) trong một jukeox được kết nối tới favourite playlist của bạn

Ví Dụ: Click Here để xem ví dụ . Trong ví dụ này bạn dể ý có 7 tệp mp3s trong playlist gần giống với cách chơi nhạc bằng Java Srcipt

Điều Kiện Quyết Định: Comming Soon

Mã Thêm Vào:


Top

Nhúng thanh tìm kiếm Google        3 min

Miêu Tả: Bạn sẽ nhúng thanh tìm kiếm Google Search vào website của mình

Ví Dụ: Click Here để xem ví dụ .

Điều Kiện Quyết Định: Chúng ta sẽ sử dụng sự hỗ trợ các thẻ HTML của GPC. Vì thế bạn cần biên tập đường dẫn ở bên dưới trang web của bạn hoặc bất cứ vị trí nào bạn muốn đật chúng và điều kiện không thể thiếu là đoạn mã dưới đây.

Mã Thêm Vào:

<form method="get" action="http://www.google.com/search"><input name="ie" value="UTF-8" type="hidden"><input name="oe" value="UTF-8" type="hidden"> <table align="center" bgcolor="#ffffff"><tbody><tr><td valign="top"><a href="http://www.google.com/"><img src="Google_logo_Small.gif" alt="Google" border="0"></a></td><td><input name="q" size="31" maxlength="255" value="" type="text"><input name="btnG" value="Google Search" type="submit"></td></tr></tbody></table> </form>

Dowload Google logo which is referenced by the previous code and then upload it to your GPC account manager.

Top

Tải lên với những file lớn hơn 100MB        10 min

Coming Soon...

Top

Thêm vào bộ đếm vào website của mình     10 min

Miêu Tả: Bạn sễ có thể nghiên cứu và giám sát khách thăm quan website một cách trực quan. Bạn sẽ có được những bộ dếm người thăm quan miễn phí.

Ví Dụ: Mọi khách thăm quan website sẽ được ghi lại bằng bộ đếm với thông số  Date, Time, Browser, OS, Resolution, Country, Host Name/Web Page/Referring Link, City...với mỗi lần đăng nhập.

Điều Kiện Quyết Định: Hiện nay có rất nhiều công cụ đếm  trực tuyến tuy nhiên bộ đếm mà tôi đang sử dụng là http://my6.statcounter.com/ và hiện tại nó dang làm việc rất tốt. Click vào liên kết  "Edit HTML" ở phía dưới bên trái và copy & paste đoạn mã mà statcounter.com cung cấp cho bạn ngay khi dăng kí thành công một account

Mã Thêm Vào:

 It should be generated by the statcounter.com once you register. BE AWARE of the fact that you have to choose the "Generate HTML code only" option during the registration process. GPC does not support Java script

Top

Kết nối hình ảnh với trang web      2 min

Miêu Tả: Để kết nối một siêu liên kết vào một tệp ảnh khi click vào

Ví Dụ: Click Here để xem ví dụ . Trong ví dụ này bạn sẽ thấy khi click vào một tệp ảnh nó sẽ đưa đến một đường dẫn khác.

Điều Kiện Quyết Định: Với cong cụ của GPC bạn chỉ có thể tạo liên kết tới một file ảnh nhưng bạn yên tâm. Chúng ta chi cần thay đổi 1 chút trong đoạn mã HTML là được rồi.  Click vào "Edit HTML" ở dưới góc trái màn hình.

Mã Thêm Vào:

Dò tìm đoạn mã sau và biên tập lại .:

<a style="..." href="YourImage.gif/YourImage-full.gif"><img src="YourImage.gif" style=""></a>

and adjust it as follows:

<a style="..." href="YourWebpage.html"><img src="YourImage.gif" style=""></a>

Top

Thêm tham chiếu mấu neo vào cùng 1 trang web      3 min

Miêu Tả: Bạn sẻ có thể nhảy tới bất cứ 1 vị trí nào trong ngay bản thân website của mình chỉ băng một cú click dưới đường siêu liên kêt .

Ví Dụ: Click Here to go to the top of this page. I did the same to jump to every tip in this section.

Điều Kiện Quyết Định: We will use GPC-supported HTML tags but you can't add them using the GPC editor. So you need to locate the Edit HTML link in the left bottom side of your browser and then click it. You should first decide where your destination line and source link line would be.

Mã Thêm Vào (source)

:

<a href="#DESTINATION">your text</a>

Mã Thêm Vào (destination):

<a name="DESTINATION"></a>

Every time you need to add an intra-webpage hyperlink you need to chsoose a different name. For example DESTINATION2.

Top

Tạo đường link đến email của bạn      15 min

Miêu Tả: Để tiện liên lạc và trao đổi kinh nghiệm qua email ,

Ví Dụ: Click Here

Điều Kiện Quyết Định: Bạn sẽ sử dụng các thẻ lệnh HTML mà  GPC hỗ trợ, click vào nút Edit HTML ở bên góc phải dưới trình duyệt của bạn. Hoặc bạn có đăng kí các mẫu contact ở trang http://jotform.com/ .

Mã Thêm Vào (source):

Copy và dán các thẻ lệnh mà JotForm cung cấp và thêm chúng vào phần thân của  GPC webpage.

Khi ai click vào form này nó sẽ chỉ dẫn đến email của bạn.

Top

Redirect automatically your Google Pages     5 min

Miêu Tả: Vào lại trưc tiếp trang GPC của bạn .

Ví Dụ:

Điều Kiện Quyết Định:

Mã Thêm Vào(source):

<img src="javascript:if(document==parent.document)document.location='home.htm'">

Top

Thêm bản đồ Google      5 min

Miêu Tả:Đây là bài hướng dẫn nhanh gọn để cỏ thể sử dụng google maps trong website của bạn.Đây là một ví dụ Click Here.

Tham khảo link sau đây(Martin Blow Tutorial)

Top

AdSense Thêm quảng cáo vào GPC của bạn

Tham khảo link sau: Garg Mitanshu AdSense Insider Tutorial

Top

Các Links Hữu Ích

Nếu các câu trả lời trên có phần thiếu thông tin thì bạn có thể tham khảo các link dưới đây

Các Link Hữu Ích:

Top