How to add a background picture to a blog post

Source: Internet
Author: User

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Add a background picture to a blog post

Blog map (netease blog only)

In fact, the display of the map problem and the source of the picture. If the blog inserted in the picture is from the NetEase album, you can display on the home page, other sources of pictures can not be. Therefore, you want to map in the home page display, as long as the picture first into the NetEase album, and then call the photo album in the picture link OK! (Textures should be done in Design view!) Drawings can be downloaded to my network http://www.ooopic.com/design/167/

Two. Add a background picture to the article

Mapping in the article is certainly good. However, if you add a background picture, it will be icing on the cake! The implementation method, like adding a background music, requires code control.

First write the article in Design view, and then switch to HTML view. Add the following code to:

<img style= "Filter:alpha (opacity=100, finishopacity=0,style=2)" height=480 src= "Picture link" width=500 align=right>

<div style= "Filter:alpha (opacity=45, finishopacity=45,style=0); Float:left; width:100% ">

<div style= "letter-spacing:1px" ><p><font size=3><font color=black><font face= "Black", Simhei ">" Articles </font></font></font></p></div></div>

"Height" and "width" in the "src=" code represent the height and breadth of the background picture, which can be adjusted according to the size of the picture and the length of the article, and may sometimes need to be repeated several times.

The following code is a background picture link (without quotes). The article is placed in the "article" position. The code following the "Color=" indicates the color of the text and should be based on the background image to select the appropriate text color!

The article must first after the design attempts to write, then switches to the HTML view. Otherwise published articles will not naturally segmented!

If the same article needs to set up background music and pictures at the same time, just place "background music code" in front of or behind "background picture code"!

After reading this article quickly to my map to find the picture on the web quickly go back to get your blog!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.