The above mentioned sidebar is right sidebar of
right sidebar and below are left sidebar of
any blog.
What is sidebar?
Well, sidebar is what we see left or right
side of blog post, where
Blog Archive and Profile of bloggers
appears
generally all templates having sidebar on right side of
BLOG POST
VERY few have sidebar on left side .
Well in my Blog one can see more than one
sidebar later I have discussed the
issue of more than one side bar.
#sidebar-wrapper
{
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 180px;
MARGIN-RIGHT: 15px;
WORD-WRAP: break-word
}
© Tips for Bloggers
Artical Published
- Add fixed background image
- Give Nice Profile look
- Google says Quality Not Quantity
- Add meta tag to blog
- How to Get Rank in Google Search
- Blogger sitemap to Google
- Supescripted Word In Post
- Subscripted word in Blog
- Table element demonstration
- Table tag in blog post(intro)
- Table tag in blog post
- #blog -pager
- #blog-pager-newer-link
- #body#layout#footer
- #body#layout#header
- #body#layout#header-wrapper
- #body#layout#newsidebar-wrapper
- #body#layout#outer-wrapper
- #body#layout#sidebar-wrapper
- #comment block
- #comment h4
- #comment-block .author-comment,comment-body
- #comment-block .comment-blody p{ }
- #comment-block .comment-footer
- #footer
- #header
- #header .description
- #header a,#header a:hover { }
- #header H!
- #Header-wrapper
- #main-wrapper
- #navbar-iframe
- #outer-wrapper
- #sidebar-wrapper
- .author-comment p{ }
- .feed-link, .sidebar
- .main .blog
- .main .widget
- .post blockquote p{ }
- .post blockquote { }
- .post H3
- .post H3 a { }
- .post H3 a:visited { }
- .post H3 strong
- .profile-data
- .profile-datablock ,.profle-text-block
- .profile-link
- .sidebar .widget
- .sidebar ul
- .sidebar ul li{ }
- About .post
- About H2
- CSS
- CSS a:link
- CSS body
- Difinition list in Blog
- H2 .date-header
- Ordered list items in blog
- Strike Word in Blog
- Table in Blog Post
- Unorder list In Blog
Showing posts with label blog knowledge. Show all posts
Showing posts with label blog knowledge. Show all posts
#sidebar-wrapper
Friday, February 29, 2008Posted by Vikas Narang at 8:55 PM 0 comments
Category: blog knowledge, left sidebar of blog page, right sidebar of blog
#main-wrapper
Rounded part of above image is main portion of blogger blog.
#main-wrapper { FLOAT: left; MARGIN-LEFT: 25px; OVERFLOW: hidden; WIDTH: 460px; WORD-WRAP: break-word } |
what does mean '#main wrapper'?
Well ,main is area that hold
all the content of Blog post we do .
Now let us deal with
definition for main-wraqpper
float:left ; this float value defines that
where does main-wrapper appear on outer wrapper
float value are generally three,i.e
left,right and center
Now word-wrap:break is teken as break-word
,it means line break otherwise post may seen in one line ,if your blog poste
overflow then it break the line
and start from new line
About Overflow:hidden; if your blog overflows
then
overflow:'hidden '
words hide the content
Copyright @2008 Tips For bloggers, All Rights Reserved.
Posted by Vikas Narang at 8:54 PM 0 comments
Category: blog knowledge, improove your blog, tricks for blogger, Use strike Word in your blog
Subscribe to:
Posts (Atom)
