Master Blogging Tips: Blogger

Facebook comments Box Instead of Blogger Comments Form

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL5wpkzOGo7Z9CPp_La1vNh8voKwhCXG0tj7kF3_EqYOWGWAnLYT1RomPKVi6ajiKafFjCNFynmm7IKJGszJc3gYl075b8iIJ7y5AS02yJARxy1FGBPIpPYCmE9bw8yaJXj1mNP6-YPNQ/s1600/facebook-commnets-box%5B4%5D.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL5wpkzOGo7Z9CPp_La1vNh8voKwhCXG0tj7kF3_EqYOWGWAnLYT1RomPKVi6ajiKafFjCNFynmm7IKJGszJc3gYl075b8iIJ7y5AS02yJARxy1FGBPIpPYCmE9bw8yaJXj1mNP6-YPNQ/s1600/facebook-commnets-box%5B4%5D.gif" /></a></div>
<h3 style="text-align: left;">
<span style="font-weight: normal;"><span style="font-size: small;"><span style="background-color: white; color: #333333; font-family: Verdana, arial; line-height: 20.796875px; text-align: justify;">The previous post on </span><a href="http://www.mybloggertricks.com/2011/06/add-facebook-comments-box-to-blogger.html" style="background-color: white; color: #289728; font-family: Verdana, arial; line-height: 20.796875px; outline: none; text-align: justify; text-decoration: none;" target="_blank">Facebook comments box</a><span style="background-color: white; color: #333333; font-family: Verdana, arial; line-height: 20.796875px; text-align: justify;"> did not replace your blogger comment form but if you wish to completely remove the blogger form and use this new plugin then steps are even more simple. However I may assure you one important thing here. I am soon going to publish a script that will automatically count and display Facebook and blogger comments beautifully and will show only one form at a time. For the time being apply this new trick.</span></span></span></h3>
<div>
<span style="font-weight: normal;"><span style="font-size: small;"><span style="background-color: white; color: #333333; font-family: Verdana, arial; line-height: 20.796875px; text-align: justify;"><br /></span></span></span></div>
<div>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: Verdana, arial; line-height: 20.796875px; padding: 3px;">
Replace Blogger Comments Form With FB Comments Box</h3>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
All the steps are exactly the same as mentioned in the earlier tutorial except step#7</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
1.  Instead of searching for this code,</div>
</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<br /></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><b:includable id='comment-form' var='post'></span></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><br /></span></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
Search for this code,</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<br /></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><data:post.body/></span></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><br /></span></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
2.  Just after it, paste the same code we used earlier as shown below,</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span><br style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;" /><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> </span><br style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;" /><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><div> <fb:comments  colorscheme='</span><b style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;">light</b><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;">' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' </span><b style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;">width='520'</b><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;">/></div> </span><br style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;" /><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; </span><b style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;">width:510px</b><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;">;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div> </span><br style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;" /><span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"></b:if></span></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: #f2f1f1; font-size: 12px; line-height: 15.203125px;"><br /></span></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<ul style="list-style: none; text-align: left;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7koQBb5n9vjfmnqdFMSuQz6TZDTgvnRIE6msCQh4fdyv-2BnIYKmQloHyO746fzE_mHD1TEDVBjdiUSTEdJZb4yAxoVuesU9XaBAs-kDuXB0RYgUcTMWBxzi-N8pmaog5_5-ermQ2ujE/s400/255.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
If you want to use the dark scheme then simply replace <b>light </b>with <b>dark</b></div>
</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7koQBb5n9vjfmnqdFMSuQz6TZDTgvnRIE6msCQh4fdyv-2BnIYKmQloHyO746fzE_mHD1TEDVBjdiUSTEdJZb4yAxoVuesU9XaBAs-kDuXB0RYgUcTMWBxzi-N8pmaog5_5-ermQ2ujE/s400/255.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
To change the Comments box size, change this value <b>width='520'</b></div>
</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7koQBb5n9vjfmnqdFMSuQz6TZDTgvnRIE6msCQh4fdyv-2BnIYKmQloHyO746fzE_mHD1TEDVBjdiUSTEdJZb4yAxoVuesU9XaBAs-kDuXB0RYgUcTMWBxzi-N8pmaog5_5-ermQ2ujE/s400/255.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
To change the footer credits size, change this value <b>width:510px</b></div>
</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7koQBb5n9vjfmnqdFMSuQz6TZDTgvnRIE6msCQh4fdyv-2BnIYKmQloHyO746fzE_mHD1TEDVBjdiUSTEdJZb4yAxoVuesU9XaBAs-kDuXB0RYgUcTMWBxzi-N8pmaog5_5-ermQ2ujE/s400/255.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to <b>width='600'</b> then set footer-size to <b>width:590px</b></div>
</li>
</ul>
<div align="justify">
     3.  Save your template</div>
<div align="justify">
<br /></div>
<h3 align="justify" style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
Hide or Pop-up Blogger Comment Form</h3>
<div align="justify">
Here you have two options. Either you can,</div>
<ol style="text-align: left;">
<li><div align="justify">
Hide the comments box but not the comments. The box will appear only when visitors will click the <u>Post comment</u> link. or</div>
</li>
<li><div align="justify">
Hide both Blogger comments and comments box</div>
</li>
</ol>
<div align="justify">
<br /></div>
<div align="justify">
<b><u>For the first option:</u></b></div>
<div align="justify">
A pop-up link will display both Facebook and blogger comments but will hide the Blogger comment form as shown below</div>
<div align="justify">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3d8E3DZAcGqkg_xNtECtJipDV082lWpDe6imOGpfZphHgsYa2IyZ_-fQy4ps4aON0IuQWKypGIec5v9sEfBfw57mAcOHE21FAhhM0Z6Pq-LataVOX5FBRoyEhNRHkyP2C-OJhz_dVe4/s1600/FACEBOOK-COMMENTS-FORM%5B3%5D.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3d8E3DZAcGqkg_xNtECtJipDV082lWpDe6imOGpfZphHgsYa2IyZ_-fQy4ps4aON0IuQWKypGIec5v9sEfBfw57mAcOHE21FAhhM0Z6Pq-LataVOX5FBRoyEhNRHkyP2C-OJhz_dVe4/s1600/FACEBOOK-COMMENTS-FORM%5B3%5D.gif" /></a></div>
<div align="justify">
<br /></div>
<div align="justify">
<div align="justify">
To do this go to <b>Blogger > Settings > Comments</b>   and in the <b>comment form placement option</b> choose the pop-up option as shown below,</div>
<div align="justify">
</div>
<div align="justify">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74GT4Do7JC_3FqAyA6CAu1rAuItTapMyRTizee-4Q9nHOojgnle0-nEU-nts0XQOWbbbH4aEz3X7VDQn2j1HFVsS9-_UAQDOxoCBHb0V5EH0K3H2j7k78r7rkaJgINW6WwORBu1tVSVI/s1600/image%5B27%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74GT4Do7JC_3FqAyA6CAu1rAuItTapMyRTizee-4Q9nHOojgnle0-nEU-nts0XQOWbbbH4aEz3X7VDQn2j1HFVsS9-_UAQDOxoCBHb0V5EH0K3H2j7k78r7rkaJgINW6WwORBu1tVSVI/s1600/image%5B27%5D.png" /></a></div>
<div align="justify">
<br /></div>
<div align="justify">
Save and you are done!</div>
<div align="justify">
<b><u>For The Second Option:</u></b></div>
<div align="justify">
If you wish to hide both blogger comments and the comment box? In that case, set<b>comments</b> to <b>hide</b></div>
<div align="justify">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAxG95DLjpShCr6dqiBosSq_-MqRNaMw4mS69ZZ3wcK_2v_B_uUUCCjKRMoLzYKR5JT0QrNWGA587kKWbY9ln5-fg_i65QnToHwUnz68zAiTY5FGBNseIY3MY-7W1W-NqXY0yxV_8prxc/s1600/image%5B49%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAxG95DLjpShCr6dqiBosSq_-MqRNaMw4mS69ZZ3wcK_2v_B_uUUCCjKRMoLzYKR5JT0QrNWGA587kKWbY9ln5-fg_i65QnToHwUnz68zAiTY5FGBNseIY3MY-7W1W-NqXY0yxV_8prxc/s1600/image%5B49%5D.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div align="justify">
As mentioned by Blogger Hiding the comments will not delete them but temporarily hide them from visitors.</div>
<div align="justify">
Hit save and you are done again!</div>
<h3 align="justify" style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
What to Do Hide or Popup the form?</h3>
<div align="justify">
The best SEO and productive advise that I can give is that you may hide the Blogger comment box only but you must display blogger comments and give users the chance to comment with any platform they may like. In short <b><span style="color: green;">the popup option is the best</span></b>. Blogger comments are crawled by search engines and they are an important part of your content so its better that you don't hide them.</div>
<div align="justify">
With coming days I will come up with more tweaks related to this brilliant traffic gifting Facebook plugin and will try to make it more blending with some customization tips.</div>
<div align="justify">
You must know:</div>
<ul style="list-style: none; text-align: left;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7koQBb5n9vjfmnqdFMSuQz6TZDTgvnRIE6msCQh4fdyv-2BnIYKmQloHyO746fzE_mHD1TEDVBjdiUSTEdJZb4yAxoVuesU9XaBAs-kDuXB0RYgUcTMWBxzi-N8pmaog5_5-ermQ2ujE/s400/255.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
7 <a href="http://www.mybloggertricks.com/2011/06/10-advantages-of-using-facebook.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">advantages of facebook</a> comments Form</div>
</li>
</ul>
<div align="justify">
<b><br /></b></div>
</div>
</div>
</div>

