Master Blogging Tips: Tips & Tricks

How to upload and make files downloadable in blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Having trouble uploading a file(such as zip or any other types) on your blogger and make it available on your blog for the readers to download? Blogger does not support file attatchments like zip file. So I look for possible easy way to upload a  file and make it downloadable. You dont have to go to other site 'coz you can do it in google! Here is a quick tutorial on how to do it.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">1. Go to </span><a href="http://sites.google.com/" style="background-color: white; color: blue; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-decoration: none;" target="_blank">Google sites</a><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">2. Login with your google account. If you dont have site yet the create one by clicking the</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> <span style="color: red;">CREATE</span></span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> button.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0xNImyGH97xt65fabqmwbvM6S5m-Npev0mGIYCV_EdRGnclX3FaxfK54M6S69EWjnI32flsQRJn52KKZgw9SBBl1jxnRfslDH5D3AH0t-VwPJQfkk93mgjhxTw5MAoB3PF0I9aryA4sg/s1600/create.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0xNImyGH97xt65fabqmwbvM6S5m-Npev0mGIYCV_EdRGnclX3FaxfK54M6S69EWjnI32flsQRJn52KKZgw9SBBl1jxnRfslDH5D3AH0t-VwPJQfkk93mgjhxTw5MAoB3PF0I9aryA4sg/s1600/create.JPG" width="640" /></a></div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">3. Now choose a template then fill up the name of your site, the site location and the captcha then click </span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">CREATE</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">.</span><br />
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<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/AVvXsEi2__lC6-kLtFggh9f0uhPYMcdhFc8o4D_rBDV7fmPXlKLgc49urKQVyKEvBrgWwClW3wHTnaCmURPl5JmC5TjiZKBBkiQenpYROt2csV18JlvevD_Orf0kscWO5E1T2ZaWorFtAUf-ydE/s1600/fillup.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2__lC6-kLtFggh9f0uhPYMcdhFc8o4D_rBDV7fmPXlKLgc49urKQVyKEvBrgWwClW3wHTnaCmURPl5JmC5TjiZKBBkiQenpYROt2csV18JlvevD_Orf0kscWO5E1T2ZaWorFtAUf-ydE/s1600/fillup.JPG" width="640" /></a></div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">4. Now if you're on your site that you had created, click on </span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Downloads</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> and upload the zip file.</span><br />
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">5. After you upload the file right click the </span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">download</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> link and click </span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Copy Link location</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWcvnX1kxDvnsUdewDahYAiH4juequbtmj099HYGgMQZgLQSfaK7g7QDDML6xGFwmDaFtug4-kuRLtfhXnQvcgcNP-R_m989z4dD3lp3rz2UTRy1nob6eWUwsNN-ylkp86haxPzARotY/s1600/link.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWcvnX1kxDvnsUdewDahYAiH4juequbtmj099HYGgMQZgLQSfaK7g7QDDML6xGFwmDaFtug4-kuRLtfhXnQvcgcNP-R_m989z4dD3lp3rz2UTRy1nob6eWUwsNN-ylkp86haxPzARotY/s1600/link.JPG" width="640" /></a></div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">6. Now you can use the link on your blogger post by adding a link to a text where readers would click</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">7. Now publish your post and try checking by clicking the text that you put a link.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Your Done! Now you have download link of your zip file.</span></div>

How to upload and make files downloadable in blogger

Having trouble uploading a file(such as zip or any other types) on your blogger and make it available on your blog for the readers to downl...

Multi Tab Widget For Blogger/Blogspot Blogs -Updated

