Wednesday, 27 April 2011

How to add beautiful stylish Scrollbar Widget to blogger

Summary: This useful article teaches you that how you add Scrollbar to  free blog blogger template side this is very useful to add links of labels etc and you can save space in blogger sidebar  


By this useful article you  teach that how you add scrollbar in blogger blog. I think this is very good practice to add scrollbar widget to free blog blogger. Scrollbar is very useful that any links, labels of blogger posts  you want to show in  blogger blog. Some time labels and links are consisting of too many lists and looking ugly on the Sidebar of blogger blog, so do not worry this is good solution to save your blogger sidebar unnecessary links and labels and it  very simple to add Scroll bar widget in free blog blogger. 
  
Now add crollbar to widgets  and decrease height and  width of your blogger sidebar,   when a visitors comes to your blogger blog it is very easy to scroll down your links and labels and also scrollbar gives the facility to visitors and reader to adjust your post titles too small and setup  of  width/height limit, there will be a horizontal/vertical scrollbar enabling users to view all the content. This is very useful tutorial in point of view to display that  boxes with scrollbars and when the contents in the widget exceeds and enable users to read the contents that overflow or exceed the box area. This scrolling element is especially useful for targeted links which may be very lengthy. Any time as you like you can short your links and labels . Now I will discuss about scrollbar step by step see the instructions has given below:


1. Login to www.blogger.com and then go to  Dashboard and then  Design and Page  Elements.

 2. After that  click on “Add a Gadget” on the sidebar.

 3. Now select "HTML/Javascript" and add the following code with carefully.

<div style="overflow:auto;width:180px;height:300px;padding:10px;">
<ul>

<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>
<li><a href="URL Link"&gt;Title of text</a></li>  
</ul>
</div>


4.   Look at the above useful code change the lines in green colors with your post link and title which  you want to add in scrollbar  and  save your template, after that check the sidebar of your blogger blog that one beautiful scroll bar will be shown in your blogger sidebar and enjoy.


This useful article will be profitable for new bloggers and other visitors who want to add stylish scrollbar in blogger blog with easy way, if you like give me your suggestion and leave your comments.



Tuesday, 26 April 2011

How to add Yahoo Chat box in free blog blogger

Summary: This article article teaches you that how you add Yahoo Chat box in free blog blogger, this service is very profitable those blog owners who want to chat with their friends and other family members

By this useful article you teach that  how you insert Yahoo chat box in free blog blogger. Now you read in this article about  Pingbox Yahoo service which will let you insert a widget into your free blog blogger. To see this readers and visitor can cooperate with you live via yahoo messenger and widget on your free blog blogger.
 
This tutorial regarding Chat Box will help you to grab HTML code which you need to insert into your free blog blogger widget and whenever you are online on yahoo Messenger, users can interact with you live. Now I will guide step b step how you make Ping box in free blog blogger

1. First of all Go to this link Pingbox.
 
2. Click Create a Pingbox button for more information look at the picture has given below:


 












3. After that customize the colour and size according your blogger template for more information look at the picture has given below.




 














4. Now enter your display and click on the save button then you will see the picture has given below. 


 














5. It is suggested that after doing that you should copy and paste the code has given in the above picture with carefully.
 
6. Now Log in to your blogger account www.blogger.com and go to Design > Page Element.
 
7. Click Add Gadget and Select HTML/JavaScript and paste above code you already copied.
 
8. Now save HTML/JavaScript.cheers you are done and enjoy your chat box.

This useful article will be more profitable for new blogger owners, if you like or you want to suggest me please leave your comments


Monday, 25 April 2011

How to add Google Talk to blogger with better SEO tips

Summary: This useful article teaches you that how you add  Google Talk Chat box in free  blog blogger and also Google talk help visitors to chat with others easily and it is very great fun and install it simply


By this useful article you teach that  how you add  Google Talk Gadget in free blog blogger.  Google Talk on the free blog blogger is very significant. Google Talk helps people to easily chat with people not around them. For every time a user who wants to talk or chat with others have to navigate to Google Talk software or open up his Google Email ID, but with this one can easily chat with people while looking up Blog posts.  In this regard no download required you can insert Google talk Gadget to your free blog blogger as a page element in very easy one step to your free blog blogger sidebar and after signing in you will be able to chat with all your friends as you like.  It actually saves time and navigation efforts also.  With this one can even solve his doubts while reading the posts also. Free blog blogger has already been providing many great features and this feature could add lightning to your free blog blogger.