Facebook comments Box Instead of Blogger Comments Form

The previous post on Facebook comments box did not replace your blogger comment form but if you wish to completely remove the blogger ...

How to Add Multi-Tabbed Widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
 <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9sMfRZKULgin2fPsxeok2UFx3SujhD6k2mNqpYTiCaeaH10DZaNmnfQADccgU2F_VZQsP6GiGgWxkm1ZTcdoQPqDKwYsJTXOgsKO2WfY3-tbIR43TVfj2v-kXRbDRWr4O9xrCE11J0VU/s1600/sfas.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9sMfRZKULgin2fPsxeok2UFx3SujhD6k2mNqpYTiCaeaH10DZaNmnfQADccgU2F_VZQsP6GiGgWxkm1ZTcdoQPqDKwYsJTXOgsKO2WfY3-tbIR43TVfj2v-kXRbDRWr4O9xrCE11J0VU/s1600/sfas.png" width="228" /></a></div>
<h3 style="text-align: left;">
<i style="font-weight: normal;">In this Tutorial you are going to learn how to add
Multi-Tabbed Widget For Blogger. This is another important blogger widget for  blogger that it both space saving and efficently user friendly.If you installed
multiple tabs widget thenn you don't need to add these three widget 'popular post' 'archieve', and 'recent comments' differently.Now follow the steps below to add this widget.</i></h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<br /></h3>
<h3 style="text-align: center;">
<span style="background-color: #38761d;">
Add Multi-Tabbed Widget For Blogger</span></h3>
<div class="MsoNormal">
<br /></div>
<h3>
<span style="background-color: #38761d;">
Step 1</span> <i style="font-weight: normal;">Go to Blogger Dashboard.</i></h3>
<h3>
<br /></h3>
<h3>
<br /></h3>
<h3>
<span style="background-color: #38761d;">
Step 2</span> <i style="font-weight: normal;">Go to Layout and Click on Add A Gadget as shown in below
picture.</i></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQuvX4s85P3GsEnp7-ag6vsZVW4MG_EwOivERzxyD2azwCOH8YNRfa9BenIL-UI4ezNVqfd7g1aPvZHtVHFRdOCVL83rAwguCHz0rpRQ01Y_hE_X2eATivyQNIrz-KgOVDHD_X08oEgi0/s1600/add-a-gadget-screen-.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQuvX4s85P3GsEnp7-ag6vsZVW4MG_EwOivERzxyD2azwCOH8YNRfa9BenIL-UI4ezNVqfd7g1aPvZHtVHFRdOCVL83rAwguCHz0rpRQ01Y_hE_X2eATivyQNIrz-KgOVDHD_X08oEgi0/s1600/add-a-gadget-screen-.PNG" width="400" /></a></div>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<br /></h3>
<h3>
<span style="background-color: #38761d;">
Step 3</span> <i style="font-weight: normal;">Add HTML/JavaScripts as shown in below picture.</i></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6eZnj_ydZ8_Ce0NfmTJ_ED5-k7yeFbIHmfnW_D7MQUD6yd09P73XWbRUgMGF0G4jxm0L7i9QmIOTy6NXvl0luZLhwB3fTRjzCYsvcO3uuqe5uMXGAdr4JhID9lAwOBZ_OmUx-gR31NXU/s1600/Add+Feedback+button+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6eZnj_ydZ8_Ce0NfmTJ_ED5-k7yeFbIHmfnW_D7MQUD6yd09P73XWbRUgMGF0G4jxm0L7i9QmIOTy6NXvl0luZLhwB3fTRjzCYsvcO3uuqe5uMXGAdr4JhID9lAwOBZ_OmUx-gR31NXU/s1600/Add+Feedback+button+2.png" width="400" /></a></div>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<span style="background-color: #38761d;">
Step 4</span> <i style="font-weight: normal;">Copy and Paste below code in box:</i></h3>
<blockquote class="tr_bq">
<script type='text/javascript'><br />
//<![CDATA[<br />
function haakblog_oom(NBTID, id)<br />
{<br />
  var haakblog = document.getElementById(NBTID);<br />
  var NBTs = haakblog.firstChild;<br />
  while (NBTs.className != "NBTs" ) NBTs = NBTs.nextSibling;<br />
  var NBT = NBTs.firstChild;<br />
  var i   = 0;<br />
  do<br />
  {<br />
    if (NBT.tagName == "A")<br />
    {<br />
      i++;<br />
      NBT.href      = "javascript:haakblog_ubah('"+NBTID+"', "+i+");";<br />
      NBT.className = (i == id) ? "Active" : "";<br />
      NBT.blur();<br />
    }<br />
  }<br />
  while (NBT = NBT.nextSibling);<br />
  var Halamans = haakblog.firstChild;<br />
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;<br />
  var Halaman = Halamans.firstChild;<br />
  var i    = 0;<br />
  do<br />
  {<br />
    if (Halaman.className == 'Halaman')<br />
    {<br />
      i++;<br />
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";<br />
      Halaman.style.overflow = "auto";<br />
      Halaman.style.display  = (i == id) ? 'block' : 'none';<br />
    }<br />
  }<br />
  while (Halaman = Halaman.nextSibling);<br />
}<br />
function haakblog_ubah(NBTID, id) { haakblog_oom(NBTID, id);<br />
}<br />
function haakblog_inisial(NBTID) { haakblog_oom(NBTID,  1);<br />
document.write('');}<br />
//]]><br />
</script><br />
<style><br />
div.haakblog div.NBTs {<br />
height: 24px;<br />
overflow: hidden;<br />
}<br />
div.haakblog div.NBTs a:hover, div.haakblog div.NBTs a.Active {<br />
background-color: #eee;<br />
}<br />
div.haakblog div.Halamans {<br />
clear: both;<br />
border: 2px solid #f4f4f4;<br />
overflow: hidden;<br />
background-color: #<span style="color: red;">ffffff</span>;<br />
}<br />
div.haakblog div.Halamans div.Halaman {<br />
height: 100%; padding: 0px;<br />
overflow: hidden;<br />
}<br />
div.haakblog div.Halamans div.Halaman div.Alas {<br />
padding: 3px 5px;<br />
}<br />
div.haakblog div.NBTs a {<br />
border-left:1px solid #eee;<br />
border-right:1px solid #eee;<br />
border-top:1px solid #eee;<br />
border-boNBTom:0px solid #eee;<br />
float: left;<br />
display: block;<br />
width: 95px;<br />
text-align: center;<br />
vertical-align: middle;<br />
height: 24px;<br />
padding-top: 3px;<br />
text-decoration: none;<br />
font-family: "Arial", Serif;<br />
font-size: 11px;<br />
font-weight: 900;<br />
color: #000000<br />
}<br />
</style><br />
<form action="haakblog.html" method="get"><br />
<div id="haakblog" class="haakblog"><br />
<div style="width: 300px;" class="NBTs"> <a><span style="color: red;">Tab 1 Title</span></a> <a><span style="color: red;">Tab 2  Title</span></a> <a><span style="color: red;">Tab 3  Title</span></a></div><br />
<div style="<span style="color: red;">width: 300px</span>; <span style="color: red;">height: 300px</span>;" class="Halamans"><br />
<div class="Halaman"><br />
<div class="Alas"><br />
<br/><br />
<span style="color: red;">Tab 1 content goes here</span><br />
</div><br />
</div><br />
<div class="Halaman"><br />
<div class="Alas"><br />
<br/><br />
<span style="color: red;">Tab 2 content goes here</span><br />
</div><br />
</div><br />
<div class="Halaman"><br />
<div class="Alas"><br />
<br/><br />
<span style="color: red;">Tab 3 content goes here</span><br />
</div><br />
</div><br />
</div><br />
<small><a style='margin-left:10px;align:right;' 
href='<a href="http://masterbloggingtips.blogspot.com/2013/10/how-to-add-video-to-blogger-sidebar.html"><span style="color: black;">http://masterbloggingtips.blogspot.com/2013/10/how-to-add-video-to-blogger-sidebar.htm</span>l</a>'
 target='_blank'>Multi Tabbed Widget</a> | <a 
href='<a href="http://masterbloggingtips.blogspot.com/2013/10/how-to-add-video-to-blogger-sidebar.html"><span style="color: black;">http://masterbloggingtips.blogspot.com</span></a>' 
target='_blank'>Blogger</a></small><br />
</div><br />
</div></form><br />
<script type="text/javascript">haakblog_inisial('haakblog');</script></blockquote>
<b>Tips</b>:<br />
 1. Change your background colours with change <span style="color: red;">#FFFFFF</span> with your background colours.<br />
