Comment bar on the top of Bock

Open your blog page. First, you will see the topic on the top.

Sina has provided enough pop-up pictures for you to choose from, but you may feel that it is not enough or quite desirable.

Such as the "Warcraft style" template, the light brown background color is very elegant, but some people may not like those "monsters" on the top of the bar ".

Fortunately, the Sina Blog system provides the possibility of further DIY. You can use other images to cover the pictures in the navigation bar, so as to customize more satisfied personal pages.

Here we provide you with some original sidebar images, which were selected from thousands of digital photos I have taken and have already produced 770*135 pixels. You can use them directly.

For detailed procedures, see how to have a personalized template and a header topic.

First, 30 images will be provided (mainly green and natural style images will be provided in the future). If you have any suggestions, which one you like or do not like, you can leave a message.

To see all the sizes of the image, click the image.. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15.

16.

 

17.

 

18.

 

19.

 

20.

 

21.

 

22.

 

23.

 

24. 25. 26. 27. 28. 29. 30.

The last few days DIY your blog "head"-picture library of the header bar In this article, 30 images are provided. These original topic pictures were selected from thousands of digital photos I have taken and have been made in 770*135 pixels, which can be used directly. For detailed procedures, see how to have a personalized template and a header topic. To view all the image sizes, click the image.  31. (last period) 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53, 54. 55. 56. 57. 58. 59. 60.

Click an image to view the complete effect. Code :<textarea style="WIDTH: 479px; HEIGHT: 58px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000137) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 55px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000133) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 55px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000134) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code:<textarea style="WIDTH: 479px; HEIGHT: 57px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000135) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 57px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000136) No repeat no scroll! Mportant ;}</style> <br/></textarea>

Click the image to view the complete effect code:<textarea style="WIDTH: 479px; HEIGHT: 58px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000137) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 55px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000133) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 55px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000134) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code:<textarea style="WIDTH: 479px; HEIGHT: 57px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000135) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 57px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000136) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 54px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000138) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code:<textarea style="WIDTH: 479px; HEIGHT: 55px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e02000139) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <textarea style="WIDTH: 479px; HEIGHT: 57px" name="furlarea" rows="3" cols="57"><Style type = text/CSS>. BANNER {Background: URL (http://blog.sina.com.cn/pic/470e283e0200013a) No repeat no scroll! Mportant ;}</style> <br/></textarea> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031r) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031s) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031t) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002di) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031v) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031w) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031x) No repeat no scroll! Mportant ;}</style> code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e0200031y) No repeat no scroll! Mportant ;}</style> Click the image to view the complete effect code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002dh) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002dj) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002dk) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002di) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002dl) No repeat no scroll! Mportant ;}</style> Code: <p align = center> <a href = "http://blog.sina.com.cn/u/1192110142" target = _ blank> CC-tophead </a> </P> <style type = text/CSS>. banner {Background: URL (http://blog.sina.com.cn/pic/470e283e020002dm) No repeat no scroll! Mportant ;}</style> The above is transferred from:★Celidia★Blog