How To Customize Blogger Static Pages With Css

Static pages are those pages of a weblog which are created every bit posts are created for illustration Contact page, About page, Sitemap Page, Advertise Page etc. Blogger static pages await similar posts except if yous convey used CSS or Javascript to larn inward dissimilar in addition to then shipping service pages. And all the static pages should endure dissimilar in addition to then shipping service pages to brand them await similar they are apart of posts. So inward this shipping service I volition demo yous how to customize static pages inward blogger amongst CSS.

Follow below mentioned steps to customize your static pages:

Step 1: Go to blogger dashboard in addition to navigate to Pages.

Step 2: Edit your page.

Step 3: Switch to Html editor of the page.

Step 4: Now yous convey to add together your css codes, hence re-create your desired code in addition to glue it inward your page's html editor:

Before copying code add together the below slice of codes inward the html editor inward the travel past times or bottom of the editor:

<style>

</style>

Now all yous convey to create is to re-create code for desired functions in addition to glue it inward between:

<style>

</style>

(1). To Remove Footer:

To take footer add together the below code between <style>---------</style>

.post-footer {
display: none;
}

(2). To Remove Blog Pager:

To take pager from static page, re-create below code in addition to glue it between <style>---------</style>

#blog-pager {
display:none;
}

(3). To Change Background Color Of Your Static Page:

.content{
background:#eee;
}

Replace #eee amongst your desired color code. Use our color picker tool to larn code of a color.

(4). To Customize Page Title:

To customize page championship yous convey to add together the next code:

h1.post-title.entry-title {
border-bottom: 2px venture #93C47D;
color: #93C47D;
letter-spacing: 2px;
font-size: 35px;
}

If this code is non working utilization this one:

h2.post-title.entry-title {
border-bottom: 2px solid #93C47D;
color: #93C47D;
letter-spacing: 2px;
font-size: 35px;
}

To modify color replace #93C47D with your desired color code. Use color picker to larn code of color.

To modify font replace Gruppo with font-family name.

(5). To Customize Content Container Width:

Content container agency the box which contains your content. Normally the content container has a pocket-sized width simply if yous wish to convey a sum width utilization below code for it.

.post.hentry {

width:102%;

}

To increase or decrease width supplant 102% amongst the your desired width.

(6). Hide Comments And Comment Box:

To shroud comments in addition to comment box read this post.

Step 5: Publish your page in addition to yous are done.

Hope yous similar this shipping service in addition to yous constitute it helpful. If this shipping service assistance yous out delight read to a greater extent than posts in addition to portion them amongst others.

Search Tags: Static pages blogger,blogger tips in addition to tricks 101helper,blogger customization tricks css,javascript,remove footer,Static pages sum width blogger,blogger take comments from static pages,customize static pages blogger,edit static pages blogger