How to put the daily weather forecast in the blog?

Before adding the weather forecast, you must add (custom panel), then enter the title, check (display the source code), and paste the following code in the blank panel. In addition, it should be noted that the code display may not be the city you want, and it needs to be modified to the code of your city.

Several cool and practical weather forecast codes are arranged as follows:

The first kind:

& ltiframe src =/iframe/weather/ 130 10 1 . html " & gt； & lt/ifreame & gt；

Effect:

The fourth kind:

& ltiframe width = " 469 " height = " 2 1 8 " border = " 0 " align = " center " margin width = " 0 " margin height = " 0 " hspace = " 0 " vspace = " 0 " frame border = " 0 " scrolling = " no " src =/CGI-bin/news _ weather _ search？ City= Guiyang allowtransparence = "true" > "> < /iframe & gt；

Effect:

The fifth type:

& ltIFRAME ID = ' IFM 1 ' WIDTH = ' 405 ' HEIGHT = ' 332 ' ALIGN = ' center ' margin WIDTH = ' 0 ' margin HEIGHT = ' 0 ' HSPACE = ' 0 ' frame border = ' 0 ' SCROLLING = ' NO ' SRC = "/24 . htm " & gt； & lt/IFRAME & gt；

Effect:

The sixth kind:

& ltiframe width = " 145 " height = " 1 30 " border = " 0 " align = " center " margin width = " 0 " margin height = " 0 " hspace = " 0 " vspace = " 0 " frame border = " 0 " scrolling = " no " src = "/Weather/news _ new . html " allow transparency = " true " & gt； & lt/iframe & gt；

Effect:

The seventh kind:

A piece of code that used to be very popular (90% of Google searches are this piece) can no longer be used. In order to avoid wasting energy, I will write it here:

& ltiframe width = " 150 " height = " 240 " frame border = " 0 " scrolling = " No " src = '/CGI-bin/news _ QQ _ search？ city = xxx ' & gt& lt/iframe & gt；

Where "xxx" is the code of each city: for example, Wuhan is %CE%E4%BA%BA.

Here are some other city codes:

Shanghai -%C9% CF% BA% A3

Beijing -%B 1% B 1% Be% A9

Qingdao -%C7% E0% B5% BA

Jinan -%BC% C3% C4% CF

Wuhan -%ce% E4% ba% ba

Fuzhou -%B8% A3% D6% DD

Here are ways to get other city codes:

Baidu searches for city names, such as "Chongqing", and then the code in the address bar shows how these Chinese characters are encoded into %D6%D8%C7%EC. For example, the website is:

/s？ wd=%D6%D8%C7%EC

The following% D6% D8% C7% engineering changes are.

Now I would like to recommend a website that provides weather forecast and free weather forecast code service:

Weather 123: Urban Weather Forecast of China (/)

Just copy and paste the code provided by this website.

The following are the renderings of three models (Nanjing):

Eighth:

& ltiframe src = "/small _ page/ Shicheng _1189.html "width =1 60 height = 248 margin width = 0 margin height = 0 hspace = 0 vspace = 0 frame border = 0 scrolling = no align = center id = URL & gt； & lt/iframe & gt；

The ninth kind:

& ltiframe src = "/small _ page/ Shicheng _ 1 189.html? C0 = F9DC68 & ampc 1 = white. C2 = fefce0 & red & amp； White & ampw= 160. text = no " width = 160 height = 248 margin width = 0 margin height = 0 hspace = 0 vspace = 0 frame border = 0 scrolling = no align = center id = URL & gt； & lt/iframe & gt；

The tenth type:

& ltiframe src = "/small _ page/ Shicheng _ 1 189.html? C0 = red & ampc1= ff9900 &; bg = F4FFF4 & ampw= 160。 h = 20 & amptext = yes " width = 160 height = 2 1 margin width = 0 margin height = 0 hspace = 0 vspace = 0 frame border = 0 scrolling = no align = center id = URL & gt； & lt/iframe & gt；

Advanced usage of this weather code:

If you know the HTML language, you can also add parameters after the url in the iframe code, for example:

Shicheng _32 1.html? C0 = F9DC68 & ampc 1 = white. C2 = fefce0 & red & amp； White & ampw= 160. H = 250& Text = No.

Where c0 represents the background color of the first row of the table, c 1, c2 represents the background color of other rows of the table, t 1 represents the title color, bg represents the Beijing color of the page, and w represents the table width h represents the table height.

When text=yes, scrolling weather text will appear. I suggest you debug it yourself, for example:

Shicheng _ 321.htmlc0 = red & c 1 = ff 9900 & amp； bg = F4FFF4 & ampw= 160。 H = 20 & Text = Yes

Note: Please don't add # symbol to the color, such as #FF9900, please write it as FF9900.

```````` If the things in my blog tutorial look complicated, please go to my blog and study them carefully.