I think Google Talk Chatbox provides you  to communicate with other blog owners. Greeting is one of the most common activities found in the Google talk chatbox. It is where I also found a lot of friends around the world. You can network with friends easily. Really it is great fun and easy to install. Now you will teach that  how to insert  google chat widget easily.


















First go to www.blogger.com then go to Dashboard > Layout > Page Elements > Add a  element > Html/Javascript after that add the below code:






After that change width and height in above codes  to adjust your chat box size according your free blog blogger template and another change can you do according your choice. and aso you want to change widget of above text box change rows, and columns as per your requirement.  Now enjoy with google talk chat box.

I hope this article will be very useful for new blogger owners and others, if you like it or suggest me please leave your comments.

Thursday, 21 April 2011

How to adjust blogger post titles increase page rank easily

Summary: This useful article teaches you that how you change your blogger post titles for increasing of page rank in main Search Engines and also best SEO tips about pages suggestions


By this useful article you teach that how you change post title tags for increasing of page rank in main Search Engines, like Google, Yahoo Bing etc.  I want to inform you that blogger always shows your blog name to the page title of all your blogger posts it leads to decrease your  blogger traffic and not indexed in Google search engines and creates problems.  Lot of  blogger owners and users are not aware that title tags are plays  basic role in blogger SEO. You have to create search engine friendly post titles to improve your page rank in all search engines specially in Google. But the blogger templates are not Search engine optimized properly, so you could not boost your page rank in all search engines. If  you need SEO friendly templates please read my useful article SEO friendly free blog blogger templates. First you check that your existing  logger titles displays the blog name first then followed by your post title it is really backwards you should be setup it properly for better SEO. Now I guide you step by step how you change your blogger post title SEO friendly for increasing of page rank.

1. First go to www.blogger.com and open dashboard, then go to Layout and  “Edit HTML” and press Ctr +F Command and search the following code.

<data:blog.pageTitle/>

2.  You should be understand that replace the above code with the following code with carefully


<data:blog.title/>

<data:blog.pageName/> | <data:blog.title/>


4.  Now save your template and go back to your free blog blogger and click into any individual post and look at the page title. Now, your free  blog  blogger is search engine optimized and have patience  in few days, you will discover your page rank improved provided you keep your blog busy every time.

5. Once again I discuss that when you will change of this tag you will see that  on post pages, the default your blog name with page title format for your post titles in the browser window will be replaced by your post title instead.  If you are in the main page, your page title is your blog name. If you visit one of your posts, the page title would be the post title. All Changes will take affect within 24 or 48 hours approximately  after yours change in code.

    I hope the above change in your post  will increase the chances of your posts being picked up in search engine results for keywords which appear in your post titles. If you like these tips or you want to suggest me please leave your comments. 

Monday, 21 February 2011

How to adjust blogger posts permalinks


By this useful article you teach that how you adjust blogger post permalinks for better title tags. One thing keep in mind that permalinks makes automatically and also supported title tags of your post page. You should be aware Blogger permalinks crafted the permanent links of Free Blog Blogger posts which are indexed by Search Engines such as Google, Yahoo, Bing and  MSN etc. In this way set permalinks of categories posts have been used by Search Engines. Browsers utilize permalinks to assist navigate to your posts. When you float over a permalink in your browser you can read the post name in the status bar see the example below: 

http://teachblogspot.blogspot.com/2011/04/how-to-add-breadcrumbs-in-free-blog.html


Keep in mind now I will discuss following points of this article regarding working with permalinks in Blogger blog.

1.    When making of titles for your posts the permalinks generated but the title can not changed later. Whereas your article is in draft form you can continue to modify the title as many times as you like. However, once the permalink is allocated at the point that the post is published it remains the similar no matter how many times you change the title of your post. In this regard like other blogging software’s such as Wordpress allows  to the users to edit permalinks of the post. I have already said that lengthy title of the post generating lot of problems. Another problem with blogger is that it takes only the first 38 to 40 characters of post title of blogger blog  to make the permalink.

