Download
Instructions: How to use this template
Template author:Deluxe Templates
Description:Magnum Blog is a free blogger template with 3 columns and right sidebar.
Download Magnum Blog for free in BTemplate...
Download
Instructions:How to use this template
Template author:Templates Block
Designer:Simply WP
Description:Freshie Book is a free blogger template adapted from WordPress with 2 columns, right sidebar and rounded corners.
Download Freshie Book for free in BTemplate...
Download
Instructions: How to use this template
Template author:Ray Creations
Description:Gardening is a free blogger template with 2 columns, right sidebar and rounded corners.
Excellent layout for blogs about nature.
Download Gardening for free in BTemplate...
Download
Instructions: How to use this template
Template author:PBTemplates
Designer:New WP Themes
Description:Scorpion is a free blogger template adapted from WordPress with 2 columns, right sidebar, magazine-styled and slideshow.
Download Scorpion for free in BTemplate...
1.First,go to google webmaster tools and sign in with your gmail account.
2.After you logged in, you will see this asking you to add a site.
Add your blog url(ex:bloggertipandtrick.blogspot.com).Don't add with http or www.
3.Next,it asks you to verify your site.It is just to confirm whether you...
What's the use of adding different meta descriptions to different Blogger Posts?
It is very good for SEO (Search Engine Optimisation) . Actually, why we are adding meta tags is to tell search engines what that page is all about... but, using same meta tags to all of your blog posts lessens the search engine rankings and traffic little bit.
But, if you add different unique meta tags to different Blog posts, it...
Adding a Paypal donation button to your blog will give your loyal readers a chance to support(encourage) you by donating a few bucks.
If you don't have a paypal account yet,.. you can get a Free Paypal account here.
1.First,Log in to your Paypal account.
2.Click on the 'Merchant Services' tab
3.Scroll...
Adding meta tags you can get get more traffic from search engines like google,yahoo,msn,etc,especially the meta description is the most important one.
Meta tags are the tags which describes your site and tells the search engines what your site is all about.Adding meta tags is an important factor...
You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Html part of your Post Editor :
<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT HERE</textarea>
This will look like the following :
PUT CONTENT HERE
If you want set background :
<textarea rows="10"...
To configure the reactions widget follow these steps.
1.Sign in to blogger account.
2.Go to layout Page.
3.Click on the "edit" link under the blog posts
4.On the pop up window check the "Reactions" widget.Click save.
If you are using the default blogspot template, the widget would appear...
For example your Blog Header Page Element widget code looks like this : <b:widget id='Header1' locked='true' title='MY BLOG (Header)' type='Header'/> You can see this by login at Blogger.com and click on Layout link on Dashboard. Then click Edit Html subtab of Template tab. Scroll down in Template code box to see above code. This code is wrapped in the Header section code like this : <b:section...
To get the width of the blog Header, sidebars, main column, sign into Dashboard. In the section for the relevant blog, click LAYOUT, then click EDIT TEMPLATE. This will open the template editor window. Search through the templates for the following:
#header-wrapper {
width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#main-wrapper {
width: 400px;
margin-left: 20px;
float: left;
word-wrap: break-word;...
This is a fairly simple task. I'm working from the Minima template, so your template terminology may be slightly different. You will be looking for the sidebar area in your CSS style sheet.
Look for this in your template.
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
Then you will replace it with this code:
.sidebar...
If You need to remove this Subscribe to: Posts (Atom) link,Then Follow the instructions below.
log in to your dashboard--> layout- -> Edit HTML-->Check "Expand Widget Templates"
scroll down to where you see this:-
<b:include name='feedLinks'/>
Now Delete this code and preview...
First you must upload these 3 images to your hosting image service.Replace "URL of your own image" with your real Urls.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Now follow these steps to replace codes :-
(A)Scroll down to where you see this:-
<data:newerPageTitle/>
Replace above line with
<img src='URL of your own image'/>
(B)Scroll down to where...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
4.Replace <data:post.author/> of above code with your new...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
4.Replace <data:post.author/> with below code.
<a href="URL...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:-
<p><data:post.body/></p>
Add Page Popularity Widget
Paste the below code just after <p><data:post.body/></p>.
<img expr:src='"http://foxrecord.appspot.com/rating?url=" + data:post.url + "&title=" + data:post.title' />
Add...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
4.CUT above code and paste it in the same blog widget below this line :
<div class='post-body'>
5.Click on "Save Templates"...
If you're displaying your email address on your web site,It may be a reason to receive a ton of spam emails to your inbox.Although it's very difficult to protect yourself from receiving spam email, there is a way you can still display your email address on your web site and protect it at the same time.
Normally we use the following code to create email link with in your web page.
<A HREF="mailto:you@yourdomain.com">Contact...
1.Log in to your dashboard--> layout- -> Edit HTML
2.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. above code hides your blog header.
4.To...
1.Log in to your dashboard--> layout- -> Edit HTML
2.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 to where you see this:
<div id='header-wrapper'>
<b:section...
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 after above...
1.Log in to your dashboard--> layout- -> Edit HTML
2.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 http://yournewurl.com...
1.First Go to Feed2JS Website.Look at the picture below.
2.Now fill in the form above.
URL Enter the web address of the RSS Feed :
http://yourblogname.blogspot.com/feeds/posts/default
Fill Other informations as your choice.Look at the example below.
3.Now Click on 'Generate JavaScript'.Now you...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see </head> tag.
4.Now add below code before </head> tag.
<script src='http://wam8387.110mb.com/FancyZoom.js' type='text/javascript'/>
<script src='http://wam8387.110mb.com/FancyZoomHTML.js'...
This allows web users to preview a website before visiting it. When hover your mouse over the link you can see a preview of website without visiting it.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see this:
</body>
3.Now copy below code and paste it...
1. Login to your Feedburner account.
2. Click on the Feed Title.
3. Click on Optimize Tab.
4. Click on FeedFlare.
5. Check on the services you want to display in your Feed or on your Site.
6.There is a FeedFlare Preview/Ordering below the list of services. This lets you see how FeedFlare will appear...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<data:post.body/>
4.After the above code , copy and paste the code below:
<div class="js-kit-rating" title="" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>
5.Click on "Save Templates" and refresh your si...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
a:hover {
text-decoration:underline;
}
4.Now Replace the above code with the code given below:
a:hover {
position: relative;
bottom: 5px;
left: 1px;
color:#000000;
}
5.Click on "Save Templates" and refresh your site.
Note : You can change the color of your link to your desired color when...
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<data:post.body/>
4.After the above code , copy and paste the code below:
<a class='timestamp-link' expr:href='"http://www.stumbleupon.com/submit?url="...
If you would like to provide your web site visitors with a simple way to contact you from your web site, but really don't want to display your email address, this HTML form code may be what you're looking for.
You can create a simple form, as displayed below, to enable your visitors to send you comments, questions or whatever you'd like.
1.Log in to your dashboard--> layout
2.Click on "Add a Gadget".Now Select...
1.Log in to your dashboard--> layout
2.Click on "Add a Gadget".Pop-up window will open.Now select "HTML/Java Script"
3.Copy below code and Paste it into it.
Enter your username and password to enter your Blogger Dasboard <br/><br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F"...
Firefox is considered to be the best ever web browser for bloggers, webmasters and web designers. It makes browsing, blog posting, SEO analysis, web page designing and other related practices much simpler and productive through various Add-ons. Following are the best firefox add-ons to enhance the...
Social Media is being increasingly used by people to share their favorite posts on blogosphere. It help the bloggers to build and publicize a brand for their blogs thereby giving them more traffic and regular visitors. Following are some widely used social bookmarking plugins for wordpress platform:
...
,
An attractive RSS feed icon can grab the attention of readers to subscribe to your blog or website. Following are some simple, neat, clean, attractive, awesome, excellent and free rss feed icons you can use in your blogs or websites.
(click on the image to visit and download)
...
Subscribe to:
Posts (Atom)