Ideas And Tips Planet

Blog Tips Google Promotion Adsense

Google

Wednesday, January 10, 2007

订阅博客,精彩内容不再错过:阅读器订阅 邮件订阅

Blogger.Com代码小技巧集锦

共同学习,共同进步!欢迎留言!

Blogger.Com代码小技巧(1):如何创建超级链接
代码:《a href="http://URL"》TEXT 《/a》
解释:URL就是需要链接到的网址,TEXT就是用于显示链接的文字,比如:
《a href="http://findyourstuff.blogspot.com"》Find Your Stuff《/a》,当您将类似这样的代码在HTML状态下输入到帖子或者博客的模版中,将显示为:
Find Your Stuff,可以看到,显示超级链接的文字带上了下划线,而且一般为默认的链接文字颜色,即蓝色。

Blogger.Com代码小技巧(2):如何创建发送电子邮件链接
对创建超级链接的代码作小小的修改,就可以创建发送电子邮件的超级链接了,具体如下:
将http://替换为mailto:,URL替换为您想要发送邮件的地址,比如:webpromotion.liu@gmail.com,于是结果类似于:
《a href="mailto:webpromotion.liu@gmail.com"》Send Me Email《/a》

Blogger.Com代码小技巧(3):如何让超级链接在新窗口中打开
现在您已经知道如何创建超级链接了,不过,您可能发现了,当点击超级链接的时候,默认是在同一窗口中打开,但有时候您可能希望超级链接能够在新窗口中打开,那该怎么办呢?其实非常简单,加入一个小小的代码就搞定了:
将《a href="http://findyourstuff.blogspot.com"》Find Your Stuff《/a》修改为:
《a href="http://findyourstuff.blogspot.com" target="_blank"》Find Your Stuff《/a》,现在您试试看,是不是已经在新窗口中打开了呢。

Blogger.Com代码小技巧(4):让所有超级链接在新窗口中打开
前面我们介绍了通过加入target="_blank"从而使得超级链接在新的窗口中打开,但是,如果我们要所有超级链接都在新窗口中打开,该采用什么代码呢?这也很简单,不过,只有在Blogger.Com的模版中才能用(目前在下只使用了Google的博客Blogger.Com,它提供HTML编辑模式,对于别的博客平台,在下没有用过,所以这里主要是针对Blogger.Com而言),具体如下:
进入Blogger.Com,登录到您的帐户,进入您的博客模版,找到《head》与《/head》,在《head》与《/head》之间插入如下片断代码即可:
《base target="_blank"》
《/base》
注:经过实验,实际上,这个《base》不封闭也是可行的(意思是《/base》并不是必须的,不过为了HTML语言语法上的完整性,建议您还是插入完整的代码)。
现在点击一下您的博客中的超级链接看,是不是所有的额超级链接都在新窗口中打开了呢,呵呵。

Blogger.Com代码小技巧(5):让新版Blogger的链接列表在新窗口中打开
如今,Google的新版博客(New Blogger,原来是Blogger Beta)已经正是投入使用,并带来很多新的功能,大家可以通过Google帐户(一般就是您的Gmail)登录并创建一个新版的博客来体验一下。
这里我们要介绍的小技巧是如何让新版Blogger的链接列表中的链接在新窗口中打开。同样的,只要在模版中加入一小段代码就可以搞定。具体是:
首先,进入博客控制台(Dashboard),通过

Blogger.Com代码小技巧(6):如何自行打开一个窗口
接下来,我们再介绍几个关于窗口打开与关闭的小技巧:
a:打开一个页面的同时打开另一个窗口
(1) 小代码实现:使用window.open
如果要实现窗口的自行打开,需要用到JavaScript语言,不过,不要紧张,只是一些非常基础的哦,呵呵,具体是:
《SCRIPT LANGUAGE="javascript"》
window.open("URL")
《/SCRIPT》
其中的URL就是需要自行打开的页面,比如:http://ideasandtipsplanet.bogspot.com、
http://ideasandtipsplanet.bogspot.com/atom.xml、http://feeds.feedburner.com/ideasandtipsplanet,都是可以的,如果URL为空,则打开一个空白页面。当然,我们还可以对打开页面的特征进行控制,比如是否有菜单栏、任务栏、状态栏、工具栏、窗口尺寸以及窗口大小是否可以调整等,更多信息,您可以Email我。
此外,该代码片断的放置位置并没有特殊的要求,可以在《head》与《/head》、《body》与《/body》、《html》与《/html》三者的任意之间。
(2) 大代码实现:
b:关闭一个页面的同时打开另一个窗口

c:如何关闭窗口
通过使用一段小代码,您就可以实现关闭窗口功能,这段代码可以在Blogger.Com的模版和帖子中使用(HTML编辑状态下),该段代码是:
(1) 以按钮/表格的形式关闭
《form》
《input type='buton' value=' 关闭窗口' onclick='window.close()'》
《/form》
(2) 以超级链接的形式关闭
《a href="#" onclick="window.close()"》Close Window《/a》
从技巧(1)的内容可以知道,这段代码将生成一个超级链接,但是实现了关闭当前窗口的功能,可以用于模版以及帖子当中。

注:最后指出,上述代码,尤其是自行打开新窗口的代码,建议不要频繁使用,因为频繁的打开新窗口,往往会给浏览者带来很多不必要的麻烦,如果浏览者希望在新窗口中打开页面,他们可以通过右键弹出菜单选择“在新的窗口中打开”,或者在按住Shift键的同时左键单击超级链接,同样可以在新窗口中打开页面。
补充说明:您再实际使用中,应该将本帖子中的《、》分别替换为<、>,由于Blogger.Com不允许在帖子中使用代码开、闭符号(<、>),所以我们采用了将其替换的方法,以为示意。

webpromotion.liu@gmail.com

0 Comments:

Post a Comment

<< Home