This time I will share a tutorial blog, titled How to Create Columns in Side Witget Blog Title. Surely you've ever found ad / banner next to the logo of a blog-sized 729 pixels x 90 pixels. Placement is very strategic because the reader will almost certainly look at every visit like the picture I gave the red box below. Unfortunately, not all templates provide witget column beside the blog title / header. Interested in making? Here's how:
- Login Bloggger,
- Log template. Backup the existing template first, in anticipation of the possibility of error. The trick, press the backup / restore in the top right.
- When you're finished, click on edit html. If there is a warning, just press Proceed,
- Find code # header and delete everything related to # header and replace it with the code below:
#header{background:transparant;float:left;width:179px;padding-top:15px;margin-left:7px;text-align:left;color:#f2f2f2}
#header2{float:right;margin-right:7px;width:728px;background:url(http://1.bp.blogspot.com/-ZQGiGdDNVss/TmWDF9SidsI/AAAAAAAABnk/2g2kUFSpE4U/s1600/Advertisement+728x90.jpg) no-repeat;height:90px;margin-bottom:4px;margin-top:4px;}
#header h1{line-height:1em;text-transform:uppercase;letter-spacing:.01em;font:bold 30px Georgia, Serif;margin:0 auto;padding:0 auto}
#header a{color:#666;text-decoration:none}
#header a:hover{color:#666}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:normal 13px Arial;color:#999;margin:0 auto;padding:0 1px 5px}
#header img{margin:auto}
- Then find <div id='header-wrapper'> and foxes as arrangement below. If the existing arrangement you just replace the code below:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
- Once completed, preview / preview first, to avoid mistakes.
- Finish and see the results.
Look at the results. Advertising is also available on the website such as Legal, VIVAnews, second etc.. Good luck and good luck.
written By : bagas wahyu Tutorials Blogspot
Buddy was reading an article about How to Create Columns in Side Witget Blog Title.By Admin, buddy allowed to copy and paste or distribute this article, but do not forget to put the source link below
Related
0 comments:
Post a Comment