2. Change Tab 1 title, Tab 2 title, Tab 3 Title as your tabs that you shown.<br />
3. Change <span style="color: red;">Width</span> and <span style="color: red;">Hight</span> as your requirement<br />
4. <span style="color: red;">Tab 1 content goes here</span>, <span style="color: red;">Tab 2 content goes here</span>,<span style="color: red;"> </span><span style="color: red;">Tab 3 content goes here </span>with your widget code as you want to show in multiple tabbed.<br />
<br />
<h3>
<span style="background-color: #38761d;">
Step 5</span> <i style="font-weight: normal;">Click on Save.</i></h3>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">Now you'r done.If you have any problem or question feel free to write it on the comment box or email me at larrimoreashley@gmail.com.</span></div>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;"><br /></span></div>
<div style="text-align: right;">
<span style="background-color: #38761d; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">By Ashley Larrimore</span></div>
</div>

How to Add Multi-Tabbed Widget For Blogger

In this Tutorial you are going to learn how to add Multi-Tabbed Widget For Blogger. This is another important blogger widget for blo...

How to Add Facebook Share Button To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhyphenhyphenkeQ5XwlOzLHZ40550VNgsp0U-SJclA5kkFKgb5p21TDgquifYVnfW4H3keKlUFJaGI0w34EdPymp5x71b4FrwqSFRtin5AIe2pqcTYQXtvIyPR-e9rWm2hHkfXVSo-8FICTjybVWI/s1600/facebook_share.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhyphenhyphenkeQ5XwlOzLHZ40550VNgsp0U-SJclA5kkFKgb5p21TDgquifYVnfW4H3keKlUFJaGI0w34EdPymp5x71b4FrwqSFRtin5AIe2pqcTYQXtvIyPR-e9rWm2hHkfXVSo-8FICTjybVWI/s1600/facebook_share.jpg" width="200" /></a></div>
<div class="MsoNormal">
This is a step by step tutorial to explaining  how to
add facebook share button to blogger blog automatically under every blog post.
In wordpress it’s very easy to add this because you need installed only
facebook share plugin on your blog but in blogger you have to add it manually. So if you
want to add Facebook share button on blogger then the steps below  to add
this.</div>
<h2>
<br /></h2>
<h2 style="text-align: center;">
<span style="background-color: #38761d;">
Add Facebook Share Button to Blogger</span></h2>
<div class="MsoNormal">
<br /></div>
<h3>
<span style="background-color: #38761d;">
Step 1</span> <span style="font-weight: normal;"><i>Login into Blogger Dashboard and Go to Template then click
on Edit HTML as shown in below picture.</i></span></h3>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaxxdEaKeSVmbNzFnp_2zARoAYGiWBBnOhCzAsMVikp7H-KdlncIAEWuXXdu2dnlJ2AKFKBd0aFFLNsX1yicmsLB4ag6OgCSgVhUpW-6WrO5k5d5DbpITtIcD8ilSMG6Wi2CiMv2zIvKY/s1600/Blogger-edit-html_thumb%255B1%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaxxdEaKeSVmbNzFnp_2zARoAYGiWBBnOhCzAsMVikp7H-KdlncIAEWuXXdu2dnlJ2AKFKBd0aFFLNsX1yicmsLB4ag6OgCSgVhUpW-6WrO5k5d5DbpITtIcD8ilSMG6Wi2CiMv2zIvKY/s1600/Blogger-edit-html_thumb%255B1%255D.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: #38761d;"><h3>
<span style="background-color: #38761d;"><br /></span></h3>
Step 2</span> <i style="font-weight: normal;">Click on Expand Widget Templates as shown in below picture.</i></h3>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhajnooRdSqZ8YnHQ_SkyH01iJpB9r7nC9As2PJ2tdmb5JcMXh-707G3b1jh4iwQzsN5sAuoW_WzadoYcO5cHtAI_d0-n5XisL_8cyW4elAtcPN9X8oW2gEANiGnbh1kEgGohdLw8t-728/s1600/ExpandWidgetTemplates.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhajnooRdSqZ8YnHQ_SkyH01iJpB9r7nC9As2PJ2tdmb5JcMXh-707G3b1jh4iwQzsN5sAuoW_WzadoYcO5cHtAI_d0-n5XisL_8cyW4elAtcPN9X8oW2gEANiGnbh1kEgGohdLw8t-728/s1600/ExpandWidgetTemplates.jpg" /></a></div>
</h3>
<h3>
<br /></h3>
<span style="background-color: #38761d;">Step 3</span> <span style="font-weight: normal;"><i>Search below code with the help of CTRL+F</i></span><blockquote class="tr_bq">
<data:post.body/></blockquote>
<h3>
<br /></h3>
<h3>
<span style="background-color: #38761d;">
Step 4</span> <i style="font-weight: normal;">Copy and paste below code just below the above code:</i></h3>
<blockquote class="tr_bq">
<div style='float: left; padding: 5px; '><br />
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='<span style="color: red;">TYPE OF BUTTON</span>'/><br />
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><br />
</div><br />
</blockquote>
<b>Tips:</b> 1. Replace <span style="color: red;">TYPE OF BUTTON </span>with <b>box_count</b> for show Box Share button as shown in below picture.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbnQO5v8qfwOzgGeNR6Kp-7CRQtJ9_ec-rqXESSv9PqhCJAL0VhOavI9shongBNn00Gs8D4nAdwd7dzaxoYloEnHdTRizP7Fa0Qd19qvJwFdbDwSBteZZZJvLJN9uzD6vHsmlzhe2UKXg/s1600/facebook+share+sample.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbnQO5v8qfwOzgGeNR6Kp-7CRQtJ9_ec-rqXESSv9PqhCJAL0VhOavI9shongBNn00Gs8D4nAdwd7dzaxoYloEnHdTRizP7Fa0Qd19qvJwFdbDwSBteZZZJvLJN9uzD6vHsmlzhe2UKXg/s1600/facebook+share+sample.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
2. Replace<span style="color: red;">TYPE OF BUTTON </span>with <b>button_count</b> for show Box Share button as shown in below picture.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3HkdmGqsRhC9Ft09lK2ZNFvEGN8pUjbSu0GX1lpS6a6UbXjf0K_Z8Tabro8Bt_TmdbrBswxy4XD5FgOeTaBPDWfKJVYmVbOm-EVshfihEpqaaKOZw3IFEx1q7of1W9WOSisARBfSdobM/s1600/Facebook-inline-count.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3HkdmGqsRhC9Ft09lK2ZNFvEGN8pUjbSu0GX1lpS6a6UbXjf0K_Z8Tabro8Bt_TmdbrBswxy4XD5FgOeTaBPDWfKJVYmVbOm-EVshfihEpqaaKOZw3IFEx1q7of1W9WOSisARBfSdobM/s1600/Facebook-inline-count.png" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<span style="background-color: #38761d;">
Step 5</span> <span style="font-weight: normal;">Click on Save Template button.</span></h3>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">Now you'r done.If you have any problem or question feel free to write it on the comment box or email me at larrimoreashley@gmail.com.</span></div>
<div style="text-align: right;">
<span style="background-color: #38761d; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">By AShley Larrimpore</span></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
</div>

How to Add Facebook Share Button To Blogger

This is a step by step tutorial to explaining how to add facebook share button to blogger blog automatically under every blog post. In ...