<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/AVvXsEh3AXTIvjIYFN1XkkaGXWxKVBpxcLge1hYL3dXhPA6ufbtPMzuP5ERU8FnHlN9JJqMCj-F8Mq2uL66xQHXoujyGPuvoELZl6JUyfHfm9CugMdBoEUBGRgwKc3euNGTnvjFXV_zmlUEToss/s1600/multi-tab-widget-for-blogge%5B14%5D.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AXTIvjIYFN1XkkaGXWxKVBpxcLge1hYL3dXhPA6ufbtPMzuP5ERU8FnHlN9JJqMCj-F8Mq2uL66xQHXoujyGPuvoELZl6JUyfHfm9CugMdBoEUBGRgwKc3euNGTnvjFXV_zmlUEToss/s1600/multi-tab-widget-for-blogge%5B14%5D.gif" /></a></div>
<div align="justify" style="color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<div style="background-color: white;">
Multi tab Widget is a must widget for every blog may that be wordpress hosted blog or Blogspot/Blogger. It helps to decrease the load time of a blog by combining three or more than three widgets into one! .You might have seen this widget on every blog and even on my blog (look at the sidebar) but the question is how do you add it? Well If you go and search in Google on how to add a multi tab widget to your blog you will land on various blogs with several tutorials but believe it or not, disappointment is what you will get in return. Now why is that?</div>
<div style="background-color: white;">
<br /></div>
<div style="background-color: white;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white;"><a href="http://www.mybloggertricks.com/2011/01/add-wordpress-style-menu-tabs-widget-to.html" style="color: #289728; outline: none; text-align: start; text-decoration: none;" target="_blank">Click here to Add a Wordpress Style Menu Tabbed Widget</a><span style="text-align: start;"> </span></span></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">
This widget looks cool only if coded with CSS and JavaScript. Several blogs share different tutorials but unfortunately most of these tutorials are either very difficult to understand or they are written in a technical language that a newbie can’t understand. Moreover the codes that they offer are pretty lengthy which increase the load time of your homepage and often the widget doesn’t seem to work in browsers like Internet Explorer. And the worst part is that some bloggers who share this trick often add their blog link to the widget code and when you view that widget in your blog, at the bottom of that widget you will find this “ <strong>Widget by XYZ.com</strong>” or “<strong>Grab This Widget</strong>”. This link is surely injustice with the reader. In short give preference to anything which is easy to understand, interesting and which may give a professional look to your blog not a <strong>Grab this widget</strong> look.</div>
<div align="justify">
Now how come my widget be very different. As I have mentioned ,t I am not an HTML or JavaScript expert but I have learnt the art of editing my template through trial and error. I read blogs day and night and when some blog catch my attention I start playing with its template via its Source File, which shows all their template coding in HTML, XML and CSS Language. Hence I have stolen many hidden and secret codes :D and thus I am ready to share those codes with you. Don’t worry I will never add a <strong>Grab this widget</strong>  link to any widget that I share.</div>
<div align="center" style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; padding: 3px;">
<span style="color: red; font-size: small;"><strong>UPDATE:-</strong></span></div>
<div align="justify">
<span style="color: red;">Most of you complained that the tabs are not working/clickable. I was amazed too because this widget was working perfectly alright in all my test blogs. Then how come its not working in your blogs? Well the answer was simple than I could imagine.</span></div>
<div align="justify">
<span style="color: red;">This widget uses a JavaScript which is responsible for making the tabs clickable. I saved this widget in Google sites and link it to this widget. This was the mistake that I commit. Google sites offers limited bandwidth and is far slow to respond than you can imagine. Hence when you guys would add this widget to your blog, the JavaScript would not load, as a result leading to static tabs.</span></div>
<div align="justify">
<span style="color: red;">Fortunately I have updated this post with all necessary steps to take. You will have to add the JavaScript directly to your blogger templates. Doing this will improve the widget performance and will also reduce your page load time. This update will solve all your problems!</span></div>
<div align="justify">
<span style="color: red;">Follow the Steps Below,</span></div>
<span class="fullpost" style="background-color: white; color: #333333; display: inline; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;"></span><br />
<br />
<span style="line-height: 1.4em;">Step 1 : Go To </span><strong style="line-height: 1.4em;">Blogger</strong><span style="line-height: 1.4em;"> ></span><strong style="line-height: 1.4em;"> Layout</strong><span style="line-height: 1.4em;"> ></span><strong style="line-height: 1.4em;"> Edit HTML</strong><br />
<span style="line-height: 1.4em;"><br /></span>
<div>
<span style="line-height: 1.4em;">Step 2: Search for  </span><span style="color: green; line-height: 1.4em;"><strong></head>              <span style="color: black; font-size: xx-small;">(Tip: Use Browser Search Box. Press Ctrl + F )</span></strong></span><br />
<span style="line-height: 22.390625px;"><br /></span>    And Just above <span style="color: green;"><strong></head></strong></span> paste the code below,<br />
<div align="justify">
<br /></div>
<div align="justify">
<div style="color: #333333; font-family: Verdana, arial; font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: left;">
<script type='text/javascript'></div>
<div style="color: #333333; font-family: Verdana, arial; font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: left;">
//<![CDATA[</div>
<div style="color: #333333; font-family: Verdana, arial; font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: left;">
function tabtampil_oom(TPID, id)<br />
{<br />
  var Tabtampil = document.getElementById(TPID);<br />
  var TTs = Tabtampil.firstChild;<br />
  while (TTs.className != "TTs" ) TTs = TTs.nextSibling;<br />
  var TT = TTs.firstChild;<br />
  var i   = 0;<br />
  do<br />
  {<br />
    if (TT.tagName == "A")<br />
    {<br />
      i++;<br />
      TT.href      = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";<br />
      TT.className = (i == id) ? "Active" : "";<br />
      TT.blur();<br />
    }<br />
  }<br />
  while (TT = TT.nextSibling);<br />
  var Halamans = Tabtampil.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 tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);<br />
}<br />
function tabtampil_inisial(TPID) { tabtampil_oom(TPID,  1);<br />
document.write('');}</div>
<div style="color: #333333; font-family: Verdana, arial; font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: left;">
//]]></div>
<div style="color: #333333; font-family: Verdana, arial; font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: left;">
</script><br />
<span style="font-size: 13px; line-height: 1.4em;"><br /></span>
<span style="font-size: 13px; line-height: 1.4em;">Step 3: Save your template</span></div>
</div>
<div>
<div align="justify" style="color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 1.4em;">
<h4 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; line-height: 20.796875px; padding: 3px; text-align: start;">
<span style="color: #0080ff;">Adding the code for  Multi Tab widget to <strong>HTML/JavaScript</strong> widget</span></h4>
<div align="justify" style="line-height: 20.796875px;">
Step 4: The Code for Our Multi Tab Widget looks like this,</div>
<div align="justify" style="line-height: 20.796875px;">
<br /></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<style type="text/css"><br />
div.TabTampil div.TTs<br />
{height: 24px; overflow: hidden; }<br />
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active<br />
{ background-color: <span style="color: magenta; font-size: small;">#eee</span>; }<br />
div.TabTampil div.Halamans<br />
{ clear: both; border: 1px solid <span style="color: blue; font-size: small;">#fff</span>; overflow: hidden; background-color:<span style="color: blue; font-size: small;">#ffffff</span>;}<br />
div.TabTampil div.Halamans div.Halaman<br />
{ height: 100%; padding: 0px; overflow: hidden; }<br />
div.TabTampil div.Halamans div.Halaman div.Alas<br />
{ padding: 3px 5px; }<br />
div.TabTampil div.TTs a<br />
{ border-left:1px solid <span style="color: green; font-size: small;">#eee</span>; border-right:1px solid <span style="color: green; font-size: small;">#eee</span>; border-top:1px solid<span style="color: green; font-size: small;">#eee</span>; border-bottom:0px solid <span style="color: green; font-size: small;">#eee</span>; float: left;<br />
display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif;<br />
font-size: 11px; font-weight: 900; color: <span style="color: black; font-size: small;">#000000</span>}<br />
</style><br />
<form action="tabtampil.html" method="get"><br />
<div id="TabTampil" class="TabTampil"><br />
<div style="width: 300px;" class="TTs"> <a><strong>Tab 1</strong></a> <a><strong>Tab 2</strong></a> <a><strong>Tab 3</strong></a></div><br />
<div style="width: 300px; height: 300px;" class="Halamans"><br />
<div class="Halaman"><br />
<div class="Alas"><br />
<br/> </div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<strong>Tab 1 content goes here</strong></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
</div><br />
</div><br />
<div class="Halaman"><br />
<div class="Alas"><br />
<br/></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<br />
<strong>Tab 2 content goes here</strong></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<br />
</div><br />
</div><br />
<div class="Halaman"><br />
<div class="Alas"><br />
<br/></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<br />
<strong>Tab 3 content goes here</strong></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
</div><br />
</div><br />
</div><br />
</div><br />
</div></form></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<script type="text/javascript">tabtampil_inisial('TabTampil');</script></div>
<div style="font-size: 12px; line-height: 15.203125px; padding: 0px 0px 15px; text-align: start;">
<br /></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: #0080ff; font-size: small;"><strong>Things To Note:</strong></span></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: magenta; font-size: small;"><strong>#eee</strong></span> : This is the background colour of the Tabs. The Default one is grey. If you want to change it to a different colour of your choice then use <a href="http://www.mybloggertricks.com/2009/10/embeddable-css-color-chart-table-for.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">MBT Embeddable Colour Chart</a></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: blue; font-size: small;"><strong>#fff </strong></span>:  This is the colour of the border of your multi tab widget. The default one is white you can customize it to a colour of your choice using the same colour chart mentioned above.</div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: blue; font-size: small;"><strong>#ffffff</strong> <span style="color: black; font-size: x-small;">: This is the background colour of the main body of your widget. This is where you will add content to the widget. The default one is white. Use <a href="http://www.mybloggertricks.com/2009/10/embeddable-css-color-chart-table-for.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">MBT Colour Chart</a> if you wish to use a different colour.</span></span></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: green; font-size: small;"><strong>#eee</strong> <span style="font-size: x-small;"><span style="color: black;">:<strong> </strong>This is the colour of the borders around those rectangular tabs. The default one is grey. Use <a href="http://www.mybloggertricks.com/2009/10/embeddable-css-color-chart-table-for.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">MBT Colour Chart</a> if you wish to use a different colour.</span></span></span></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: black; font-size: small;"><strong>#000000</strong></span> : This is the colour of the text/font that you will write to name your tabs. In other words, it’s the colour of your tab titles. The default one is black.</div>
<div align="justify" style="line-height: 20.796875px;">
<strong><span style="color: green; font-size: small;">Replace these with your tab titles</span></strong></div>
<div align="justify" style="line-height: 20.796875px;">
<strong>Tab 1 , <strong>Tab 2</strong>  , <strong>Tab 3</strong></strong></div>
<div align="justify" style="line-height: 20.796875px;">
<strong><span style="color: green; font-size: small;">Replace these with your widget codes.</span></strong></div>
<div align="justify" style="line-height: 20.796875px;">
<strong><span style="color: red; font-size: small;"></span></strong></div>
<div align="justify" style="line-height: 20.796875px;">
<strong>Tab 1 content goes here , <strong>Tab 2 content goes here</strong> ,</strong>  <strong>Tab 3 content goes here</strong></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: red; font-size: small;"><span style="color: black; font-size: x-small;">Here goes the codes of your content/widgets, which can be your recent comments widget, recent posts widget, any written text, a picture etc. </span></span><span style="color: red; font-size: small;"><span style="color: black; font-size: x-small;">For example, to add a recent comments widget to the first tab, name <strong>Tab 1</strong> as Comments and replace <strong>Tab 1 content goes here </strong>with the HTML code of your recent comments widget.</span></span></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: #0080ff; font-size: small;"><strong><br /></strong></span>
<span style="color: #0080ff; font-size: small;"><strong>Adding the Multi Tab Widget To your Blog</strong></span></div>
<div align="justify" style="line-height: 20.796875px;">
<span style="color: red; font-size: small;"><span style="color: black; font-size: x-small;"><br /></span></span>
<span style="color: red; font-size: small;"><span style="color: black; font-size: x-small;">After you have customized the code, do the following,</span></span></div>
<ul style="line-height: 20.796875px; list-style: none; text-align: start;">
<li style="background-attachment: scroll; 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">
<span style="color: black; font-size: x-small;">Log into your blogger account</span></div>
</li>
<li style="background-attachment: scroll; 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">
<span style="color: black; font-size: x-small;">Go to <strong>Layout</strong> > <strong>Page Elements</strong></span></div>
</li>
</ul>
<div align="justify" style="line-height: 20.796875px;">
<img alt="Blogger Layout Page Elements" border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ckDMnqvVbE1uhcspbha6Eq57sNLJKRwqbaets9v_HqkeOOv7UCHrBNxyHrmYJSPhS381Xyp8RRFYJz-9Uf-4sgQM99NbnHi52aVZJkSrU8avGM8ZmHmj0SUJh4b6x6jlOtVBiZXPx8s/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="Blogger Layout Page Elements" width="504" /></div>
<ul style="line-height: 20.796875px; list-style: none; text-align: start;">
<li style="background-attachment: scroll; 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">
<span style="color: red; font-size: small;"><strong> </strong><span style="color: black; font-size: x-small;">Click on <strong>Add a Gadget</strong></span></span></div>
</li>
</ul>
<div align="justify" style="line-height: 20.796875px;">
<img alt="add-a-gadget" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOg6378BJpiVZtPuMBqoqiDlpKNR70LgMvvockc-RPGKeknq1oSyXT7Y71fuR2V4tLeuJwqLYYVZQI7kwAn27rtdbnsr2OguVC5tfFtcYWs890HEm5sm57BcvoaOSyf-STRNsOu95AP-c/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="add-a-gadget" width="225" /></div>
<ul style="line-height: 20.796875px; list-style: none; text-align: start;">
<li style="background-attachment: scroll; 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;">Then Choose <strong>HTML/JavaScript</strong> Widget from the widget list that blogger provides</li>
</ul>
<div style="line-height: 20.796875px; text-align: start;">
<img alt="htmljavascript widget blogger" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndKRrApP0JcYpnBgjNVEWfXyrl2-DiNdJDnb4JN6LtCUreOnlnviJ3T2C78wxD_CpWAxKfoqvNE7svrA631CfiLGYCvNJrcRrVUTM5t_GSeAeFXeCGTHUC5rlVBfTv1Nym-6pGgkR2Cs/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="htmljavascript widget blogger" width="438" /></div>
<div style="line-height: 20.796875px; text-align: start;">
Now paste your customized code into this widget by leaving the title empty. Hit <strong>Save</strong> and You are Done! Check your blog to see the new dress :)</div>
<div align="center" style="line-height: 20.796875px;">
<span style="color: #0080ff;"><strong>That’s All!</strong></span></div>
<div style="line-height: 20.796875px; text-align: start;">
<span style="color: black;">Feel free to ask or suggest. Your questions and suggestions are the only favour I get in return.</span><br />
<span style="color: black;"><br /></span></div>
</div>
</div>
</div>
</div>

Multi Tab Widget For Blogger/Blogspot Blogs -Updated

Multi tab Widget is a must widget for every blog may that be wordpress hosted blog or Blogspot/Blogger. It helps to decrease the load t...

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 ...

50 One-Sentence SEO Tips for Bloggers

<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/AVvXsEhTAWnxAx_R2Cpv2MA7hT7_bb8-7-dkM39OiNFZtaWHxYjg6EU7rv-K-5VESp_WSK2-EORik86TqAy3gWMcYwSx4cSUAwsqWcIhrogx9jh313daVV0vvaFKZLLootDzhMFv0zrbZz53iP4/s1600/SEO.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTAWnxAx_R2Cpv2MA7hT7_bb8-7-dkM39OiNFZtaWHxYjg6EU7rv-K-5VESp_WSK2-EORik86TqAy3gWMcYwSx4cSUAwsqWcIhrogx9jh313daVV0vvaFKZLLootDzhMFv0zrbZz53iP4/s1600/SEO.JPG" width="320" /></a></div>
<span style="background-color: white;">All
 serious bloggers are interested in building a large community of 
enthusiastic readers, and this is why SEO is so critical to your 
success. Without good search visibility, people who are interested in 
your content</span><br />
<ins cite="mailto:Anna%20Enright" datetime="2013-09-18T08:10">,</ins><span style="background-color: white;"> but don’t know you</span><br />
<ins cite="mailto:Anna%20Enright" datetime="2013-09-18T08:11">,</ins><span style="background-color: white;"> may never find you.</span><br />
<span style="background-color: white;">SEO
 best practices are primarily driven by Google, and change frequently. 
This post, which lays out 50 important SEO tips for bloggers, features a
 lot of links to Google instructional pages. These Google links will 
enable you to bypass outdated or incorrect SEO advice that unfortunately
 permeates the web.</span><br />
<span style="background-color: white;">Besides being ever changing, SEO is complicated and technical. These 50 tips, while important, just scratch the surface. </span><i>What tips can you add to the list?</i><br />
<h2>
<br /></h2>
<h2>
SEO strategy</h2>
<span style="background-color: white;">The
 following five points offer some big picture guidance for your SEO 
activities. Perhaps a sixth point would be, don’t put all your eggs in 
one basket. Great SEO requires balance: pay equal attention to onsite </span><i>and</i><span style="background-color: white;"> offsite optimization opportunities.</span><br />
<br />
<ol style="text-align: left;">
<li><span style="background-color: white;">Content quality is your primary onsite SEO consideration</span></li>
<li><span style="background-color: white;">For keywords, </span><a href="http://www.clickz.com/clickz/column/2127071/tips-understanding-acting-user-intent" target="_blank"><i>user intent</i></a><span style="background-color: white;"> is a major consideration, since the most valuable traffic to your site comes from users who are interested in doing business.</span></li>
<li><span style="background-color: white;">Think
 visibility rather than rankings, because rankings vary from user to 
user, and users look for search results based on content type (images, 
news, etc.).</span></li>
<li><span style="background-color: white;">A steady increase in organic search traffic growth is usually the best indicator of strong SEO.</span></li>
<li><span style="background-color: white;">For link building, quality is more important than quantity.</span></li>
</ol>
<div>
</div>
<br />
<h2>
Blog post setup</h2>
<div>
<span style="background-color: white;">Your
 blog posts not only have to interest human readers – they also need to 
be constructed so that Google can find them, read them and appropriately
 display them in search results. Even brilliant content must be 
optimized in order to find its largest potential audience.</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">The post URL should default to display the post title.</span><span style="background-color: white;">The post title (H1 tag) should default to be the post Meta title tag.</span></li>
<li><span style="background-color: white;">The post title should include keywords, preferably at the beginning of the title.</span></li>
<li><span style="background-color: white;">Post titles should always be unique and relevant to the content.</span></li>
<li><span style="background-color: white;">WordPress users should use the </span><a href="http://yoast.com/wordpress/seo/" target="_blank">Yoast WordPress SEO Plugin</a><span style="background-color: white;"> or the  </span><a href="http://wordpress.org/plugins/all-in-one-seo-pack/">All in One SEO Pack</a><span style="background-color: white;">.</span></li>
<li><span style="background-color: white;">Always
 write a unique and catchy Meta description tag, with a call to action 
if applicable, for your post, as it will attract more click-throughs.</span></li>
<li><a href="https://support.google.com/webmasters/answer/35624?hl=en">Read this page</a><span style="background-color: white;"> from Google with extreme care for a foundational working knowledge of key SEO content considerations.</span></li>
<li><span style="background-color: white;">Include prominent </span><a href="http://socialmouths.com/blog/2012/05/08/social-media-buttons/" target="_blank">social media share buttons</a><span style="background-color: white;"> in the post template, as social shares are correlated to rankings.</span></li>
</ol>
</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div>
<h2>
Site structure</h2>
</div>
<div>
<span style="background-color: white;">Many blog themes from WordPress and other CMS platforms are SEO-friendly right out of the box</span><br />
<ins cite="mailto:Anna%20Enright" datetime="2013-09-18T08:39">—</ins><span style="background-color: white;">but how you set them up, modify them and maintain them make</span><br />
<ins cite="mailto:Anna%20Enright" datetime="2013-09-18T08:37">s</ins><span style="background-color: white;"> a big difference in Google’s ability to find and rank your blog’s content.</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">Avoid long blogrolls on the sidebar, because site-wide outbound links can reduce rankings.</span></li>
<li><span style="background-color: white;">Do not participate in link exchange programs.</span></li>
<li><span style="background-color: white;">Internally link relevant posts on your blog, but do it selectively.</span></li>
<li><span style="background-color: white;">Avoid
 keyword-optimized anchor text for outbound links unless they are 
extremely relevant and flow naturally within the narrative.</span></li>
<li><span style="background-color: white;">Use </span><a href="https://www.google.com/webmasters/">Google Webmaster Tools</a><span style="background-color: white;"> to identify and fix broken links and other SEO-unfriendly site issues.</span></li>
<li>Have your own domain.</li>
<li><span style="background-color: white;">Have all versions of your blog resolve to the www.domain version.</span></li>
<li><span style="background-color: white;">Use </span><a href="https://support.google.com/blogger/answer/2472627?hl=en">Custom robots.txt</a><span style="background-color: white;"> to prevent Google from crawling pages you don’t want indexed, such as off-theme content.</span></li>
<li><span style="background-color: white;">Improve </span><a href="http://searchengineland.com/how-to-lose-wait-on-your-website-by-increasing-page-load-speeds-156205">page loading speed</a><span style="background-color: white;"> by upgrading hosting, clearing your cache, compressing images and other techniques.</span></li>
</ol>
</div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<h2>
Content composition</h2>
</div>
<div>
<span style="background-color: white;">Going
 back five years or so, SEO copywriting involved a lot of precise rules 
about how and where to display keywords in a blog post. Today, Google is
 smart enough to interpret a post’s theme and relevance without strict 
adherence to these rules – which is great news for bloggers who want to 
focus on human readers!</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">Original content generally outranks duplicate content by a wide margin.</span></li>
<li>Don’t overuse keywords in post text.</li>
<li><span style="background-color: white;">Keywords in subheads, italics, bold or within ordered and unordered lists have slightly more power than keywords in plain text.</span></li>
<li><span style="background-color: white;">Word
 counts aren’t as important as they used to be, but all other things 
being equal, longer posts rank better than shorter posts.</span></li>
<li><span style="background-color: white;">Your
 first SEO priority is to write useful, relevant and authoritative 
content for human readers, because that is what Google is looking for.,</span><span style="background-color: white;">To develop new post topics and SEO opportunities, review analytics regularly to identify popular new keywords and strategic </span><a href="http://searchenginewatch.com/article/2255280/The-Resurgence-of-Long-Tail-Keywords-in-SEO">long tail keywords</a><span style="background-color: white;">.</span></li>
</ol>
</div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<h2>
Onsite images and video</h2>
</div>
<div>
<span style="background-color: white;">Image
 and video search are segmented search options on Google that can 
attract a tremendous amount of traffic. If you are in a visual business,
 such as graphic design, or any type of business where customers may 
want to view images or video of what you do, then image and video 
optimization are essential.</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">Use relevant keywords in your image’s file name.</span></li>
<li><span style="background-color: white;">Write descriptive </span><ins cite="mailto:Anna%20Enright" datetime="2013-09-18T09:27">a</ins><span style="background-color: white;">lt </span><ins cite="mailto:Anna%20Enright" datetime="2013-09-18T09:27">t</ins><span style="background-color: white;">ext for images in plain sentence format.</span></li>
<li><span style="background-color: white;">Write useful and interesting image captions, because they keep visitors on your page longer.</span></li>
<li>Follow <a href="https://support.google.com/webmasters/answer/114016?hl=en">Google Webmaster image publishing guidelines</a>.</li>
<li>Follow <a href="https://support.google.com/webmasters/answer/156442?hl=en&ref_topic=2370565">Google Webmaster video best practices</a>.</li>
</ol>
</div>
<div>
<br /></div>
<div>
<h2>
Google Authorship</h2>
</div>
<div>
<span style="background-color: white;">Traditionally,
 Google primarily associates content with the site on which it is 
published. Google Authorship is a fairly new program that associates 
content with its author. In time, we will probably see high authority 
authors outrank low authority authors, making it important for bloggers 
to start participating in Google Authorship program </span><i>now</i><span style="background-color: white;">.</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">Actively participate on Google+ and in the </span><a href="http://www.google.com/insidesearch/features/authorship/index.html">Google Authorship</a><span style="background-color: white;"> program</span></li>
<li><span style="background-color: white;">Since original content is immediately indexed and ranked on Google, write original, useful and keyword</span><ins cite="mailto:Anna%20Enright" datetime="2013-09-18T09:37">-</ins><span style="background-color: white;">rich content on your Google+ posts.</span></li>
<li><span style="background-color: white;">Link your Google+ profile to all blogs and sites you write for following </span><a href="https://support.google.com/webmasters/answer/2539557?hl=en">these instructions</a><span style="background-color: white;">.</span></li>
<li><span style="background-color: white;">Whenever possible, link your guest authors’ Google+ profiles to your blog.</span></li>
<li><span style="background-color: white;">Use an appealing Google+ headshot, as it will be displayed in Google search results.</span></li>
</ol>
</div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<h2>
Offsite activities</h2>
</div>
<div>
<span style="background-color: white;">When
 your blog is linked to from high quality, relevant sites, it tells 
Google your blog’s content is authoritative, meaningful, useful and 
interesting. Establishing and maintaining a solid link profile is 
probably the single most important SEO activity you can engage in.</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">Guest blog on relevant and authoritative blogs to build inbound links.</span></li>
<li><span style="background-color: white;">Invite relevant and authoritative bloggers to guest post on your blog, to build social shares and traffic.</span></li>
<li><span style="background-color: white;">Be ultra-selective in pursuing directory listings, as they are generally not an effective way to build inbound links.</span></li>
<li><span style="background-color: white;">Avoid building links by publishing content on article banks.</span></li>
<li><span style="background-color: white;">Avoid building links by publishing non-newsworthy press releases.</span></li>
<li><span style="background-color: white;">Review your </span><a href="http://searchenginewatch.com/article/2171174/Google-Penguin-Update-5-Types-of-Link-Issues-Harming-Some-Affected-Websites">link profile</a><span style="background-color: white;">, removing bad links, fixing broken links and updating good links to conform to best practices.</span></li>
<li><span style="background-color: white;">Optimize your YouTube channel and videos by following </span><a href="http://www.youtube.com/yt/playbook/optimization.html">these instructions</a><span style="background-color: white;">.</span></li>
</ol>
</div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<h2>
SEO agency red flags</h2>
</div>
<div>
<span style="background-color: white;">Many
 bloggers partner with SEO agencies or freelancers in order to cover all
 of the bases noted above. There are a lot of tremendously talented 
people to choose from – but there are also some that bloggers would be 
wise to avoid.</span></div>
<div>
<ol style="text-align: left;">
<li><span style="background-color: white;">Avoid agencies that promise #1 rankings or tons of free links.</span></li>
<li><span style="background-color: white;">Avoid agencies that don’t have a documented, transparent description of their methodology.</span></li>
<li><span style="background-color: white;">Avoid agencies that don’t provide detailed reports of activity and/or results.</span></li>
<li><span style="background-color: white;">Avoid agencies that won’t provide client referrals.</span></li>
<li><span style="background-color: white;">Avoid agencies that speak in an overly technical way or have other communication shortcomings.</span></li>
</ol>
</div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<span style="background-color: white;">That was a lot to digest, but when it comes to SEO, it’s still just an appetizer. What SEO tips can you share?</span><br />
<span style="background-color: white;"><br /></span>
<br />
<div style="text-align: right;">
<span style="background-color: #38761d;">By Ashley  Larrimore</span><span style="background-color: white;"> </span></div>
</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at <a href="http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99" style="color: #003399;">http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</a></div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at <a href="http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99" style="color: #003399;">http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</a></div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at <a href="http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99" style="color: #003399;">http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</a></div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at <a href="http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99" style="color: #003399;">http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</a></div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</div>
<div id="r1PostCPBlock" style="background-color: white; border: medium none; left: -99999px; overflow: hidden; position: absolute;">
Read more at <a href="http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99" style="color: #003399;">http://www.jeffbullas.com/2013/10/02/50-one-sentence-seo-tips-for-bloggers/#fXGxJC4hGPZXPVoY.99</a></div>
</div>

50 One-Sentence SEO Tips for Bloggers

All serious bloggers are interested in building a large community of enthusiastic readers, and this is why SEO is so critical to your ...

Few important Blogging Tips for Beginners

<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/AVvXsEgPIEEdcN8iNApFB1S5c-GU2d8ptJt7HmgDA2c6nQQNwks3U0sRKRnfs8Ospv9lkSsP3de6zWpojJ_zWFNcPW7egeL4xYyWiMMDLmFGnwIXgHyVpNbAXT6oLDoN7YCDTyDuOIUjI3XitFw/s1600/index.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPIEEdcN8iNApFB1S5c-GU2d8ptJt7HmgDA2c6nQQNwks3U0sRKRnfs8Ospv9lkSsP3de6zWpojJ_zWFNcPW7egeL4xYyWiMMDLmFGnwIXgHyVpNbAXT6oLDoN7YCDTyDuOIUjI3XitFw/s1600/index.jpg" /></a></div>
<span style="background-color: #38761d; text-align: right;">By Ashley  Larrimore</span><br />
<span style="font-size: large;">Starting a new blog is no longer hard. Many new bloggers are jumping in this blogging field.<br />
<br />
But most of them quit very soon.<br />
<br />
Here I decided to share <strong>Blogging Tips for Beginners</strong> to blog more better.<br />
<br />
It doesn’t matter if you haven’t started a blog yet, or if you’re a 
famous blogger, because just one of below tips can make a big difference
 in in your blogging.</span><br />
<div style="background-color: white; border: medium none; overflow: hidden;">
<br /></div>
<div style="background-color: white; border: medium none; overflow: hidden;">
<h3 class="coolh3">
<strong>Blogging Tips for Beginners To Blog More Better</strong></h3>
<ol style="margin: 0 0 1.5em 2.0em !important;">
<li>Make Plans before launching your blog.</li>
<li>Choose your blogging niche wisely, choose a niche in which you are expert.</li>
<li>Register a simple, unique and easy to remember domain name for your blog</li>
<li>Signup with some affordable and cheap WordPress hosting like Hostgator or Bluehost.</li>
<li>Use WordPress, It’s the best blogging platform with lots of features than Blogspot</li>
<li>Choose a perfect, SEO friendly and fast loading theme for your blog. I recommend Elegant Themes and ThemeJunkie</li>
<li>Learn SEO, it is too important if you want to take your blog to the next level</li>
<li>Don’t copy from anyone else blog. Instead Post unique content on your blog.</li>
<li>Make a STRONG network around your blog niche, it’ll help you to increase online presence as well as will make you famous soon</li>
<li>Update Blog Regularly. Don’t just publish another blog post instead publish something that your readers would love.</li>
<li>Start blog commenting and write guest post for other blogs to increase website traffic, Backlinks and exposure</li>
<li>Don’t dream big, instead set up goals.</li>
<li>Don’t always get topics from other blogs.</li>
<li>Build an Mail list. It is really important. Use Madmimi email marketing service, it’s free up to 2.5K subscribers and it’s too cheap as compared to mailchimp or aweber</li>
<li>Keep your posts simple. Write for readers not search engines. Because readers are the one who can make your blog post go viral.</li>
<li>Be kind towards your readers. Solve their problems, provide them freebies.</li>
<li>Blogging is not an overnight success. It require lot of time, efforts and hard work.</li>
<li>Don’t overload your blog with widgets. Use clutter free theme</li>
<li>Make your blog SEO friendly. Use premium themes and plugins like SEOPressor for WP</li>
<li>Link to other blogs in your niche more often, in return they would do the same!</li>
<li>Ask opinions about your blog from it’s readers (like I did)</li>
<li>Reply to every comment on your blog. It’s important!</li>
<li>Reply to almost every email that you get in your inbox from your blog readers, try to help them as much as you can.</li>
<li>Don’t use too many ads on your blog, <b>remember </b>your readers want to learn something new, they don’t just want to see ads on your blog.</li>
<li>Don’t copy others images to add them on your blog instead create 
your own images or use any free sites to get images for your blog posts</li>
<li>Quality of your content matters, not quantity. Write awesome content and detail article.</li>
<li>Subscribe to other blogs in your niche. Don’t just focus on your 
blog instead do focus on other blogs as well. If you follow this, your 
blog will be successful in short time.</li>
<li>Add useful pages in your blog like About, Contact, Archives and Privacy related.</li>
<li>Make Subscribing, Commenting and Contacting on your blog easier. Award your commentator as well.</li>
<li>Don’t quit blogging if you don’t not earning enough. Instead use 
blogging to learn new things and to build your name around. Blog to help
 people, not ‘just’ to earn.</li>
</ol>
<h3>
</h3>
</div>
</div>

Few important Blogging Tips for Beginners

By Ashley Larrimore Starting a new blog is no longer hard. Many new bloggers are jumping in this blogging field. But most of them qui...

Top 10 AdSense Tricks To Boost Your Commission

<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/AVvXsEjHjA3jY1ezcVmTMlgOu1wPehVsfY2luChf5GJ8cm_HRlLdDU4Wt9sVrO7uleMt7qT4lScsuRgR7OwM661PFoqURmF-_MmqVxDg9djP-pEfK0-L5cvgZRxSNFqpbLWuPGes4Gi2wMcsPxU/s1600/Adsense+Tricks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHjA3jY1ezcVmTMlgOu1wPehVsfY2luChf5GJ8cm_HRlLdDU4Wt9sVrO7uleMt7qT4lScsuRgR7OwM661PFoqURmF-_MmqVxDg9djP-pEfK0-L5cvgZRxSNFqpbLWuPGes4Gi2wMcsPxU/s1600/Adsense+Tricks.jpg" /></a></div>
<div>
<span style="background-color: #38761d; text-align: right;">By Ashley  Larrimore</span><br />
<span style="font-family: Times,"Times New Roman",serif;">Google</span><span style="font-family: Times,"Times New Roman",serif;"> </span><span style="font-family: inherit;">AdSense</span><span style="font-family: Times,"Times New Roman",serif;">
 is fast becoming the preferred way for people to earn  an income 
online. Forget eBay and multiple affiliate programs - Whether  you are a
 work-at-home mom trying to make a little extra cash or an  Internet 
entrepreneur with hundreds of monetized websites, AdSense is  truly the 
easiest way to earn money.</span></div>
<div>
Simply
 sign up for a free account, grab your ad code and paste it in  your 
site. But here's the amazing thing - no matter how much money  AdSense 
is making for you right now, a few simple tweaks can increase  that 
amount considerably. And I should know, after learning about these  
tricks, I more than doubled my AdSense commissions!</div>
The 
self-proclaimed AdSense gurus and experts are sharing this  insider 
knowledge, for a fee. You can learn all these secrets from them,  as 
long as you buy their e-book, sign up for their seminar or purchase  
their newsletter. But I'm going to share all their AdSense tricks for  
free. Here they are:<br />
1) Color code your ads to match your web site palette *exactly*.  Don't 
use frames around your ads. Instead, in the AdSense code  generation 
interface, make sure you choose the same color as your page  background 
for the ad frame and the ad background.<br />
When choosing the ad heading colors, match them to the *exact* color  of
 your page headings. Use the exact same ad background shade as your  
page background. Use the exact same ad text font and color as the text  
on your pages. You can see an example of this color-matching on my 
search engine advice  blog notice the 4 link ad unit and skyscraper text
 ad unit on the  left hand side under the headings Ads by Google as you 
scroll down the  page? The link and text colors are identical to the 
color palette used  throughout the rest of the page.<br />
Near enough is NOT good enough. If you can't quite get the color  
matching right, use Google's built in color palette together with the  
RGB to HEX or vice versa color converter on this page. That handy  
little tool was a life saver for me.<br />
This is probably the one single tweak that made the most difference  to my commission levels.<br />
2) Try not to use the traditional horizontal banner style or  leaderboard image ads because people are blind to them.<br />
3) Use Google's own AdSense  optimization tips and visual heat map to 
assist you in deciding  where on your page to place your AdSense ad 
code.<br />
4) Research competitive keywords using a keyword research tool such  as 
Keyword Discovery or  grab a list of the most popular keywords from 
various sources and use  them in your web site pages where relevant. 
This  article is a good source of frequently searched keywords. 
Targeting  popular keywords should trigger AdSense ads on your pages 
that utilize  those keywords. The more popular the keyword or phrase, 
the higher  AdWords advertisers are generally willing to pay per click 
for it so the  higher your commission on those clicks.<br />
5) Incorporate the AdSense code into your page so that the ads look  
like a regular part of your site. You can see an example of this on the 
Internet Dating Stories site  where link ads are incorporated within the
 regular left hand navigation  of the site under the heading "Feature 