2.    My idea is that first make plan and use technique for making of post titles of your blogger blog and to avoid losing the end characters from your permalink. For example a long title such as one below would result in a reduced permalink which would lose the significant fact that this post is related to work with Blogger Blog.


http://teachblogspot.blogspot.com/2011/04/how-to-add-breadcrumbs-in-free-blog blogger posts.html
  
3.    You will require publish and then republish as I did with this post. The method engages making a shorter title that will sufficiently review the content of your post (eg how to add breadcurmbs in free blog blogger posts) and after that publishing your post. Currently go back and modify the title to the one as you wish. In this case I changed the title to " how to add breadcurmbs in free blog." Now your title can be as long as you like and you can not make him short once permalink has made.  See the above this is longer than 40 characters. The permalink though has remained the same while the title has changed.

4.    Finally I suggest that you can use this trick to make excellent and unforgettable   titles. It will also make sure that the permalink reflects a short title and that unnecessary particular in the permalink are removed. To create very short permalinks are important for Search Engine Optimization and drive traffic.

This useful article about adjust blogger posts permalinks for better SEO tips will be very useful for new blogger owners, if you like it please leave your comments. 

Sunday, 20 February 2011

How to modify Blogger Post Title Tags

By this most useful article you teach that how to adjust blogger post  title tags for better SEO tips. If post title tags are  not  Search Engine optimized properly you can not drive traffic and also your Blog disadvantage compared with other Blogs.   How you will optimize your Blogger title tags ordered by post name first this is the real way according the rules of Blogger seo.  I have checked that lot of beginners and new blogger owners did not take any attention on the right procedures and mistakenly they ordered their blogger title tags followed by blog name first.  I think this is not perfect for famous Search Engines like Google, Yahoo, MSN, Bing and others. If you have succeeded in the setup of title tags according natural SEO modules which are explained in this article your position will be more highly in Search Engine results. This is not suitable if the order of your blogger title tags comes first in the result of page ranking because most Search Engines gives importance first word of a title.

Now how you solve  this complicated problem this is very easy tweak to your template. Now turn around the position of blogger name and post page title. If you implement on this strategy you will be success to get higher rank in Search Engines. Now login to your blogger blog  at www.blogger.com and navigate to Design > Edit HTML. To avoid from mistakes take backup of your template by downloading it any place of your computer. Make sure that you have uploaded your template before these changes. Search following code line in your Blogger template press (Ctr +F) command for this purpose.

<data:blog.pageTitle/>

First select the following code press (Ctr+C) command for copy and (Ctr=V) for paste on the replacement of above codeline with carefully. Make sure that you have inserted code on right place of your template.

First select the following code press (Ctr+C) command for copy and (Ctr=V) for paste on the replacement of above codeline with carefully. Make sure that you have inserted code on right place of your template. 


<data:blog.pageName/> <br /> <data:blog.title/>

<data:blog.pageTitle/>

Now click on Save Template when you will see that the above code changes in the format is shown below:


<data:blog.pageName/> <br /> <data:blog.title/>

<data:blog.pageTitle/>

If you are getting trouble in above code lot of templates did not accept especially old templates. You can solve this problem easily the word item in the above code covered it in double quote marks “item” followed by the single quote mark for more guidance look at the following code.

<data:blog.pageName/><br /> <data:blog.title/>

<data:blog.pageTitle/>

Now look at the above code with carefully in my experience I have verified that if you are using new template or old template it is very useful for both. Now save your template and returned back to HTML of your template that the above code looks like the format is given below:  


<data:blog.pageName/> </span><span style="font-family: "Arial", "Helvetica", sans-serif;"><br /> </span><span style="font-family: "Arial", "Helvetica", sans-serif;"> <data:blog.title/>

<data:blog.pageTitle/>

After that finally you have done now and go to “View Blog”, navigate to an individual post page title is first tracked by your blogger title. I think now you are relaxed and reversed the position of the Blogger name and post page title according Search Engine friendly. I hope you have implemented this page title tweak further I advice that continue to carry excellence content you are on your way to get higher search engine rankings in major Search Engines. 

The above trick how to to change post pages title tags for better seo tips will be useful for new blogger owners and other visitors, if you like it please leave your comments.