How to Blog | How to Add Related Posts Widget to Your Blog.

Related Posts Widget

By this post on how to blog you can learn how to add related posts widget on your blog
1. Sign in to your 'Dashboard'.
2. Go to 'Design'.
3. Go to 'Edit HTML'
4. Check the 'Expand Widget Templates'.
5. Search for the </head> tag.
6. Add the code just before the tag.

<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/AVvXsEiP3PBhTPjO3riRGLIkAiJAWbv3bYR-bpCBpLEGK0pfNGv1oguZTQ2KeI-N0X8spKAX-5l98PD362incFfywaAMirrYF99Hw9ky665x4R4xVoY8oN-iLuxFdCD58cQ9WbfDHSoypNonueA/") 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. Now search for <data:post.body/>. In some of the templates this code may this
<div class='post-body>
or
<data:post.body/>

8. Add the following code just under the code you just searched for. 

<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. Now Save your Template and you're done.

How to Blog | How to Add Weather Widget on Blogger.

Weather Widget

On this post of 'How to Blog' We give you the information how to add weather widget on blogger.
If you are a Bangladeshi see the post 'How to Blog |  How to Add Weather Widget on Blogger (Only for BD Website)'.
1. Go to 'http://www.weather.com/services/oap/weather-widgets.html?from=wxtools_WeatherWidget'.
2. Choose your Location from the 'Choose a Location' box.
3. Choose Standard or Metric on the 2nd step.
4. Choose an Orientation from the 3rd step.
5. Choose a theme from the next step.
6. Then click on 'Get the Code' button.
7. Copy the code given.
8. Sign in to your 'Dashboard'.
9. Click on 'Design'.
10. Click on 'Add a Gadget' on your desire sidebar where you want to keep this widget.
11. Click on 'HTML/Javascript'.
12. Paste the coped code from the weather.com.

How to Blog | How to Add Weather Widget on Blogger (Only for BD Website).

Weather Widget

1. Sign in to your website 'Dashboard'.
2. Click on 'Design'.
3. Click on 'Add a Gadget' on the sidebar.
4. Click on 'HTML/JavaScript' from the new window.
5. Copy and paste the below code.
<script type="text/javascript" src="http://voap.weather.com/weather/oap/BGXX0014?template=DRIVH&par=3000000007&unit=1&key=twciweatherwidget"></script>
6. Click on 'Save'.

How to Blog : How to Add Floating Share Button on Blogger

1. Sign in to your blogger 'Dashboard'.
2. Go to 'Design'.
3. Go to 'Edit HTML'.
4. Check 'Expand Widget Templates'.
5. Search for ']]></b:skin>'.
6. Add the below code just above it.










position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth – offsetWidth);}
#float_corner {padding: 5px;
border-bottom: 1px solid #e8e8e8;
7. Save your template.
8. Search for '</body>' code.
9. Add the below code just above it.
<div id=’float_corner’>
<ul>
<script type=’text/javascript’>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script><a class=’DiggThisButton DiggMedium’/><br/>
<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/><br/>
<a class=’google-buzz-button’ data-button-style=’normal-count’ data-locale=’en_IN’ 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’/><br/>
<script badgetype=’square’ src=’http://d.yimg.com/ds/badge2.js’ type=’text/javascript’>
ARTICLEURL
</script><br/>
<a href=’http://www.facebook.com/sharer.php’ name=’fb_share’ type=’box_count’>Share</a><script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’/><br/>
<a href=’http://templates-widgets.blogspot.com/2011/03/floating-share-button-for-blogger.html>Get This</a><br/>
</ul>
</div>
10. Save your template.
11. Your floating share button is added.

How to Blog : How to Add Twitter Bird on Your Blog

Twitter Bird for Blogger

1. Sign in to your website 'Dashboard'.
2. Click on 'Design'.
3. Click on 'Edit HTML'
4. Find the </body> tag. (For finding this you can press Ctrl+F and then write </body> on find box.
5. Copy and paste the below code before </body> tag.

<script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js" type="text/javascript">
</script>
<script type="text/javascript">
var twitterAccount = &quot;amannan&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>

6. Change 'amannan' with your twitter username.

How to Blog : How to Give a New Post on your Website.

1.   Sign in to your 'Dashboard'.

Click on New Post

2.   Click on the 'New Post' button.
3.   On 'New Post' page give your post title ion the title text box.
4.   Then write down the body text of your post.

Give Post

5.   Give a Category of your post on the 'Labels' box so that visitor can find out his desire posts easily.
6.   Click on the yellow color 'PUBLISH POST' button.

And your new post is published

How to Blog: How to Open a New Website on Blogger: 3rd step

Choose Template

1.      The 3^rd step is to choose a template for your new website.

2.      Choose a template as your wish.

3.      You can choose a normal template at this time because you can change this in future very simply.

            4.   Click on ‘CONTINUE’.

How to Blog: How to Open a New Website on Blogger: 2nd step

1.      The name of this step is ‘NAME BLOG’.

2.      On this step you have to give a title and a URL for your website.

3.      Then verify another humanity test. 

4.   Click on ‘CONTINUE’.

NAME BLOG

How to Blog : How to Open a New Website on Blogger : 1st step

            1.      First of all go to www.blogger.com .

2.      Click on ‘Get started’ button.

3.      On the appearing page you should complete your sign up process in three steps.

4.      The first step is ‘CREATE ACCOUNT’.

CREATE ACCOUNT

5.      On this step you should give your email address which you want to use as your website sign up email. This is also the default email of your site.

Give Email

6.      Then you should give a password for your site that will be used to sign in to your site to edit or giving post on your site.

7.      After that you have to give a display name for your site.

Give Password and Display name

8.      Then give your gender and birth date.

9.      At least check the box that is called I accept the Terms of Service.

10.  Give the word verification test that you are a human and click on the ‘CONTINUE’ button

Give Birth date, Gender and Others

.

How to Blog : What You Can Do With Blogger Blog

You can do everything that man do with a website. You can use this as a dairy of you. You can use it for selling a product. You can help people by give any service. You also can make it as a social networking site with your family or friends. Actually it is a domain of your own by which you can do everything such a local domain. Beside this you can earn an extra money by serving Google ad on your site which is called 'Google ad sense'. There are also some other ad company to serve ad on your site and earn money.

How to Blog : What is Blogger.

Blogger is a free system by Google which give you free hosting and domain name for making a individual website. You can totally edit this site for your own use and also can use thousand of free template from internet. And you can edit this template also. Shortly you can do everything by this. You also serve advertise from ad Clint on this site.