How to Add Post Thumbnails for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBg9EiPUOfE_K0n3_Z-NVAEjsjLP4V3xgOafdAEZagv3dZbcUeVEGgbTAt9rA1o4RWLuP9owXL9OTUjBLcerbWMZFDZHCLaGvm-Ob-apQkZXG203BO_ezkHglJhZuXCylhPORUtvzf3qY/s1600/HaakBlog+++Blogger+Tips++Tutorial+and+Tricks.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBg9EiPUOfE_K0n3_Z-NVAEjsjLP4V3xgOafdAEZagv3dZbcUeVEGgbTAt9rA1o4RWLuP9owXL9OTUjBLcerbWMZFDZHCLaGvm-Ob-apQkZXG203BO_ezkHglJhZuXCylhPORUtvzf3qY/s1600/HaakBlog+++Blogger+Tips++Tutorial+and+Tricks.png" width="331" /></a></div>
<h3 style="text-align: left;">
<span style="font-weight: normal;"><i>This tutorial is about how  add post thumbnails for blogger on the front page.It's a important widget because it gives a better professional  look to the blog and it also help reduce the bounce rate of your blog or website.It has many advantages like it  as it shows just summary of your post with thumbnails it reduce load-time of your blog or website.It also give you relief from boring long length summary to a better short summary.Overall it increases your page views.So follow the steps below to give a better refreshing look to your site</i></span>.</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<h3>
<br /></h3>
<h3>
<br /></h3>
<h3 style="text-align: center;">
<span style="background-color: #38761d;">
How to Add Post Thumbnails for Blogger on Front Page step by step </span></h3>
<div class="MsoNormal">
<br /></div>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">
Step 1</span> <i style="font-weight: normal;">First Login into Blogger Dashboard.</i></h3>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">
Step 2</span> <i style="font-weight: normal;">Go to Template and Click on Edit Template Button as shown in
below picture.</i></h3>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAdlX7eqIoFb7DKmY3bw3VuXo3VDC5BJlnYb5yXVSUSPPEPSfi2bz9M0PhRXi8PFo44UD-QpVJnWmhyiPHMvNsAu1PBG81jhba-fGotrfaXNmwST2DoXD4d8HpLDGjejSUWOE4oI5fG40/s1600/Blogger-edit-html_thumb%5B1%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAdlX7eqIoFb7DKmY3bw3VuXo3VDC5BJlnYb5yXVSUSPPEPSfi2bz9M0PhRXi8PFo44UD-QpVJnWmhyiPHMvNsAu1PBG81jhba-fGotrfaXNmwST2DoXD4d8HpLDGjejSUWOE4oI5fG40/s1600/Blogger-edit-html_thumb%5B1%5D.png" width="640" /></a></div>
</h4>
<h4>
<br /></h4>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">Step 3</span> <span style="font-weight: normal;"><i>Click on Expand Widget Template checkbox as shown in below
picture.</i></span></h3>
<h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4CYNSQhxX_5gmY61Wi4dMaV9hbCS-YtitfliPiQD4NZCm5oSJE7w5z4k-e1p38anjZaJl-vFC-H78b2uWKD7y3qhgdKBE3QZiJv9ypseiMaKCLXW2wh92z27ECAFxvgKJrTBfyoLMSqM/s1600/ExpandWidgetTemplates.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4CYNSQhxX_5gmY61Wi4dMaV9hbCS-YtitfliPiQD4NZCm5oSJE7w5z4k-e1p38anjZaJl-vFC-H78b2uWKD7y3qhgdKBE3QZiJv9ypseiMaKCLXW2wh92z27ECAFxvgKJrTBfyoLMSqM/s1600/ExpandWidgetTemplates.jpg" width="640" /></a></div>
</h4>
<h4>
<br /></h4>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">Step 4</span> <i style="font-weight: normal;">Find <span style="color: #073763;"></head></span> and paste below code just before it.</i></h3>
<blockquote class="tr_bq">
<script type=’text/javascript’>var thumbnail_mode = “no-float” ;<br />
summary_noimg = 430;<br />
summary_img = 340;<br />
img_thumb_height = 100;<br />
img_thumb_width = 120;<br />
</script><br />
<script type=’text/javascript’><br />
//<![CDATA[<br />
function removeHtmlTag(strx,chop){<br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(“>”)!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);<br />
}<br />
}<br />
strx = s.join(“”);<br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2;<br />
while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;<br />
strx = strx.substring(0,chop-1);<br />
return strx+’…’;<br />
}<br />
function createSummaryAndThumb(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = “”;<br />
var img = div.getElementsByTagName(“img”);<br />
var summ = summary_noimg;<br />
if(img.length>=1) {<br />
imgtag = ‘<span style=”float:left; padding:0px 10px 5px 
0px;”><img src=”‘+img[0].src+’” width=”‘+img_thumb_width+’px” 
height=”‘+img_thumb_height+’px”/></span>’;<br />
summ = summary_img;<br />
}<br />
var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script></blockquote>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">
Step 5</span> <i style="font-weight: normal;">Now find blow code:</i></h3>
<blockquote class="tr_bq">
<data:post.body/></blockquote>
<h4>
<br /></h4>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">
Step 6</span> <i style="font-weight: normal;">Now replace below code with this:</i></h3>
<blockquote class="tr_bq">
<b:if cond=’data:blog.pageType == “item”‘><br />
<data:post.body/><br />
<b:else/><br />
<b:if cond=’data:blog.pageType == “static_page”‘><br />
<data:post.body/><br />
<b:else/><br />
<div expr:id=’”summary” + data:post.id’><data:post.body/></div><br />
<script type=’text/javascript’> createSummaryAndThumb(“summary<data:post.id/>”);<br />
</script><br />
<a class=’more’ expr:href=’data:post.url’>Read more …</a><br />
</b:if><br />
</b:if><span style="background-color: white; color: #777777; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 21.109375px;"><small><a style='align:center;' href='</span><a href="http://masterbloggingtips.blogspot.com/2013/10/how-to-add-video-to-blogger-sidebar.html" style="background-color: white; color: #999999; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 21.109375px; text-decoration: none;"><span style="color: black;">http://masterbloggingtips.blogspot.com/</span></a><span style="background-color: white; color: #777777; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 21.109375px;">' target='_blank'></a></small></span></blockquote>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">
Step 7</span> <span style="font-weight: normal;"><i>Click on Save Template button.</i></span></h3>
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">Now you'r done.If you have any problem or question feel free to write it on the comment box or email me at larrimoreashley@gmail.com.</span><br />
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;"><br /></span>
<div style="text-align: right;">
<span style="background-color: #38761d; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">By Ashley Larrimore</span></div>
</div>

How to Add Post Thumbnails for Blogger

This tutorial is about how add post thumbnails for blogger on the front page.It's a important widget because it gives a better pr...

How to Add a Video to Blogger Sidebar

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5FgFm5oaW9f_5gtfLZa9TrtyIc8hrpHrLdXbCd9-h_SplQadbUUOdUB0ABbcOQbvMHix90WDgt0UYNi_i2K2IDfZS2DMhMnK75XSdmgSIfKrZhOZrtke6jSJYP7-VG_ODTZQaqynLI58/s1600/YouTube-Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5FgFm5oaW9f_5gtfLZa9TrtyIc8hrpHrLdXbCd9-h_SplQadbUUOdUB0ABbcOQbvMHix90WDgt0UYNi_i2K2IDfZS2DMhMnK75XSdmgSIfKrZhOZrtke6jSJYP7-VG_ODTZQaqynLI58/s1600/YouTube-Blogger.png" /></a></div>
<h2 style="text-align: left;">
Add a Youtube video to Blogger Sidebar</h2>
<h3>
<i style="font-weight: normal;">This is an step by step tutorial on how to add a Video to Blogger Sidebar.A Video in the Blogger Sidebar can be as important as giving the very first good impression of the blog to the user.It also a better way of giving more information about the content or services of the blog.Video marketing is a good method to tell more at a short time and simply to your user.So why not making your blog a better one by just adding a video to the sidebar? So below is given the tutorial on how to add the slider with detailed steps and codes.Follow the steps to add the video sidebar to your blog Today!</i>.</h3>
</div>
<h3 style="text-align: center;">
<span style="background-color: #38761d;">Follow below steps to Add video to blogger sidebar.</span></h3>
<h3 style="text-align: left;">
<span style="background-color: #38761d;">
Step 1</span><span style="background-color: white;">  <i style="font-weight: normal;">First </i></span><i style="font-weight: normal;">Login into your Blogger Dashboard.</i></h3>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<h3>
</h3>
<h3>
<span style="background-color: #38761d;">
Step 2</span> <span style="font-weight: normal;"><i>Go to layout and click on add gadget as shown in below
picture.Click on to add a gadget where you want your video to appear.</i></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBR-gyJw1jLlRpuemj9R22r_6MfJs8YtMI8b8u1rY7gpj-Bul3L-VMcz42-bRgIQjg2xvzYsc_rY1TFR8FbputQoxKeYRbRNVjn5pEi_5ilUvPQOScqetBmnWpqGMEVecv1hOFl-1mhNw/s1600/add-a-gadget-screen-.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBR-gyJw1jLlRpuemj9R22r_6MfJs8YtMI8b8u1rY7gpj-Bul3L-VMcz42-bRgIQjg2xvzYsc_rY1TFR8FbputQoxKeYRbRNVjn5pEi_5ilUvPQOScqetBmnWpqGMEVecv1hOFl-1mhNw/s1600/add-a-gadget-screen-.PNG" /></a></div>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<span style="background-color: #38761d;">
Step 3</span> <i style="font-weight: normal;">Choose HTML/JavaScript as shown in below picture.</i></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQGSP86lBRc-jEWuqNo8zlFuZqnI3nhLitJAsaEp9W52C7RsjRqIxrZK32OVXU8RR22PTgNIhSdveoJVjFHMiSPQ-lcRdBVgqQJvMu1j4cToozR4fgQq-eAHlAS0vWWU5B4nZlk268YqM/s1600/Add+Feedback+button+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQGSP86lBRc-jEWuqNo8zlFuZqnI3nhLitJAsaEp9W52C7RsjRqIxrZK32OVXU8RR22PTgNIhSdveoJVjFHMiSPQ-lcRdBVgqQJvMu1j4cToozR4fgQq-eAHlAS0vWWU5B4nZlk268YqM/s1600/Add+Feedback+button+2.png" /></a></div>
<div class="MsoNormal">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<br /></div>
<h3>
<span style="background-color: #38761d;">Step 4</span> <i style="font-weight: normal;">Copy and paste below code:</i></h3>
<blockquote class="tr_bq">
 <div class="widget-content"><br />
<span style="color: red;"><iframe width="</span><span style="color: #0b5394;">336</span><span style="color: red;">" height="</span><span style="color: #0b5394;">169</span><span style="color: red;">" src="http://www.youtube.com/embed/gEBJeqvJReg" frameborder="0" allowfullscreen></iframe></span><br />
<style><br />
.label-size{<br />
margin:0 2px 6px 0;<br />
padding: 3px;<br />
text-transform: uppercase;<br />
border: solid 1px #C6C6C6;<br />
border-radius: 3px;<br />
float:left;<br />
text-decoration:none;<br />
font-size:10px;<br />
color:#666;<br />
}<br />
<br />
.label-size:hover {<br />
border:1px solid #6BB5FF;<br />
text-decoration: none;<br />
-moz-transition: all 0.5s ease-out;<br />
-o-transition: all 0.5s ease-out;<br />
-webkit-transition: all 0.5s ease-out;<br />
-ms-transition: all 0.5s ease-out;<br />
transition: all 0.5s ease-out;<br />
-moz-transform: rotate(7deg);<br />
-o-transform: rotate(7deg);<br />
-webkit-transform: rotate(7deg);<br />
-ms-transform: rotate(7deg);<br />
transform: rotate(7deg);<br />
filter: progid:DXImageTransform.Microsoft.Matrix(<br />
                    M11=0.9961946980917455, M12=-0.08715574274765817, 
M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto 
expand');<br />
zoom: 1;<br />
}<br />
<br />
.label-size a  {<br />
text-transform: uppercase;<br />
float:left;<br />
text-decoration: none;<br />
}<br />
.label-size a:hover  {<br />
text-decoration: none;<br />
}<br />
</style><br />
</div><br />
<div class="clear"></div><br />
<span class="widget-item-control"><br />
<span class="item-control blog-admin"><br />
<a class="quickedit" 
href="//www.blogger.com/rearrange?blogID=8193278726666811965&amp;widgetType=HTML&amp;widgetId=HTML15&amp;action=editWidget&amp;sectionId=sidebar"
 onclick="return 
_WidgetManager._PopupConfig(document.getElementById(&quot;HTML15&quot;));"
 target="configHTML15" title="Edit"><br />
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /><br />
</a><br />
</span><br />
</span><br />
<div class="clear"><br />
</div><br />
<small><a style='align:center;' 
href='<a href="http://masterbloggingtips.blogspot.com/2013/10/how-to-add-video-to-blogger-sidebar.html"><span style="color: black;">http://masterbloggingtips.blogspot.com/2013/10/how-to-add-video-to-blogger-sidebar.html</span></a>'
 target='_blank'>Widget</a></small></blockquote>
<br />
<h3 style="text-align: left;">
<span style="background-color: #38761d;">Step 5</span><i style="font-size: x-large;"> <span style="font-weight: normal;">Now go to youtube and search the video you want to add to blogger.</span></i></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEbls69K0COwdogCM6-7QZAm4NAzT8MSF-QH22YupYOWzbBqJxPOlzQ7F6z8gD0o0Va7pRaJyhIHmYkbIVAIb5jlnfw3hSux_96Z3a6AaMhvrEqMmLjOdGbq07c9mO8FagoQqo4Pmf6M/s1600/220px-EmbedYoutubeBlogger-Step-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEbls69K0COwdogCM6-7QZAm4NAzT8MSF-QH22YupYOWzbBqJxPOlzQ7F6z8gD0o0Va7pRaJyhIHmYkbIVAIb5jlnfw3hSux_96Z3a6AaMhvrEqMmLjOdGbq07c9mO8FagoQqo4Pmf6M/s1600/220px-EmbedYoutubeBlogger-Step-1.jpg" width="400" /></a></div>
<div>
<i style="font-size: x-large;"><span style="font-weight: normal;"><br /></span></i></div>
<br />
<h3>
</h3>
<h3>
<span style="background-color: #38761d;">Step 6</span>  <span class="whb" style="font-weight: normal;"><i>Once you found the video, click on 'share'</i></span></h3>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1OK8pHY3jxC25b7L_Zye_17FWSSTmb6NQ7KXLin-tGfB6swyw1MPhKOa0TzNrQCNXZw-M_H0GIJXLoN2TH_HidCB89QCBT8o9ORfV0214sSx13sHqKkaGoVGEb5xhV1zr0LC5HKa734/s1600/1111111111.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1OK8pHY3jxC25b7L_Zye_17FWSSTmb6NQ7KXLin-tGfB6swyw1MPhKOa0TzNrQCNXZw-M_H0GIJXLoN2TH_HidCB89QCBT8o9ORfV0214sSx13sHqKkaGoVGEb5xhV1zr0LC5HKa734/s1600/1111111111.png" width="640" /></a></div>
</h3>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<h3>
<span style="background-color: #38761d;">Step 7</span>  <span class="whb"> <i style="font-weight: normal;">After click on 'embed video' button</i></span><i style="font-weight: normal;">. After making your selection, copy the embed code. The code changes based on your selection such as size.</i></h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXO7g52B1z3FNdzui5LX5QGzOytJ_zy-fUle2CMr5Nl_Lc7rH9kjv-c6_wP_clGsbYfaG2JNp_os9fTbc9qH-mxfjmXuXUBYLDa3gF5BFWzgUD0fKaXn8pNl1hSs9OkbEUjEKuh4K04Hw/s1600/22222222.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXO7g52B1z3FNdzui5LX5QGzOytJ_zy-fUle2CMr5Nl_Lc7rH9kjv-c6_wP_clGsbYfaG2JNp_os9fTbc9qH-mxfjmXuXUBYLDa3gF5BFWzgUD0fKaXn8pNl1hSs9OkbEUjEKuh4K04Hw/s1600/22222222.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<h3>
<span style="background-color: #38761d;">Step 8</span>  <i style="font-weight: normal;">Now replace your embed code with the<span style="color: red;"> red colored codes </span>.You may also change the size of the video manually just by changing <span style="background-color: white;"><span style="color: #0b5394;">the length and width colored blue.</span></span></i></h3>
</div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<h3>
<span style="background-color: #38761d;">
Step 9</span>  <i style="font-weight: normal;">Click Save button.</i></h3>
<div style="text-align: right;">
<br /></div>
<div class="MsoNormal">
Now you'r done.If you have any problem or question feel free to write it on the comment box or email me at larrimoreashley@gmail.com.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
</div>

How to Add a Video to Blogger Sidebar

Add a Youtube video to Blogger Sidebar This is an step by step tutorial on how to add a Video to Blogger Sidebar.A Video in the Blogg...

Blogspot vs Wordpress Comparison - Which is better?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31qgs10wJ_tPjTVS80H1TsN7YtZw0RJmhezzoDyHJHJnxV4sEQm1V-qQa3-rkJAm96wq3YqiVW_yweSfRq6FKJVNOlYTOBW4UYzZ4ljsTFZh6qC24emP3vvwKGjFNr7j3WOTT0lnh9wU/s1600/wordpress_vs_blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31qgs10wJ_tPjTVS80H1TsN7YtZw0RJmhezzoDyHJHJnxV4sEQm1V-qQa3-rkJAm96wq3YqiVW_yweSfRq6FKJVNOlYTOBW4UYzZ4ljsTFZh6qC24emP3vvwKGjFNr7j3WOTT0lnh9wU/s1600/wordpress_vs_blogger.jpg" width="320" /></a></div>
<h3 style="text-align: left;">
<span style="font-weight: normal; text-align: justify;"><span style="background-color: #38761d; font-size: small; text-align: right;">By Ashley  Larrimore</span></span></h3>
<h3 style="text-align: left;">
<span style="font-weight: normal; text-align: justify;"><i>Today we are going to talking about the most frequently questions asked 
by newbies many times & sometime most of them confused for a long 
time to choose Blogspot or Wordpress for theirs blogging careers. 
Blogger and wordpress becomes the most popular and prominent platform in
 modern era. There are millions of users on the internet using blogger 
& wordpress CMS systems. But for a single author it becomes very 
difficult to say which one is better & has more potential than other
 one. However it has been discussed many times by pro bloggers and some 
of them recommended that wordpress is better due to its professional 
features while most of them have a strongly voiced that blogger is the 
top CMS and seo friendly platform which should be used for blogging 
journey.</i></span></h3>
<div style="text-align: justify;">
<a href="https://www.blogger.com/blogger.g?blogID=3646343247114057087" name="more"></a></div>
<h3>
Major Advantages of Blogger Platform</h3>
<div style="text-align: justify;">
<span style="background-color: white;"><b>Html/Css Designing:</b> </span>One
 of the biggest reasons people like blogger platform by having full 
customization only in Css or Html. We can easily customize our blog 
accorind otou needs by doing a little customization inside the blog 
template. So we could easily turn our blog to professional view by 
playing only with css or html</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b style="background-color: white;">Providing Free Hosting:</b> This is 
the second major benefit why most of bloggers using blogger platform. 
because it providing free web-hosting you do not need to pay for 
web-hosting.. You just only need to buy a custom domain name.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b><span style="background-color: white;">100% Trustworthy Server:</span> </b>Being
 a Blogger you should must stay your blog live on every 7/24 hours. 
Do,not worry it is automatically secured by Google. While due to google 
server your blog will stay alive each 7/24 hours.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b style="background-color: white;">UN-Hackable:</b> You already know 
that blogger is own by google and google is the no1 tech-company 
throughout the world. So it is solely secured by Google Official from 
all types of damages or hacking resources.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="background-color: white;"><b>SEO Friendly:</b> </span>Blogger
 is all the time SEO friendly and robot lover because it is own product 
of Google so google recognize it very well than all of others.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="background-color: white;"><b>Blog Speed:</b> </span>However
 we have personally received dozens of comments from worpress user that 
why wordpress blog is taking more time in loading  page than Blogger 
Blog. There are many reasons. One of the best answer is that blogger 
blog is simply coded in Xml/Html and Css while Wordpress blog is created
 in Php. So blogger will always one step forward than wordpress in this 
regard.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b style="background-color: white;">Google Owned:</b> You already know that bloggers is google platform so it will make blogger blog seo friendly for all popular search engines.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="background-color: white;"><b>Easy Customization Template:</b> </span>You
 might have heard that blogger template is fully prepared in Html/Css 
and Xml so it becomes very easier to customize it template.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIrACFDi15OLTHV6N_fp6uHRUNVysJiKQOL2fiMmQP2QBJsruNXQ13z4rO3-p55_OhdlOg7kcYNXFKYpOp2HaLWCLdvKXxeMu9e03w5SM7SDQlBz8BD153Gr7DDbctmOeZV89WK1MbTYE/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIrACFDi15OLTHV6N_fp6uHRUNVysJiKQOL2fiMmQP2QBJsruNXQ13z4rO3-p55_OhdlOg7kcYNXFKYpOp2HaLWCLdvKXxeMu9e03w5SM7SDQlBz8BD153Gr7DDbctmOeZV89WK1MbTYE/s1600/images.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
 Major Wordpress Advantages</h3>
<div style="text-align: justify;">
<b>SEO friendly:</b> Wordpress is used by all popular bloggers using it 
because it has tons of plugins for SEO. Wordpress has tos of seo plugins
 which help to rank it well in search results. There are uncountable SEO
 plugins available for wordpress platform.
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Tons of SEO Plugins:</b> There are tons of plugins available for 
wordpress blog. These plugins make the blog seo friendly and make it 
perfect for search engines robots.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Quickly Rank:</b> Due to alot of plugins it becomes seo friendly for 
robots and get massive traffics from search engine. These SEO plugins 
are easy drive traffics to wordpress blog.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Template Collections:</b> There are Hundreds of default templates 
inside wordpress platform. Wordpress has more than 70+ builten 
professional templates which are well known for robots & having 
awesome designing.</div>
<div style="text-align: justify;">
</div>
<br />
<div style="text-align: justify;">
<b>Easy To Use:</b> Wordpress is matching up like Blogger. A newbie 
blogger can easily operate WordPress blog in a seconds becasue it has 
simple layout and easy to navigate.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1bG0I96o1kKPvvn3taE-NcAdON-JwxQlgrS1zXhVUSbdCxQquwqlhr1wO2Mc2_HVXV1TUxJ0Qi_NfNg8eb2PLHrS1LEy97xKwh4EaQhkSgRA3HMJtVnQ4tUkuTExB8Va8EjqTMpUrJpU/s1600/wordpress-vs-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1bG0I96o1kKPvvn3taE-NcAdON-JwxQlgrS1zXhVUSbdCxQquwqlhr1wO2Mc2_HVXV1TUxJ0Qi_NfNg8eb2PLHrS1LEy97xKwh4EaQhkSgRA3HMJtVnQ4tUkuTExB8Va8EjqTMpUrJpU/s1600/wordpress-vs-blogger.jpg" width="400" /></a></div>
<div style="text-align: justify;">
</div>
<h3>
 Disadvantage of Using Blogger</h3>
<div style="text-align: justify;">
<b>Lack Of Hosting:</b> One of the biggest problem by using blogger 
platform is it web-hosting management. You do not allow to customize and
 operate with these data ( hosting ) because they have been hosted on 
google servers. We could not make any changes inside the blogger 
hosting.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Lose Rank Quickly:</b> This is one of the oldest problem in blogger 
platform whenever you do not publish for a week or some days then your 
blog will continuously losing the ranks. It mostly depend on how often 
the blog  is update. without updating your blog will lose the rank if it
 has been hosted on blogger platform.</div>
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;"><br /></span></div>
<div style="text-align: justify;">
<b>Difficult SEO Strategies: </b>Proper SEO is the key to success for 
every blog & website. In blogger platform you will have to do alot 
of manually SEO it doe not provide us SEO plugins like wordpress blog. 
So it much difficult for blogger user to apply proper SEO strategies on 
blogger blog.</div>
<br />
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>No Compatibility with popular Language:</b> As we have already learnt
 that blogger template is created in Html/Css and Xml so there is no way
 to embade Php or Asp coding inside blogger template. Blogger platform 
is limited in comparability.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h3>
 Disadvantages Of Using Wordpress</h3>
<div>
<b>Difficult To Customize Theme:</b> This is one of the biggest problem 
that you cannot easily customize CSS/Html inside wordpress template. 
Wordpress template mostly codded in PHP language which is very difficult
 to edit or customize.

</div>
<div>
</div>
<div>
<b>Purchase Web-Hosting: </b>Wordpress does not provide free web-hosting
 you have to spend 20$ for hosting and 10$ for domain name which could 
be not easy for common man.</div>
<div>
</div>
<div>
<b>Security-Hacking:</b>  Wordpress is not secure as blogger and it very
 very difficult to maintain proper security for wordpress blog. Thousand
 of wordpress sites hacked by hackers using hacker software.</div>
<div>
</div>
<div>
<b>35 Blogs Per Accounts:</b> you can create 35 blogs on each wordpress 
account. exceeding the limit you will have to delete your older blogs. 
while on the other hands we can easily create 100 blogs per account in 
blogger. </div>
<div>
<br /></div>
<div>
<h4>
<span style="background-color: #6fa8dc;"></span></h4>
<h3>
Final Words </h3>
</div>
<h4>
<span style="background-color: #6fa8dc;"></span></h4>
<div>
Hi guys this post is all about Blogger & Wordpress comparing 
advantages and disadvantages which telling us that which one is the best
 platform for search robots. <b>Blogger vs Wordpress which is better.</b>
 we have mentioned several reasons in the above paragraph of each one 
now its depends upon you how you differentiate between these two 
platforms. Do not forget to share your ideas with PBT readers. <b><i>Thank & Happy Blogging.</i></b>   </div>
</div>
</div>

Blogspot vs Wordpress Comparison - Which is better?

By Ashley Larrimore Today we are going to talking about the most frequently questions asked by newbies many times & sometime ...

How to Start a Blog on Blogger - Step by Step Guide with picture illustration

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<br />
<br />
<header class="entry-header">
  <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnUzFjP1VbwQf1y8A0eBlQBPnyUuF7TnqqmF7jqtHzoa7_2ZSBcTk2P4-4m4NxIL_nlMEXnfOnLUD3ALNQ9XV-jWFJduiDoi2JSAkJ0gAZEaQg7ZD9zspJchfLvuW7Zqua53xAza6R8c/s1600/How+to+Create+a+Blog+in+Blogger.com.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnUzFjP1VbwQf1y8A0eBlQBPnyUuF7TnqqmF7jqtHzoa7_2ZSBcTk2P4-4m4NxIL_nlMEXnfOnLUD3ALNQ9XV-jWFJduiDoi2JSAkJ0gAZEaQg7ZD9zspJchfLvuW7Zqua53xAza6R8c/s1600/How+to+Create+a+Blog+in+Blogger.com.png" width="320" /></a></div>
</header><br />
<div class="entry-content">
<h2 style="text-align: left;">
<span style="background-color: #38761d; font-size: small; font-weight: normal; text-align: right;">By Ashley  Larrimore</span></h2>
<h2 style="text-align: left;">
<i>Blogger is an online service owned by Google that publishes single or 
multi-user blogs created entirely by the user. The service has quickly 
become the preferred choice of many novice bloggers and is one of the 
easiest methods of creating and publishing a blog for free. If you are 
unfamiliar with the service, this article will teach you how to set up 
an account and create a blog on Blogger.com.</i></h2>
<div>
<h2>
<span style="background-color: #0b5394;">Step 1:</span><span style="background-color: white;"> </span><i style="font-weight: normal;"><span class="whb">Navigate to www</span>.blogger.com using your web browser of choice.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfyx8mKoMai8FB3tgzLtRjYkLYywd4JtOUc5tnLOwYT-zPZLp0McJbFFhEzSP6t6yKJIAbDdUjoT288QpuvmSZ6EWPXMyDNqdgxaQNoPpJKssZFmNUblXj6aBGaaBpTO5_CzmswLTCsyw/s1600/550px-Start-a-Blog-on-Blogger-Step-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogs" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfyx8mKoMai8FB3tgzLtRjYkLYywd4JtOUc5tnLOwYT-zPZLp0McJbFFhEzSP6t6yKJIAbDdUjoT288QpuvmSZ6EWPXMyDNqdgxaQNoPpJKssZFmNUblXj6aBGaaBpTO5_CzmswLTCsyw/s1600/550px-Start-a-Blog-on-Blogger-Step-1.jpg" title="blog" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 2:</span><span style="background-color: white;"> </span><i style="font-weight: normal;"><span class="whb">Sign in using your Google Account to get started</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0lAZ1KtwMKFqLO4w0Qr2VrkbC06hhtlvzbKMAYGsyg0lhBgdHeciFFHuQlxvcBvJoWAVAexIytLJzI0LrjE3c1cWbzVxkUokRY6-b3WjB__Oye85Tmz-xW_dktPdvymf2_2H9xSfGeXw/s1600/550px-Start-a-Blog-on-Blogger-Step-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0lAZ1KtwMKFqLO4w0Qr2VrkbC06hhtlvzbKMAYGsyg0lhBgdHeciFFHuQlxvcBvJoWAVAexIytLJzI0LrjE3c1cWbzVxkUokRY6-b3WjB__Oye85Tmz-xW_dktPdvymf2_2H9xSfGeXw/s1600/550px-Start-a-Blog-on-Blogger-Step-2.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 3:</span>    <i style="font-weight: normal;"><span class="whb">If you do not have a Google Account, click “Get Started” to create one</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHM6kBl8L4iNXUtZj0dbgxCGGu27cG2fmktw3MvDKN1ys6MPPH-JSuc5Z6nnaI9zGUEHCw76NqPscq9NfhdFSsGiUZQvkBhOPSzYBK3Rha53U9aLoSQrR3K3X78p8XUEKBNcjvkWHA20E/s1600/416px-Start-a-Blog-on-Blogger-Step-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHM6kBl8L4iNXUtZj0dbgxCGGu27cG2fmktw3MvDKN1ys6MPPH-JSuc5Z6nnaI9zGUEHCw76NqPscq9NfhdFSsGiUZQvkBhOPSzYBK3Rha53U9aLoSQrR3K3X78p8XUEKBNcjvkWHA20E/s1600/416px-Start-a-Blog-on-Blogger-Step-3.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 4:</span> <i style="font-weight: normal;"><span class="whb">Enter a “Display Name” to be used to sign your blog posts and click “Continue”</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBSbI7EtgvzpWja0uQoUFtGNtvf2-Bwl8v6JPLcdhUmFofDkjBoggqL9Oid7wExKTUCmWL0EMHGeqOLyotu0KFCg_TQW3mY3rxH3P5w64FqGlrOi_emoAHHgyQO_g0Pc44r4jDvvVcZU/s1600/550px-Start-a-Blog-on-Blogger-Step-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBSbI7EtgvzpWja0uQoUFtGNtvf2-Bwl8v6JPLcdhUmFofDkjBoggqL9Oid7wExKTUCmWL0EMHGeqOLyotu0KFCg_TQW3mY3rxH3P5w64FqGlrOi_emoAHHgyQO_g0Pc44r4jDvvVcZU/s1600/550px-Start-a-Blog-on-Blogger-Step-4.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 5:</span> <span class="whb" style="font-weight: normal;"><i>Click “Create Your Blog Now”</i></span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdMpfbJBQ91NQwGzYUkra5wCTZW6QUN5KTZ6ydH-d3ZRLD5sNVYrHurZeKEscfOceh8dryWTZvHWegui9oeidRUGxw1IYq33DhbdKaOe52zAJbs5x0Fv5WqjvJr1ubKz_SpU2HQIPkdco/s1600/382px-Start-a-Blog-on-Blogger-Step-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdMpfbJBQ91NQwGzYUkra5wCTZW6QUN5KTZ6ydH-d3ZRLD5sNVYrHurZeKEscfOceh8dryWTZvHWegui9oeidRUGxw1IYq33DhbdKaOe52zAJbs5x0Fv5WqjvJr1ubKz_SpU2HQIPkdco/s1600/382px-Start-a-Blog-on-Blogger-Step-5.jpg" /></a></div>
<div>
<span class="whb" style="font-weight: normal;"><i><br /></i></span></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 6:</span> <i style="font-weight: normal;"><span class="whb">Select a “Blog title” and an available URL for your blog</span>. You can check if the URL you are considering is available by clicking "Check Availability".</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF110PwMGukbum4irJ-MceZyMuvAAzplvKjOyg1KLi4VZqJXSr2cRK-YUYnJ8glRA8XQJTvwl7R7XVmKlIyRZBNkt7JSxFuv2H_BJ-LICw0J5wd19LT3lZnjQKmAyLuAL1eX3jObf9ZCM/s1600/550px-Start-a-Blog-on-Blogger-Step-6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF110PwMGukbum4irJ-MceZyMuvAAzplvKjOyg1KLi4VZqJXSr2cRK-YUYnJ8glRA8XQJTvwl7R7XVmKlIyRZBNkt7JSxFuv2H_BJ-LICw0J5wd19LT3lZnjQKmAyLuAL1eX3jObf9ZCM/s1600/550px-Start-a-Blog-on-Blogger-Step-6.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 7:</span> <i style="font-weight: normal;"><span class="whb">Enter the word verification and click continue</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJhzxDYETKKP-4NHItA7m47cWNaC-VIR8rEhgCpOWODtnldmqq2NRrC3nbh2mY9yb2sAQ60_FlYgAsoTnNDus-zeCZi5hh8aj0baCpxbDET45htLmnXSiNAO3txirtXQWgwu1jjR3Qgc/s1600/550px-Start-a-Blog-on-Blogger-Step-7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJhzxDYETKKP-4NHItA7m47cWNaC-VIR8rEhgCpOWODtnldmqq2NRrC3nbh2mY9yb2sAQ60_FlYgAsoTnNDus-zeCZi5hh8aj0baCpxbDET45htLmnXSiNAO3txirtXQWgwu1jjR3Qgc/s1600/550px-Start-a-Blog-on-Blogger-Step-7.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 8:</span> <i style="font-weight: normal;"><span class="whb">Choose a starter template, which will act as the basic design/layout of your blog</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEUpT4cyN_nQngsVXuAzP2nGKwaJ203FfNvlGfpF58OTnQvYdtWke9f1ApLltIO3_8D885hMfA-MUADrjIHaVRkLl2CGoUVZsB1JXytVq13dR1kCqdGppkF3YlVecVQPksVOfK5L6_Vs/s1600/550px-Start-a-Blog-on-Blogger-Step-8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEUpT4cyN_nQngsVXuAzP2nGKwaJ203FfNvlGfpF58OTnQvYdtWke9f1ApLltIO3_8D885hMfA-MUADrjIHaVRkLl2CGoUVZsB1JXytVq13dR1kCqdGppkF3YlVecVQPksVOfK5L6_Vs/s1600/550px-Start-a-Blog-on-Blogger-Step-8.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 9:</span> <span class="whb" style="font-weight: normal;"><i>Click “Start Blogging”</i></span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_1p52JSxqMK3OdPNJpLJbXwjhA3x3oXkxTkwnsnFcf779vy_xUXKba6z2I-hGphZDA7APlFT1ymDZZOextd6ejQzKRhxY9eLOZ6827uFLLbGTP8tb8I9mFhZzOHP-7c6UZ4MV95QkZg/s1600/550px-Start-a-Blog-on-Blogger-Step-9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_1p52JSxqMK3OdPNJpLJbXwjhA3x3oXkxTkwnsnFcf779vy_xUXKba6z2I-hGphZDA7APlFT1ymDZZOextd6ejQzKRhxY9eLOZ6827uFLLbGTP8tb8I9mFhZzOHP-7c6UZ4MV95QkZg/s1600/550px-Start-a-Blog-on-Blogger-Step-9.jpg" /></a></div>
<div>
<span class="whb" style="font-weight: normal;"><i><br /></i></span></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 10:</span> <i style="font-weight: normal;"><span class="whb">You can create new blog posts, edit posts, and edit pages from under the “Posting” tab</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPj-mRIVu9YKuq3TcK4eSu7CkQ16U6KR1IuE7yNoQS7YntbG8IHjqyXtgdY2OwxLKc3zaxwUS3siRcBi3ZLnf8DTGYlXkG2fnHI7ON3Ym2m90lWadoYxzOJl_8IttbsxVFcRn6fSgGJtg/s1600/550px-Start-a-Blog-on-Blogger-Step-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPj-mRIVu9YKuq3TcK4eSu7CkQ16U6KR1IuE7yNoQS7YntbG8IHjqyXtgdY2OwxLKc3zaxwUS3siRcBi3ZLnf8DTGYlXkG2fnHI7ON3Ym2m90lWadoYxzOJl_8IttbsxVFcRn6fSgGJtg/s1600/550px-Start-a-Blog-on-Blogger-Step-10.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 11:</span> <i style="font-weight: normal;"><span class="whb">The title of your post goes in the text box next to “Title”</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfroWY4OTLq_c8UZCADrOQgrL84q2R6_nUEvKjRYxP71n3iGwZGQMfzkrYzcEtiAVcfVHCnpN4s17yvoAVJMw6WnMbuKImmdH2tKAPj4Qk1qF5CCeRV7owDjz9VEvXGqTjDzFJOArl1yY/s1600/550px-Start-a-Blog-on-Blogger-Step-11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfroWY4OTLq_c8UZCADrOQgrL84q2R6_nUEvKjRYxP71n3iGwZGQMfzkrYzcEtiAVcfVHCnpN4s17yvoAVJMw6WnMbuKImmdH2tKAPj4Qk1qF5CCeRV7owDjz9VEvXGqTjDzFJOArl1yY/s1600/550px-Start-a-Blog-on-Blogger-Step-11.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 12:</span> <i style="font-weight: normal;"><span class="whb">The body of your post will get entered into the “Compose”
 text editor, where you will also be able to access basic text editor 
functions such as font size, text color, the ability to insert links</span>.</i></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCQMxZywyC9uKnwoj2_vgU1NY8quaYzF_J8kIPK9BPyn-XqFshSV_e8AICCzNtpBb5i5HUlyMGKYKuX252Cp84-NqaucVy9Gdm3C2plM9-Dqket7YTNzhI4-EIml2pLrMoZA46_hEBUk/s1600/550px-Start-a-Blog-on-Blogger-Step-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCQMxZywyC9uKnwoj2_vgU1NY8quaYzF_J8kIPK9BPyn-XqFshSV_e8AICCzNtpBb5i5HUlyMGKYKuX252Cp84-NqaucVy9Gdm3C2plM9-Dqket7YTNzhI4-EIml2pLrMoZA46_hEBUk/s1600/550px-Start-a-Blog-on-Blogger-Step-12.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
</div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 13:</span> <i style="font-weight: normal;"><span class="whb">You can also use the “Edit HTML” tab to insert your post in HTML format, if you prefer</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXN2wuADBao7_4b7pi4zCCnRmXNus6fvhAfTn4-eopC5rGFxz1hhx_HjbZy2lBomViVcRgEOQ-DAwIFzR89hoy0BpCOWOUwTJAfA6D8joeUiPzrakgWsR16cF4BVzXEL_wRFFQjgaLRdM/s1600/406px-Start-a-Blog-on-Blogger-Step-13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXN2wuADBao7_4b7pi4zCCnRmXNus6fvhAfTn4-eopC5rGFxz1hhx_HjbZy2lBomViVcRgEOQ-DAwIFzR89hoy0BpCOWOUwTJAfA6D8joeUiPzrakgWsR16cF4BVzXEL_wRFFQjgaLRdM/s1600/406px-Start-a-Blog-on-Blogger-Step-13.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 14:</span> <i style="font-weight: normal;"><span class="whb">The “Post Options” section located underneath the 
“Compose” text editor will allow you to enable reader comments, HTML 
settings, and post the time and date</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5EX_QK7JbRUtFwImMSTamPywqEVruuPI_s4kwbycap2EebRhDP3PgV1hB_vP2LO3qolxrSQGyfjN4nn-tTUJzU-VYkdMLR5DINlZAvRa56T2cm1NdwwuXlaH4sv8kLZSeFSP8c7On4iU/s1600/550px-Start-a-Blog-on-Blogger-Step-14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5EX_QK7JbRUtFwImMSTamPywqEVruuPI_s4kwbycap2EebRhDP3PgV1hB_vP2LO3qolxrSQGyfjN4nn-tTUJzU-VYkdMLR5DINlZAvRa56T2cm1NdwwuXlaH4sv8kLZSeFSP8c7On4iU/s1600/550px-Start-a-Blog-on-Blogger-Step-14.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 15:</span> <i style="font-weight: normal;"><span class="whb">You can now either select “Save Now” to save your post, 
“Preview” to preview your post before publishing to your blog, or 
“Publish Post” to publish your post directly to your newly created blog</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cNckQ5iu1F43X4GCXyXHBOl1s5M7QnKsVjHWtfSA6TpyoWBKf0DbnNIjLSkbVEtDdX8gNzAcrAjaIGaJjaQRi_LowfUuQLiyWRtGgJznnU2GtTMDFSj5WibLBfgvhNRUurfeaQsk7Ks/s1600/550px-Start-a-Blog-on-Blogger-Step-15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cNckQ5iu1F43X4GCXyXHBOl1s5M7QnKsVjHWtfSA6TpyoWBKf0DbnNIjLSkbVEtDdX8gNzAcrAjaIGaJjaQRi_LowfUuQLiyWRtGgJznnU2GtTMDFSj5WibLBfgvhNRUurfeaQsk7Ks/s1600/550px-Start-a-Blog-on-Blogger-Step-15.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 16:<i style="font-weight: normal;"> </i></span><i style="font-weight: normal;"><span class="whb">If you wish to change the design of your blog from the 
starter template you selected when initially creating your blog, you can
 do so under the “Design” tab</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNuOi7NSTK5xzxF-hTLRnzysH1zF5WnhrngxUEgZ-Gdz8iEwSMC3rJ2hN2cgv6diZSx8hR4-cHOx81a40Y8pNwr_maMMCMmZW937Hp3lcpdSn0B4d5NsfznzzSnz-j97wtDFJ27loYk-A/s1600/550px-Start-a-Blog-on-Blogger-Step-16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNuOi7NSTK5xzxF-hTLRnzysH1zF5WnhrngxUEgZ-Gdz8iEwSMC3rJ2hN2cgv6diZSx8hR4-cHOx81a40Y8pNwr_maMMCMmZW937Hp3lcpdSn0B4d5NsfznzzSnz-j97wtDFJ27loYk-A/s1600/550px-Start-a-Blog-on-Blogger-Step-16.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 17:</span> <i style="font-weight: normal;"><span class="whb">From within the “Design Tab” you will be able to edit Page Elements, HTML, and change your template with Temple Designer</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0ILY3KFAPKYzAHvuTqB3txtKnyBuIKlSF-0i-iZGU-9uxENPrDem1pgMjenN5MpQlPkq-EkPYjshghhYVh7j6t0ZBf9RtxgHFZJCUilQS4KOmzjTjMJODXtWoLNlh_S86rxFHtyKes4/s1600/550px-Start-a-Blog-on-Blogger-Step-17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0ILY3KFAPKYzAHvuTqB3txtKnyBuIKlSF-0i-iZGU-9uxENPrDem1pgMjenN5MpQlPkq-EkPYjshghhYVh7j6t0ZBf9RtxgHFZJCUilQS4KOmzjTjMJODXtWoLNlh_S86rxFHtyKes4/s1600/550px-Start-a-Blog-on-Blogger-Step-17.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 18:</span> <i style="font-weight: normal;"><span class="whb">If you want to adjust other settings such as who is able 
to view, contribute to, or comment on your blog etc, click the 
“Settings” tab</span>.</i></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTY7AAOz2_XpxssVg1Nv9lTonoUQsOtGEmMeQ6sojegsA-iPuohUUZyKax_bm6EyXmW59kHC4vxuJANN3OrWU7RjU5sr4L1MluZ9LjTBGxOxRe7BlOe_mfs2NCqR4ZpvQ_CzidCYSldnw/s1600/550px-Start-a-Blog-on-Blogger-Step-18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTY7AAOz2_XpxssVg1Nv9lTonoUQsOtGEmMeQ6sojegsA-iPuohUUZyKax_bm6EyXmW59kHC4vxuJANN3OrWU7RjU5sr4L1MluZ9LjTBGxOxRe7BlOe_mfs2NCqR4ZpvQ_CzidCYSldnw/s1600/550px-Start-a-Blog-on-Blogger-Step-18.jpg" /></a></div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 19:</span> <i style="font-weight: normal;"><span class="whb">You can adjust publishing, comments, archiving, 
permissions, and all other settings from within the sub-tabs located 
under the main “Settings” tab</span>.</i></h2>
</div>
<div>
<i style="font-weight: normal;"><br /></i></div>
<div>
<br /></div>
<div>
<h2>
<span style="background-color: #0b5394;">Step 20:</span> <i style="font-weight: normal;"><span class="whb">You can add new authors that are able to contribute to 
and edit your blog by clicking the “Settings” tab> “Permissions” 
sub-tab, and selecting “Add Authors”</span>.</i></h2>
</div>
<div style="text-align: right;">
<i>Source: <a href="http://www.wikihow.com/Start-a-Blog-on-Blogger" rel="nofollow" target="_blank">WikiHow</a></i></div>
<div>
<br /></div>
<div>
<br />
<br /></div>
</div>
</div>

How to Start a Blog on Blogger - Step by Step Guide with picture illustration

By Ashley Larrimore Blogger is an online service owned by Google that publishes single or multi-user blogs created entirely...