How to add Read More button for blogger blogs

Good news for bloggers!!! No need to search for any code to add Read More functionality in your blog. Blogger has officially come up with this option which can be implemented in individual blog posts. You just need to do some simple configuration in blogger settings to get this option work for your blog. Read the article below to know how to enable the Read More option for blog posts in blogger.

Blogger Read More Option works well with official Blogger templates that you choose while you create your blog. If you are using your own customized Designer Templates then read the article Read More for Customized blogger templates


1. Goto Dashboard --> New Post

You can see the jump break option as shown below.

Use the jump break at the right place in your blog posts.

Read More

Add Scrolling text to attract visitors to your blog

Scrolling text is one of the best way to attract visitors to your blog. Scrolling text with nice colours will also make your blog look attractive. You can add your most popular blog as a scrolling text in the home page. You can also give an hint of what might be your next blog. These simple things will keep your visitors interesting.

Scrolling text can be added anywhere in the blog. You can add it below the header, sidebars and also in your blog post. Below are the simple steps to add scrolling text in your blog.

Code to add scrolling text in your blog

<marquee>Scrolling text for my blog</marquee>


Simple attributes to make your scrolling text look attractive

Code to change the background color of the scrolling text
bgcolor is the attribute that is used to change the background colour of the text.

<marquee bgcolor="#999999">Scrolling text for my blog</marquee>

Scrolling text for my blog


Code to change the text colour of the scrolling text
font color is the attribute that is used to change the background colour of the text.

<font color="990000"><marquee bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to select the direction of the scrolling text
direction is the attribute that is used to change the direction of the text.

• To scroll the text in the right direction use the below code

<font color="990000"><marquee direction="right" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog

• To scroll the text in the left direction use the below code

<font color="990000"><marquee direction="left" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog

• To scroll the text in the top direction use the below code

<font color="990000"><marquee direction="up" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my
blog

• To scroll the text in the bottom direction use the below code

<font color="990000"><marquee direction="down" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to make your scrolling text scroll within the scrolling area
behavior is the attribute that is used to scroll the text within the scrolling area

<font color="990000"><marquee behavior="alternate" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to control the speed of the scrolling text
scrollamount is the attribute that is used to scroll the text within the scrolling area

<font color="990000"><marquee behavior="alternate" direction="left" bgcolor="#999999" scrollamount="3">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to pause the text when mouse is moved over the text
onmouseover and onmouseout is the attribute that is used to pause the text when mouse is moved over the text

<font color="990000"><marquee behavior="alternate" direction="left" bgcolor="#999999" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="30">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to add Hyperlinks to the scrolling text

<font color="990000"><marquee behavior="alternate" align="middle" direction="right" bgcolor="#999999" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://bloggerbasicsforbeginner.blogspot.in/2012/01/genuine-website-to-learn-and-earn-money.html">Genuine website to earn money online</a> $$$ <a href="http://bloggerbasicsforbeginner.blogspot.in/2012/01/improve-alexa-ranking-for-your-website.html">Improve Alexa ranking for your blog</a></marquee></font>

Genuine website to earn money online $$$ Improve Alexa ranking for your blog

Try these technique and let me know how it worked for you. In case of any queries post a comment below.

Read More

How to add your website/blog to bing

You might have already added your site or blog to google through google webmaster tools. Similarly you can add your blog to bing through Bing webmaster tools. This will give you detailed information about your site incoming links, searches and much more.

Follow the below steps to add your site to bing.





1. Goto the link Bing webmaster tools and try to login with windows live ID or Hotmail ID.

2. If you don't have windows live ID or Hotmail ID you need to create an account in any one of them.

3. Click the Add site and add your website.

4. Select 2nd option in verify ownership page and copy the code that is being displayed.

5. Goto blogger Dashboard --> Template --> Edit HTML and search for the below code

<head>

6. Paste the meta tag code below Head. Your code should look like this

<head> <meta name="msvalidate.01" content="EC1EE0AFB43D2F66BD8FEB97EC232776" />

7.Goto Bing webmasters tools and click the verify button.

That's it. Your website/blog will be soon indexed in Bing.

Post a comment if you face any problem.

Read More

How to add Meta Description to each individual posts in blogger

You might have known about meta tags and descriptions that are used in blogger. Usually we use a single Meta description in our template which will be applicable for all the posts in our blog. This doesn't sound good as each post are different and require a different meta description. This meta description is important for SEO which was not available in blogger untill now.

Good news for bloggers is that blogger has come up with an option wherein we can add meta description for each individual post that we publish in our blog.


Follow the below steps to implement this option in your blog posts.

1. Goto blogger Dashboard --> Setting --> Search Preferances

2. In Metatags --> Enable Search Description to YES.

3. Add some description which will be applicable for your home page

4. Save the template.

5. Goto any of your post and click the edit button.

6. On the right side of the post you can see the Search Description option shown below

7. Write some description related to the post and save it.

8. Follow the steps 6 and 7 for all the posts in your blog.

How to check if this feature is working fine for your template

Try the below steps to check if this feature is working properly.

Goto metatags extractor and give the link to your post to check if you can see the descrition.

Try this option and let me know if you have any queries or concerns.

To know more about detailed description about metatags follow the article How to add Meta Tag to your Blog

Read More

Simple Hack to get rid of country specific Domain/URL in blogger

As you all know, google has decided to redirect all blogspot blogs to country specific urls. You can see that  my blog http://bloggerbasicsforbeginner.blogspot.com automatically redirects to http://bloggerbasicsforbeginner.blogspot.in/. Many of us don't want this redirection to happen and may want their blog to be in .com domain. I will show you a simple hack to get rid of country specific Domain/URL in blogger. It is tested and is working fine.

Bloggers who want their blogs to be in .com domain can try the hack below.

Note: Make sure to take a backup of your tempalte before making the required changes.

1. Go to Blogger Dashboard -> Choose Template -> Edit HTML

2. Search for the html tag 

<head>

3. Paste the below mentioned code below the Head tag.

<script type="text/javascript"> var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr(blog.lastIndexOf(".")); if (ctld != ".com") { var ncr = "http://" + blog.substr(0, blog.indexOf(".")); ncr += ".blogspot.com/ncr" + slug; window.location.replace(ncr); } </script>

4. Save your template and visit your blog.

You can see that your blog would not be redirected to country specific Domain/URL. The above code would make sure that you are forced to remain in the .com domain.

Apply this hack and let me know how it worked for you.

Read More