许多博客上都会有些好看的小玩意儿,像Blogdriver,很多的Blog的供应商都会提供在线编辑器,这是一种基于web的WYSIWYG(所见即所得)的HTML编辑器,只要通过复制,可以将网页上的内容连同框架格式一同复制过来。看到什么就拿什么 这就为我们获取各种“小玩意儿”的代码,提供了一种便利的途径。
下面让我们来看看这个“拿”的过程。以我blog左边这个google的搜索为例,奥,看到它挺方便的是吗?ok,让我们用鼠标选中它们,就是这样。然后复制它,Ctrl+C

然后,在您的blog里面开启一篇新的日志,在编辑器的编辑框中粘贴,Ctrl+V,好,就是这个样子了然后,我们点击编辑器工具栏的<>按钮,将编辑器切换到源码编辑模式,可以看到其他的工具栏按钮都变成灰色了。奥,在编辑框中,就得到了它们的代码。

虽然这里得到的代码和实际代码会有些出入,但不会影响功能使用:

          <div align="center"><a href="http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_25wht.gif" border="0" /></a><br /><input maxlength="100" size="10" name="q" /> <input type="submit" name="btnG" /> <br /><font size="-1"><input type="hidden" name="domains" /> <input type="radio" name="sitesearch" /> WWW <input type="radio" checked="true" name="sitesearch" /> Jasonlv</font><font size="3"> </font></div> http://www.cmbchina.com/cmb2005web/cmbaspxbin/information/CmbWeatherForecast.aspx" frameBorder="no" scrolling="no" allowTransparency="true" style="background-color: no;WIDTH: 185px;height:137px;"></iframe>

这些类似的代码在Internet上也都很容易获得。(其实上面的代码写的很臃肿,那个table完全没什么必要,大家可以自行优化一下)。嗯,得到这些代码后又该怎么做呢?

让我们把它们放到需要放置的位置发布出去。上面那些代码都是HTML,有些BLOG供应商是允许您直接在BLOG框架中插入HTML甚至Javascript。但出于安全性的考虑,可能有些供应商并不允许您这么做,像Blogdriver就是这样,但他提供了一种变通的方式。允许您在“动力列表”的那些栏目的设置项中,以栏目描述的形式添加这些代码。好,下面我就来看看如何做:

先找到“动力列表”中需要设置的栏目,比如我的那个google搜索就是设置在“友情BLOG”栏目下的(出门靠朋友嘛)。找到这个栏目,点击“编辑项目”

然后点击“设置”页标签然后,将那些代码放到这个项目的“描述:”栏中,保存它。但千万要记得一点哟,就是一定要点选下面那个“描述显示方式”,选择“作为文本显示”,否则效果出不来啊 :)

点击查看原始大小 326 x 162

OK,最后,自然就是重新发布您的首页。等待发布完毕,打开您的首页,Ctrl+F5刷新一下,呵呵,是不是出来了?赶紧试试吧 :)

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

 
第一种:
代码: 效果预览:
<iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://minisite.qq.com/Weather/news_new.html" allowTransparency="true"></iframe>  
说明:这种适合于在网页的边栏插入。但一个缺点是,上面的4个城市是既定的,无法改成别的。插入时,选好网页上的位置,直接将左栏的源代码全部拷进去就行了
第二种:
代码: 效果预览:
<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss258.htm'></IFRAME>  
说明:这种 也适合于在网页的边栏插入。上面的城市可以自定,比如厦门可改成别的。定制的方法是修改我代码中标红的数字,从1开始代表“香港”开始,每个数字都代表一个城市,厦门是287,具体要哪个城市自己找一下罢。进入http://weather.news.qq.com/inc/ss276.htm,选择默认城市,在地址栏出现新地址,替换代码中地址即可!
第三种:
代码: 效果预览:
<IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src="http://news.sina.com.cn/iframe/weather/130101.html"></iframe>  
说明:这种适合于在网页的头栏插入。上面的城市可以自定,比如 石家庄可改成别的。定制的方法是修改我代码中标红的数字。具体各个城市对照的id表可在此下载:城市名称及ID对照表请右键点击—>另存为)。
第四种:
代码: 效果预览:
<iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://appnews.qq.com/cgi-bin/news_weather_search?city=厦门" allowTransparency="true"></iframe>  
说明:这种适合于在网页的正栏插入。上面的城市可以自定,比如厦门可改成别的。定制的方法是修改我代码中标红的 名称。这里比较简单,直接用汉字改就行了。比如是福州的,你就直接把“厦门”改成福州就行。
第五种:
代码: 效果预览:
<IFRAME ID='ifm1' WIDTH='405' HEIGHT='332' ALIGN='center' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC="http://weather.qq.com/24.htm"></IFRAME>  
种:
代码: 效果预览:
<iframe width=160 height=230 frameborder=0 scrolling=NO src=http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌></iframe>
说明:这种适合于在网页的边栏插入。上面的城市可以自定,比如南昌可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单,直接用汉字改就行了。比如是福州的,你就直接把“厦门”改成福州就行。
种:
代码:(转蚊子兄) 效果预览:
<DIV><IFRAME align=center style="WIDTH: 185px; HEIGHT: 319px" marginWidth=0 marginHeight=0 src="http://minisite.qq.com/Weather/index.html" frameBorder=0 width=222 scrolling=no height=288></IFRAME></DIV>

说明:适合边栏插入,但是城市不可改
种:
代码:(转蚊子兄) 效果预览:

<IFRAME id=MainWeatherForecast style="WIDTH: 185px" name=showWnd marginWidth=0 marginHeight=0 src="http://www.cmbchina.com/cmb2005web/cmbaspxbin/information/CmbWeatherForecast.aspx" frameBorder=no width=185 scrolling=no height=147></IFRAME>

说明:适合边栏插入,但是城市不可改
种:
代码:(转蚊子兄) 效果预览:

<DIV><IFRAME id=weather align=center  src="http://www.bitman.cn/MyWeather.aspx?Area=China&amp;Name=郑州&amp;Language=Chinese&amp;Color=green&amp;Sign=Helper" frameBorder=0 width=158 scrolling=no height=300 <iframe></DIV>

说明:要更改默认城市,只要把代码中的“郑州”成你自己想要的城市了就行了!该天气预报有颜色三种样式,只要把代码中的颜色“green”改为“blue”和“black”就行了;若要英文版面,只要把代码中的“Chinese”改为“English”就行了!其实只要去此网址:http://www.blogweather.net/WeatherHelper.aspx,大家就知道该怎么弄了,很简单的!不过需要说明的是,该天气预报会在一定程度上影响页面打开的速度!
第十种:
代码: 效果预览:

<iframe src="http://weather.265.com/weather.htm" width="160" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>



说明:这是一种能根据来访者的IP显示不同城市天气,很不错
第十一种:
代码: 效果预览:

<IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src=" http://news.sina.com.cn/iframe/weather/130101.html"></ifreame>

说明:需要自己定制城市
第十二种:
地址: 效果预览:
http://weatherpixie.com/index.php?page=dir&country=CN
说明:进网页,按照提示进行

posted on 2007-09-18 15:32  小角色  阅读(615)  评论(0)    收藏  举报