ProBlogger: April 2009

How To Hidden Blogger Header and Replace Image Instead

1.Log in to your dashboard--> layout- -> Edit HTML2.Scroll down to where you see this:#header-wrapper {width:800px;margin:0 auto 10px;border:1px solid $bordercolor;}Note :- width:660px can be different value.3.Now Replace the above code with the below code.#header-wrapper {width:800px;margin:0 auto 10px;border:1px solid $bordercolor;display:none;}Done....

How To Add New Layout below Header in Blogger

1.Log in to your dashboard--> layout- -> Edit HTML2.Scroll down to where you see this: </head>3.Add below code into your template just above the </head> tag.#belowheader-wrapper {width:890px;margin:0 auto 10px;overflow: hidden;}Note : You can change width:890px to equal the width to your Header wrapper.4.Now Scroll down...

How to Add “Save Page as PDF” button to Blogger blog

1.First Sign up with Web2PDF.2.Now Configure your "Save Page as PDF" button and click ‘Generate the JavaScript’ button.3.Then a Javascript code will be generated. Copy This code.Now follow these simple steps :(a)Log in to your dashboard--> layout- -> Edit HTML(b)Click on "Expand Widget Templates"(c)Scroll down to where you see this:<p><data:post.body/></p>(d)Immediately...

How To Redirect Blogger URL To Another URL

1.Log in to your dashboard--> layout- -> Edit HTML2.Scroll down to where you see this: </head>3.Add below code into your template just above the </head> tag.<meta http-equiv="refresh" content="0;url=http://yournewurl.com"/>It should Look Like This.<head><meta http-equiv="refresh" content="0;url=http://yournewurl.com"/></head>4.Replace...

How To Remove Label Posts Count From Blogger

To remove the label count just follow the below simple steps:- 1.Log in to your dashboard--> layout- -> Edit HTML2.Click on "Expand Widget Templates"3.Scroll down to where you see this:<span dir='ltr'>(<data:label.count/>)</span>4.Now delete above code.5.Click on "Save Templates" and Refresh your site.var addthis_pub="wam8387";var...

How To Add Image Hover Effect to Blogger

1.Log in to your dashboard--> layout- -> Edit HTML2.Scroll down to where you see </head> Tag3.Copy and Paste below CSS code above </head> Tag<style type="text/css">a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity:...

ProBlogger

How To Hidden Blogger Header and Replace Image Instead

How To Add New Layout below Header in Blogger

How to Add “Save Page as PDF” button to Blogger blog

How To Redirect Blogger URL To Another URL

How To Remove Label Posts Count From Blogger

How To Add Image Hover Effect to Blogger

Labels

Partners

Blog Archive

Blogroll

Site Info

Text