How to replace original Blogger comment form with Disqus

You can see here an image of the Disqus comment form to replace the original comment form provided by Blogger. Reason behind this is that because Disqus comment form looks more modern and professional compared to the original comment form. There are also some features that are not found in the original comment form, including real time commenting system, notification and reply system to your comments, inline media embedding, and mobile commenting. You will also be to managed all your comments from all your registered blogs through your Disqus Dashboard. And hopely with installed Disqus form, your blog readers will be more encouraged to post comments and get involve in the discussion.

You, too, can try this with your blogs. Installation is very easy and straightforward. You just need to go to Disqus website and register yourself. Follow the instructions provided by Disqus. 

Read More

How to promote your articles with Google+

Google+ or Google Plus or simply Google+ is a new social network owned and served by Google. Like other social networks, Google+ is an excellent place to post and promote your articles, including the one you publish in Infobarrel. This article will show you you can use Google+ to promote your articles.

Google+ could be the next social network that will dominate online world in the future because of its uniqueness. Unlike with the current popular platform, Facebook, with Google+ you can choose whom people who are going to see your posts. People have been waiting this feature  for long time, and it is one main reason why peopla are reluctant to join Facebook lacking this facility.

As a social network, Google+ is an excellent place to promote your articles. There are at least two ways on how to promote your articles with Google+

1. Create stream post with link to your articles

This first way to promote your article is through link in your stream. So under your Google+ home, you will see the stream box with a choice to place a link. The link button is on the right of the stream box, and once you click it'll give a link box where you can paste your link URL. Don't forget to click the green Share button when you have finished.

2. Promote with Google +1

Any article that you share with Google +1 button will appear on your Google profile which is visible also through Google+. So, try this also and your articles will be available to read by your friends, family, or whoever you have added to your Google+1 circles.

Read More

How to block someone who invited you to join their Google+ circle

A circle in Google+ (G+ or Google Plus) is a group of people with certain criteria. For example you can create a circle called Family in which you can invite your family members (or whoever you think your family). You can of course create other circles and determine who will be there in that circle.

Other people somewhere you don't know may also create a circle. What happen if you receive a notification in your Google+ saying that you got an invitation to connect to one of their circles. Do you know who is inviting you or not? You don't want that invitation?

Here is how to block a circle invitation:

1. Go to the Google+ profile of the person inviting you.
2. On the side of the profile click Block [person's name].
3. Confirm that you want to block that person.

Read More

How to add a floating social bookmark to your Blogger blog

A floating social bookmark button is a very cool tools that you can try to install on your Blogger Blogspot blogs. One clear benefit of this floating social bookmark button over the static one is that your readers will continuously see the buttons so that they can hit anytime. The button will follow whenever your readers do scrolling on your blog. They do not have to search the button on your blog pages to find them as the case for static social bookmark button.

If you want to use this floating social button to your Blogger blog, here is how to:

1. Log in to your blogger dashboard
2. Select Design and then Page Element of the blog to which you want a floating social bookmark button
3. Click Add a Gadget and select HTML/JavaScript in the appearing window
4. Copy all code provided below and paste it into content box of your widget. Leave the title box blank
5. Click Save
6. Move the widget to under you post block
7. Save and done.

The floating social bookmark button code (make sure you copy all the codes):

<!-- floating page sharer Start bloggersentral.com-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-70px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.bloggersentral.com/2010/07/install-floating-social-media-buttons.html">Get this</a></div>
</div>
<!-- floating page sharer End -->

Read More

How to add a related post widget to your post in Blogger

One way to make your readers feel convenient with your blog is to install related post widget. Related post will shows underneath your current full post with other posts that have the same label or category. So if you have many posts with the same category, chances are high for your readers to read some of those related posts. Remember that there is no other way to find related posts, unless readers click each category having some posts in it, which is may not be so convenient way for them. It is better to show them directly all other related posts under the current post they are reading. This is the job of related post widget.

See the image on the left to have a feel how this related post widget in action. This image is taken from a post of a blog implementing this related widget.

Follow this simple step to install the related post to your Blogger Blogspot blogs:

1. Log in to your dashboard
2. Select Design and HTML
3. Back up your template by clicking Download Full Template (in case something funny happens or you change your mind)
4. Select the box next to Expand Widget Template
5. Search for </head> code
6. Place the following code just underneath the </head> code

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5wbqoSimPrUiedzNzg3tqp9y2xcluS6bBr6szKW48z6NMlaPK07V1_ToOWhgVMuMmHr6uS5hlDYOgfB2Y514x96xj67m92PreHUvROTKn9YqOODxIru6xozJb83cl2dXYvY0DMm4u9Q/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

7. Search for any of these code present in your template:  <data:post.body/> or <div class='post-body> or <data:post.body/>
8. Add the following code beneath whichever the code in #7 you find

 <b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

9. Save you template. Preview the related post in action by selecting one post in a category or label having other posts.

Read More

How to quickly type chemical formula in Microsoft 2007 or 2010

If you are working in science fields, especially as a chemist or biologist, then you are likely to have documents that are created with many chemical formula in it. How do you type a chemical formula such as H2SO4 which the chemical formula of sulphuric acid? Beginner Word users will type that normally and do formatting for number 2 and 4 using subscript button so that the formula is typed correctly. But, this is not quite practical when you have to type them such chemical formulas many times. You may copy and paste the one you have typed, but that is not recommended, either.

There is a practical and quick way to do this task. With this, you do not have to manually format each chemical formula you type because it will be done automatically and correctly. Here, people use autocorrect function. Follow below steps how to do it:

1. Type the first chemical formula (such as H2SO4) and format it manually as should be.
2. Highlight that formatted chemical formula and click Office button (on the most upper left corner on your Word window) to select Word Option in Word 2007 (in Word 2010, this is under File)

3. Click Proofing and the Autocorrect button to display its window
4. In that window, type H2SO4 in the box under Replace and tick Formatted text.

5. Click Add.
6. Click Ok

Now the formatted H2SO4 is saved in autocorrect function. Now type another H2SO4 and press spacebar

Read More