l
l
blogger better. Powered by Blogger.

Search

Labels

blogger better

Followers

Blog Archive

Total Pageviews

Labels

Download

Blogroll

Featured 1

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 2

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 3

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 4

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Featured 5

Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Thursday, December 22, 2011

20 Most Expensive Keyword Categories In Google AdWords

20 Most Expensive Keyword Categories In Google AdWords
1. Insurance (example keyword: “auto insurance price quotes”)
2. Loans (example keyword: “consolidate graduate student loans”)
3. Mortgage (example keyword: “refinanced second mortgages”)
4. Attorney (example keyword: “personal injury attorney”)
5. Credit (example keyword: “home equity line of credit”)
6. Lawyer
7. Donate
8. Degree
9. Hosting
10. Claim
11. Conference Call
12. Trading
13. Software
14. Recovery
15. Transfer
16. Gas/Electricity
17. Classes
18. Rehab
19. Treatment
20. Cord Blood
Cord Blood? WTF is THAT about?
>
click for ginormous graphic

Source: 20 Most Expensive Google Keywords
Tech Crunch

Wednesday, December 21, 2011

How To Add Search Box to Search in Your Blogsite(Website)

1.Login to your blogger account.Go Layout --> Add a Gadget --> Select “HTML/JavaScript”.
2.Copy below code and paste it.Click save and refresh your site.
<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
Note:Remember to replace "YOUR BLOG URL" and "NAME OF YOUR BLOG" with your
details.
If you want to change the size of your search box than just change the value 20 to 35(any
value you like to get a bigger search box.
You can also change the “Search” button to say, “Hit” or “Go” or "Enter" or "Read more",
by changing the Value in the above html code.
3.You can see search box like below one.
Blogger Tips And Tricks


You can also remove the button "search" from the above search box and place an image for better look. The html code will be:
<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>
You can see search box like below one.
Blogger Tips And Tricks

How To Add Background images to Blogger Templates

How To Add image to the Header
log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-
#header-wrapper {

Add immediately after that the following line:-

background-image: url(URL address of your image);
See the example below.
#header-wrapper {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/s400/digg1.jpeg);

Save the template and refresh your site.


How To Add image to the Main Background

log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-
body {
Add immediately after that the following line:-
background-image: url(URL address of your image);
See the example below.
body {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/s400/digg1.jpeg);
Save the template and refresh your site.

How To Add image to the Posts Background
log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-
#main-wrapper {
Add immediately after that the following line:-
background-image: url(URL address of your image);
See the example below.
#main-wrapper {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/s400/digg1.jpeg);
Save the template and refresh your site.

How To Add image to the Sidebar Background

log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-
#sidebar-wrapper {
Add immediately after that the following line:-
background-image: url(URL address of your image);
See the example below.
#sidebar-wrapper {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/s400/digg1.jpeg);
Save the template and refresh your site.

How To Change Colours of Blogger Templates

How To Change Blogger Header background color
log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-

#header-wrapper {


Add immediately after that the following line:-
background:your clour;
If You want background colour set to #D3FFCC , above code must change like this.
background:#D3FFCC;
See the example below.
#header-wrapper {
background:#D3FFCC;
Save the template and refresh your site.


How To Change Blogger Main background color
log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-
body {
background:$bgcolor;

If you want to set bgcolor to #d3ffcc , replace above code with this.
body {
background-color:#d3ffcc;

Save the template and refresh your site.

How To Change Blogger Post background color
log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-
#main-wrapper {
If you want to set post color to #d3ffcc , replace above code with this.

#main-wrapper {
background-color:#d3ffcc;

Save the template and refresh your site.

How To Change Blogger Sidebar background color
log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-

#sidebar-wrapper {

If you want to set sidebar color to #d3ffcc , replace above code with this.
#sidebar-wrapper {
background-color:#d3ffcc;


Save the template and refresh your site.

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 in your blog.If not you have to add some code to your blog's template To do that follow these steps.
1. Go to edit Html page of your blog.
2.Check the "Expand widget templates"
3.Find the following code in your template:
<data:post.body/>
4.Then immediately after this line add the following code.
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
Save and Preview your blog.

Sunday, December 18, 2011

How To Add Perfect Share Box to Blogger

In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google Buzz button with counter, official Stumbleupon button with counter, BlogThis! link, Email This! link, Print This! link, Comments count link and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog.
Perfect Share Box for Bloggers
Now follow the steps given below to add this share box for your blog.
1.Login to your blogger Dashboard and go to --> Design- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
  4.Now Copy Share Box code given below and paste it just below the above code.
NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Twitter tweet button" code just before <data:post.body/> .
<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>
.multisharebox {
 background: none repeat scroll 0 0 #EFEFEF;
 float: right;
 margin: 5px 0px 3px 10px;
 padding: 0 5px 0;
 text-shadow: 0 1px 0 #FFFFFF;
 width: 260px;
 border:4px solid #d8dfea;
}
.fb-like-boxtop {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 margin: 0 0;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
.fb-like-boxtop a {
 color: #000000;
 text-decoration:none;
}
.fb-like-boxtop a:hover {
 color: #000000;
 text-decoration:underline;
}
.fb-like-box {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 height: 60px;
 margin: 5px 0;
 overflow: hidden;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
</style>

<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->

</b:if>
Note : This share box now will add to your Blogger post pages only. If you want to show it in every pages, then simply remove green lines from the code.
5. Save your template and you are done.

How To Add Facebook Like/Recommend Button For Blogger

This tutorial will explains how to add facebook like/Recommend button to your blogger blog and how configure it as you like.To add this facebook like button to your blog follow steps given below.
The Like button enables users to make connections to your pages and share content back to their friends on Facebook with one click. Since the content is hosted by Facebook, the button can display personalized content whether or not the user has logged into your site. For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page.

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
4.Now Copy your "StumbleUpon" bookmarking buttons code and paste it just below the above code.
NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
You can customize above facebook like button changing its values:
You can change,
layout=standard to layout=button_count .
show_faces=false to show_faces=true.
action=like to action=recommend.
font=arial to font=lucida+grande or font=segoe+ui or font=tahoma or font=trebuchet+ms or font=verdana.
colorscheme=light to colorscheme=dark.
5.Now save your template and you are done.

How To Import Blogger blog to Networked Blog in Facebook

This tutorial explains that how to create a facebook networked blog using your blogger blog.After creating this you can invite your readers to follow your blog directly or adding the NetworkedBlogs widget.I give the explanation step by step how do this.Follow the steps below to create your facebook Networked Blog.
1.First login to your facebook account.
2.Now go to below address.
http://apps.facebook.com/blognetworks/index.php
3.You can see a screen like this:

Click on "Allow".
4.In next window,click on "Yes,share my email" (If you like).

5.Now go to below address.
http://apps.facebook.com/blognetworks/editblog.php
Now you can add your blog from here to Networked Blog.

6.Fill your blog details and click on "Next".

7.Now Give your blog Feed URL and click on "Next".

8.Now you have to verify the ownership of your blog.Click on "Yes".

9.In next window click on "Use our widget to verify ownership".

10.Now add their widget code to your site.You can remove the code from your site,after verification.

11.After adding code,click on "Verify Widget".
12.You can see a message like below.Click on "Next".

13.Now you have successfully added your blog to the Networked Blog.Look at the picture below.

14.From the Blog Feed section click on "Pull Now".

15.After that refresh your page.

16.Now you can see your latest blog posts in Networked Blog.

17.Click on "Feed Setting".

18.Check the box "Auto-publish to personal profile".

19.Click on "Allow Publishing".

20.Click on "Allow".

21.Click on "Publish a Test Post".

22.Click on "Back to blog page".

23.You are done.Now your latest blog post automatically published in your networked blog and also your fackbook profile wall.

Invite your readers to follow your blog

How To Setup/Create Facebook Fan Page For Blogger

In this article I hope to explain how to create a facebook fan page for your blog,and after that how to setup it to publish your blog post/articles.After you doing this, your facebook friends can read your blog post from your facebook fan page and can become fans of your blog.This is very helpful to become your blog more popular.To do this follow the steps below.
1.First login to your Facebook Account.
2.Now go to this link:
http://www.facebook.com/pages/create.php
3.You can see a screen like below.Fill the information and click on "Create Page".

4.Now you have created a facebook fan page.You can see a screen like this:

Now we must import your blog post to this fan page.Click on "Edit Page".

5.In next window click on "Edit" link under "Notes" section.

You can see a screen like this:

6.Now click on "Import a blog".

7.Give your website URL and click on "Start Importing".

8.Now you can see a confirmation window:

Click on "Confirm Import".

9.You are done.Now when you publish a blog post,it will automatically publish your facebook fan page.

You can add a picture for your fan page,configure settings,... as you like.
You can see my facebook fan pages from here:
http://www.facebook.com/pages/Auto-Trader-Zone/418057363974
http://www.facebook.com/pages/Premium-Blogger-Templates/10150130448820134
http://www.facebook.com/pages/Blogger-Tips/172150707452

How To Get Your Own Facebook Domain/Username

Do you like to use short and simple domain name for your facebook account?Normaly your facebook account url will look like this:
http://www.facebook.com/profile.php?id=1233731615
It is very hard to remember.So using below method your can get simple url for your facebook account.For example this is my facebook account url:
http://www.facebook.com/btipandtrick
To add your own facebook domain follow the easy steps below.
1.Login to your facebook account.
2.Now Go to http://www.facebook.com/username/
3.You can see a screen like below.Click on "More".
Get Your Own Facebook Domain-Username
4.Now enter your desired username as the example below and click on "Check availability".
Get Your Own Facebook Domain-Username
If your username available you can get it clicking on "Confirm".
Get Your Own Facebook Domain-Username
You are done.
http://www.facebook.com/btipandtrick

How To Add Facebook Share Count Buttons For Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
4.Now Copy your Facebook Share Count Button code and paste it just below the above code.
NOTE: If you can't find <div class='post-header-line-1'/> in your template paste your Facebook Share Count Button code just before <data:post.body/> .
Facebook Share Count Buttons Codes:
CODE 1:
<div style='float:right; margin-left:10px;'><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>
Result:

CODE 2:
<div style='float:right; margin-left:10px;'><script>var fbShare = {url: 'http://YOURBLOG.blgospot.com/',size: 'small',google_analytics: 'true'}</script><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>
Result:

CODE 3:
<div style="float:right;padding:4px;"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/><script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/></div>
Result:

CODE 4:
<div style="float:right;padding:4px;"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/><script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/></div>
Result:

You are done.

blogger better Headline Animator