Links".<br />
6) Use Google's new 4 and 5 link ad units wherever possible. They  seem 
to have a much higher Click Through Rate (CTR) than regular ad  styles. 
You can view all the AdSense ad formats <a href="https://www.google.com/adsense/adformats">here</a>.<br />
7) Place arrows or images next to your ads to draw attention to them.  
You can see two different versions of on this search  engine article 
library page at the top (where a pointing hand  directs your eye to the 
ad) and the bottom where 3 images draw your  attention to each of the 
three AdSense ads.<br />
8) Use the full allowance of multiple AdSense ads on each of your  pages
 - 3 regular AdSense ads, plus 1 link unit. Use careful placement  of 
these ads so they blend into your site and don't distract from your  
content. Clever use of this allowance can be seen on this page about bad
 Internet dating  stories where you see:<br />
- 1 horizontal 4 link ad unit towards the top of the page under the  first paragraph <br />
- 1 vertical skyscraper text ad unit about halfway down the left  hand side under "Sponsor Links" <br />
- 1 vertical skyscraper image ad unit down the left hand side under  "Sponsor Links" <br />
- 1 horizontal text banner unit at the bottom of the page with  images above each ad to draw attention to them.<br />
You can also include 1 AdSense referral button in addition to the 3  other units.<br />
9) Tailor your page content to a particular niche or focus. Page  
content that is tailored towards a specific theme is more likely to  
trigger AdWords ads that closely match the content and are therefore  
more likely to interest your visitors and inspire them to click. Don't  
create pages merely for the sake of placing AdSense ads. Visitors (and  
search engines) can see through this ruse in an instant.<br />
10) Use custom Ad Channels for each of your ad placements, for  example,
 "Top 5 Link Unit Blue Palette" or "Left Side Navigation Image  
Skyscraper" etc. Tweak, track and measure the success of each of these  
custom channels so you know what gives you the highest CTR. Some ad  
formats and colors will work better than others, but you won't know  
which until you test, test and test some more!<br />
<br />
<div style="text-align: right;">
Source: <a href="http://trucs-blogger.blogspot.com/2010/07/top-10-adsense-tricks-to-boost-your.html" rel="nofollow" target="_blank">trucs-blogger.blogspot.com</a></div>
</div>

Top 10 AdSense Tricks To Boost Your Commission

By Ashley Larrimore Google AdSense is fast becoming the preferred way for people to earn an income online. Forget eBay and multip...