gseeker
Google Page使用技巧系列(二)
将文章归档于 G源共享 由. Ken Wong on 2006-05-30
点击看大图
  :以下是读者"索风"的投稿文章。文章版权归原作者所有,转载需经原作者许可。

  这是第二篇,第一篇见此



  GPC使用技巧七:给GPC添加在线音乐。

描述:你可以把mp3音乐上传到GPC的空间里,然后把这些音乐插入网页中,实现在线播放。
示例:http://gfansbbs.googlepages.com/onlinemusic.htm
教程:
该效果的实现需要添加部分javascript,但是GPC不支持javascript,你需要在自己的电脑上做好后再上传。

1.添加:

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


脚本添加到前面。

2.添加:

<ul><li><a href="/YourSong.mp3">你的歌曲</a></li></ul>


这段代码就没有特别的位置限制了。不要忘记了上传你的mp3文件到GPC里。
注:如果你想要添加更多的音乐,可以用下面的代码:

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



  GPC使用技巧八:插入Google Maps。

描述:可以让Google Maps在你的GPC上显示。
演示:http://gfansbbs.googlepages.com/googlewind.com-maps.htm
教程:
1.将GPC空白页面以"另存为"的形式保存在自己的电脑里,取名为googlewind.com-maps[格式为htm]。

2.到Google Maps Developer site注册一个Google Maps API,你会得到一个KEY码。

3.用网页编辑器打开文件googlewind.com-maps.htm

4.在标签之前添加下面的代码:

<script src="http://maps.google.com/maps?file=api&v=1&key=[你自己的KEY 码]="text/javascript"></script>


5.添加下面的代码到任何你想要 的位置:

<div id="map" style="width: 400px; height: 300px"></div>

<script type="text/javascript" defer="defer">

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom (new GPoint(-73.972, 40.747), 4);
var point = new GPoint(-73.972, 40.747);
map.addOverlay(new GMarker(point));

</script>
</div>


注:其中(-73.972, 40.747)可以变,这个是地球的某个地区经纬度值。如果你不知道怎么取经纬度值,你可以在这个国外网站得到。

6.保存,上传就可以了。

  GPC使用技巧九:给GPC添加Google搜索功能。

描述:可以在GPC里面添加Google搜索框
演示:http://gfansbbs.googlepages.com/
教程:

只需要添加下面的代码(这个可以直接在GPC里用其在线编辑功能添加):

<FORM action=http://www.google.com/search method=get> <TABLE bgColor=#ffffff> <TBODY> <TR> <TD><A href=" http://www.google.com/"><IMG alt=Google src="http://www.google.com/logos/Logo_40wht.gif" border=0></A> </TD> <TD><INPUT style="BACKGROUND-COLOR: rgb(255,255,160)" maxLength=200 size=31 name=q> <INPUT type=submit value="Google Search" name=btnG> <FONT size=-1><BR><INPUT type=radio value="" name=sitesearch> The Web <INPUT type=radio CHECKED value= http://gfansbbs.googlepages.com name=sitesearch> This Site<BR></FONT></TD></TR></TBODY></TABLE>
</FORM>


注:maxLength=200 size=31这是搜索框的长度与宽度值,代码中的数值可以修改。

  幻灭注:非常感谢"索风"的分享。如果你也有类似的技巧及其它方面的消息、资料要与大家分享,非常欢迎通过投稿形式发送给我。当然,前提是内容必须是你自己的原创。

  对此文有任何疑问或建议,欢迎在此留言或直接到"索风"的网站里讨论。
Permalink: Google Page使用技巧系列(二)
img Addthis img Ask img Blinklist img del.icio.us img Digg img Fark img Facebook img Google img Lycos img Ma.gnolia Add this page to Mister Wong Mr Wong img Netscape img Netvousz img Newsvine img Reddit img StumbleUpon img Slashdot img Tailrank img Technorati img Wink img Yahoo

Vote for Google Page使用技巧系列(二):

  • Currently 7.17/10
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
分值情况: 7.17 / 6 评分
 
Share It
CW工具栏安设
RSSrss   | 所有的部落格订阅选择
Google google   |   什么是RSS?
Yodao Yodao
Netvibes Netvibes
AnothrAnothr
TwitterFollow us on Twitter!