Smashing Notes

How To Add Meta Tags / Content On Blogger HTML For SEO?

2012-06-03T20:06:00.001-07:00

Meta tags / content is a very important factor in search engine optimization. This means that this will help search engine crawlers to find your blog. This tags will not be seen in your homepage or your blog because this is placed in the blog HTML and only crawlers and of course you can see it. Some blogger templates have built-in meta tags in their blogger HTML so the only thing to do is to configure the meta tags. But most of the blogger templates don't have meta tags in their blog HTML so it is your initiative to add the meta tags to make your blog more SEO friendly.

Adding Meta Tags / Content On Blogger HTML

Now go to your Dashboard > Design > Edit HTML.
Find the line below in your HTML.

<b:include data='blog' name='all-head-content'/>

3. Configure the js below:

<meta content=' DESCRIPTION HERE ' name='description'/>
<meta content=' KEYWORDS HERE ' name='keywords'/>
<meta content='noodp' name='robots'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='3 days' name='revisit-after'/>

DESCRIPTION HERE : Change it with your blog description.

KEYWORDS HERE : Change it your KEYWORDS, separate keywords with comma.

4. Now add the configured script just below the code in step 2.

5. SAVE your template.

If you followed the steps above then you successfully added Meta Tags / Content in your blog HTML. Good luck in your SEO adventure. Drop a comment if you have something to say! ^^

Factors To Consider In Making Your Blog Load Faster

2012-05-08T07:41:00.000-07:00

Blog load time is a problem to some bloggers and is important for SEO. But relatively new bloggers don't have the idea or the knowledge to maximize their blog load time. So here are some factors to consider and to be implemented to make your blog load time more faster.

Blogging nowadays is getting tough. As it is said, you can't make your blog successful overnight. A lot of factors are to be considered to achieve and have a successful blog. One of the known and very important is SEO.

Optimizing a blog for Search Engines isn't that simple. You have to put in mind that many things matter to SEO. The nature of the content is very important and how it is constructed. But most bloggers are having a hard time when it comes to their blog load time. If you didn't notice, some of the blogs in the SERP (Search Engine Results Page), even in the 1st page are loading too slow that it annoys blog visitors. This sometimes means that even if you have the right content and everything in it to make it on the 1st page of SERP, it is not sure that visitors will read your content because they will close it finding that your blog loads very slowly.

There are really a lot of factors to consider in making your blog load faster. Some will hire a web developer or an SEO expert to optimize their blog but it will cost you a hundred dollar or more. But for blogger with has no budget for hiring an expert, you can just consider some factors that will make your blog load faster. This is very useful for new bloggers and for those that are not knowledgeable about SEO.

Consider These Factors In Making Blog Load Time Faster

Unnecessary gadget - you have to remember that a gadget contributes a lot in the blog load time. The more gadgets you have installed in your blog, the slower your blog load time. Try finding a fast loading free hosted blog for example and see the gadgets installed in that blog, I bet there's only one to three gadgets installed in there and compare it to a slow loading blog. You will surely say that gadgets really contributes on blog load time.

Number of blog post on homepage - as a blog load, it first show you the blog homepage where you can see the published content on that certain blog. By default you can manage to show how any blog post you want to show in the homepage but another thing to remember that it also contribute on the blog load time. The more post you have in your homepage the slower the load time of the blog. You should limit the post shown in your blog homepage with at least one and a maximum of ten.

Compressing the template styling or the CSS - the CSS file of your blog template has a size and you know how size matter when it comes to computers. So compressing it will help a little in making your blog load time faster.

Blog advertising - monetizing a blog is one of the reason for a person to start a blog aside from writing and want to be heard. But if this also contribute to the blog load time. Some advertising networks advertisement loads very slow thus making your blog load tie also slow. So better find and choose an ad network that suits your blog and does not make it load slow.

The above mention factors are just some of the most considered factors in making blog load time faster.

Originally published at Knoji.

How to Load Blogger Posts First Before the Sidebar

2012-05-06T07:55:00.002-07:00

Loading the main content first is very important in a blog and in SEO of course. Search engine crawlers (a program or automated script that browses the World Wide Web in a methodical manner in order to provide up to date data to the particular search engine) tend to prioritize the area of the blog that loads first. That's the reason why bloggers find ways to implement this on their blogs.

If you run a blog hosted by blogger, you will want new visitors to see your blog content first before anything else to get them hooked. But sometimes blogger blogs loads the sidebar first before the main content. It's an annoying problem for new blogger that wants to get loyal readers online.

You can fix this problem by just moving some codes in your blog template HTML. If you are not knowledgeable with HTML coding then don't worry because you can just locate the codes via search bar in your browser, that's Ctrl+F. It may take a few tries but you'll get it eventually and load the main content first before anything else in your blog.

Making Blogger Posts Load First Before the Sidebar

First, you need to Login in you account and go to Design then click on Edit HTML. After that locate the code that relates to your blog sidebar in the HTML. By default blogger assign "sidebar-wrapper" for the sidebar content and the area it self. In HTML coding, they call this areas in the blog as sections. Now, use your browser search bar (Ctrl+F) to find that line of code in the template HTML.

After finding the sidebar section in the template HTML, you can now cut the whole section or sidebar-related codes and paste it below the HTML codes related to the main content. That's "main-wrapper" by default in blogger. And make sure to paste the sidebar section below or after the main content section to load the main content first before the sidebar.

Finally, you can save your template HTML after doing the changes by clicking Save Template.

Always remember that the whole section in HTML coding starts with the section wrapper and ends with the matching end tag. The section tag is located on the middle of the section wrapper tag. And don't forget to save a backup of your blog template. You can download it in the backup/restore template section in the Edit HTML page.

Knowledge in HTML coding is very useful when customizing and configuring some areas of your blog. But if you don't have any background about HTML coding, I suggest you try changing and configuring your blog template HTML and you'll get use to it.

Originally published at Knoji.

Why A Blogger Should Use In-text Ad Network

2012-03-27T06:46:00.002-07:00

We can't say that all bloggers starts to blog because he or she just want to earn income from it but eventually a blogger will come to a time where he/she wants to monetize his/her blog. And that's where advertising comes in. a very popular ad network known is the google adsnese but a very sensitive one. You can be a publisher today and loss it by the next day if your not careful enough in handling your account. They are very strict when it comes to clicks. That is why bloggers find other ways to monetize their blog aside from ad networks and google adsense. Sometimes a banner ad slot could be useful to invite advertisers to advertise in your blog.

Here comes In-text Ad Network, an advertising that utilizes the keywords you have in your posts. Some blogger says that this kind of advertising annoys the log readers and viitors because of the pop-up window every time the reader mouse over a certain word that was used by the ad network. but this mentality was change when it was proven that In-text Ad Network is a good or shall I say a great way of monetizing a certain blog.

Adsense is very compatible with In-text Ad Network and also other advertising network. One of the most popular In-text Ad Network before was Kontera, it is still popular these days but they now have a very competitive rival, Infolinks.

Most bloggers use Kontera before but after trying Infolinks, they now use it permanently in their blog since they found out that Infolinks has better payout per number of clicks. If you didn't notice, ExpertsColumn also use In-text Ad Network and obviously it is Ifolinks.

Haven't use In-text AD Network in your blog? Signup for Infolinks HERE!

Add A Facebook Comment Box On Your Blogger Blog

2012-03-22T22:49:00.000-07:00

Adding a Facebook Comment Box on your blogger blogs is a great idea. Visitors will have an option to use the common blogger comment box or use the Facebook Comment Box in the case that they are online in Facebook. This is really a great plugin created by Facebook and was launched last 2009.

So lets get going!

Adding A Facebook Comment Box On Your Blog

I. Get a Facebook Application ID

1. Go to Facebook Developers Page.

2. Type your "Blog Title" on the App Name and click continue.

3. Now your finish making your application. The digits inside the red rectangle is your Application ID.

II. Adding The Facebook Comment Box On Blog

1. Go to Dashboard >> Design >> Edit HTML.

2. Click on "Expand Widget Templates".

3. Search for <html and just after it give a space and add this code,

xmlns:fb='http://www.facebook.com/2008/fbml'

4. Next search for <body> and after it add this code,

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : 'YOUR_APP_ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml : true // parse XFBML
    });
};
    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

IMPORTANT: Replace "YOUR_APP_ID" with you Application ID that you made earlier.

5. Next search for </head> and just above it paste the following code,

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Smashing Notes' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/jai.cuizon' property='fb:admins'/>
<meta content='article' property='og:type'/>

IMPORTANT:   You have to make the changes below:
Smashing Notes    - your blog title.
BLOG-LOGO-IMAGE-LINK    - your blog logo image link.
YOUR_APP_ID    - your Application ID.
http://www.facebook.com/jai.cuizon     - your Facebook user profile link.

6. Now search for the code below,

<b:includable id='comment-form' var='post'>

7. Add this next code after the code in step 6,

<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.smashingnotes.blogspot.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://smashingnotes.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>smashingnotes.blogspot.com</a></b></div></div>
</b:if>

IMPORTANT:

If you want to use the dark scheme then simply replace light with dark
To change the Comments box size, change this value width='520'
To change the footer credits size, change this value width:510px
Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to width='480' then set footer-size to width:470px

8. Save your template and your done! Check out you new comment box.

Create A Zoom Effect Photo Gallery Using jQuery

2012-03-17T21:40:00.001-07:00

This tutorial will show you how to create a Photo Gallery using jQuery which has a Zoom Effect. This is a pretty nice galley which you can implement in all your posts or adding a HTML/JavaScript gadget on your blog. This can also be implemented on your blog pages if you want. You only have to follow some simple steps below to implement this Zoom Effect Photo Gallery Using jQuery on your blog.

Implementing A Zoom Effect Photo Gallery On Your Blog

1. Go to your Dashboard >> Design >> Edit HTML.

2. Find ]]></b:skin>. Before it paste the code below. (Ctrl+F and paste the code on the search bar to find it easily.)

/* Blogger Zoom Gallery  */
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5UFtWCoLJ0eMJQV4YOLJS3FnDxzLcXkLms2oFf9Fc90B5A8148gvEvIUE9TNsNsIvECLQZs0JBl_3ZW-rzfAbipYy05l39VKqVw8rX-EbJdrDPIt8sTIukGHbcdOfN0mcingimjuYq61/) no-repeat center center;  /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}

IMPORTANT: You can change the value of this line "width: 360px;" to change the width of the gallery.

3. Then go and find the "</head>" tag and before it paste the next code:

<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview

$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);

} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});

//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {

var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });
return false; 
});

});
</script>

IMPORTANT: If you have jQuery already installed on your template delete the rel line in the start of the code.

4. Now save your template.

CONFIGURATION: In the place where you want the gallery to appear just paste the next code:

<ul class="thumb">
<li><a href="#"><img src="picture 1 Link" alt="" /></a></li>
<li><a href="#"><img src="picture 2 Link" alt="" /></a></li>
<li><a href="#"><img src="picture 3 Link" alt="" /></a></li>
<li><a href="#"><img src="picture 4 Link" alt="" /></a></li>
</ul>

Replace the blue line with the URL of your images,and if you want to make the image link to another page or url instead of # add the target url.

IMPORTANT: In order for the image to be not distorted, you have to make the dimensions of the image the same as the dimensions in the code. Find this code "ul.thumb li img {width: 100px; height: 100px;" if you want to change the image dimensions.

If you want to add a new image just add a new line of code like the upper ones.

Optimizing Your Blog Title Tags

2012-03-15T08:08:00.001-07:00

Blogsot blogs Title Tags by default shows the blog title first then the post title. This is not good for SEO (Search Engine Optimization). It is very important to show the post title fist then the blog title especially on Google search engine. This is because Google put more weights on optimized tile tags. But don't worry because this can be resolve by changing just a single code in your blog template HTML. Just follow the steps below on how to change your title tags for SEO.

Optimizing Your Blog Title Tags

1. Go to your Dashboard >> Design >> Edit HTML.

2. Find the code below. (Ctrl+F and paste the code below in the search bar to find it right away.)

<title><data:blog.pageTitle/></title>

3. Replace the code in step 3 by the codes below.

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

4. Save your template and you should see the result by checking your web browser.

It may take a few days for the changes to show up on the Google search results. But don't just rush things and have patience because SEO isn't that easy.

How To Simply Add Your Own Favicon On Blogger

2012-03-14T08:42:00.003-07:00

Boggers want to build brand for their blog and one easy way to do it is adding a unique Favicon. By default, a blogger blog has Blogger Logo as the favicon. You can change the default favicon easily of the blog on your blog design panel. The favicon on the upper left of the panel is editable, which gives you the option of uploading an image from you desktop or from the web as your blog favicon. But the change in favicon will be seen after a day. You don't want to wait that much time just to see a blog favicon right? So here's a way on how to change your blog favicon by just adding a code on your blog template HTML and that will show your new blog favicon just after you save the changes.

Adding A Favicon On Your Blog

1. First, you need to make you own unique favicon. You do it on image editors or directly from the web. (I have some list of sites where you can make your favicon after this tutorial.)

2. Now, go to your Dashboard >> Design >> Edit HTML.

3. Find the code below. (Ctrl+F and paste the code on the search bar to find it easily.)

<b:include data="blog" name="all-head-content"/>

4. Copy and paste the code below right after the code in step 3.

<link href="YOUR FAVICON IMAGE URL" rel="icon" type="image/vnd.microsoft.icon"/>

IMPORTANT: Change "YOUR FAVICON IMAGE URL" in the code above with the URL of your own unique favicon.

5. Now save the template and check your new blog favicon.

Favicon Editor Sites

Comment below if your having problem implementing this tutorial. ^^

Add A Nice CSS-jQuery Mega Menu On Blogger

2012-03-13T04:13:00.002-07:00

Menu bar is a very important part of a blog. This is where we can find important links regarding the blog posts or about the author itself. Usually, categories or major labels of the blog posts are located on this part of the blog. But some bloggers wants to show all their categories and further show sub-categories from the main categories which is not possible using the simple menu bar.

Now, this post will show you a nice Mega Menu using CSS and jQuery. This will make your visitors navigate your blog easily and find what they are looking for.

Adding A Nice CSS-jQuery Mega Menu On Your Blog

1. Go to your Dashboard >> Design >> Edit HTML.

2. Find the code: ]]></b:skin> and paste the codes below before or above it:

/*----------------------------------------------------
{--------}  Menu {--------}
----------------------------------------------------*/
ul.ldd_menu{
        z-index:999;
 margin:0px;
 padding:0;
 display:block;
 height:50px;
 background-color:#D04528;
 list-style:none;
 font-family:"Trebuchet MS", sans-serif;
 border-top:1px solid #EF593B;
 border-bottom:1px solid #EF593B;
 border-left:10px solid #D04528;
 -moz-box-shadow:0px 3px 4px #591E12;
 -webkit-box-shadow:0px 3px 4px #591E12;
 -box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
 text-decoration:none;
}
ul.ldd_menu > li{

 float:left;
 position:relative;
}
ul.ldd_menu > li > span{
        z-index:999;
 float:left;
 color:#fff;
 background-color:#D04528;
 height:50px;
 line-height:50px;
 cursor:default;
 padding:0px 20px;
 text-shadow:0px 0px 1px #fff;
 border-right:1px solid #DF7B61;
 border-left:1px solid #C44D37;
}
ul.ldd_menu .ldd_submenu{
        z-index:999;
 position:absolute;
 top:50px;
 width:550px;
 display:none;
 opacity:0.95;
 left:0px;
 font-size:10px;
 background: #C34328;
 border-top:1px solid #EF593B;
 -moz-box-shadow:0px 3px 4px #591E12 inset;
 -webkit-box-shadow:0px 3px 4px #591E12 inset;
 -box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
        z-index:999;
 background-color:#f0f0f0;
 color:#444;
 display:block;
 clear:both;
 padding:15px 20px;
 text-transform:uppercase;
 font-family: Arial, serif;
 font-size:12px;
 text-shadow:0px 0px 1px #fff;
 -moz-box-shadow:0px 0px 2px #777 inset;
 -webkit-box-shadow:0px 0px 2px #777 inset;
 -box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{

 list-style:none;
 float:left;
 border-left:1px solid #DF7B61;
 margin:20px 0px 10px 30px;
 padding:10px;
}
li.ldd_heading{

 font-family: Georgia, serif;
 font-size: 13px;
 font-style: italic;
 color:#FFB39F;
 text-shadow:0px 0px 1px #B03E23;
 padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{

 font-family: Arial, serif;
 font-size:10px;
 line-height:20px;
 color:#fff;
 padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
 -moz-box-shadow:0px 0px 2px #333;
 -webkit-box-shadow:0px 0px 2px #333;
 box-shadow:0px 0px 2px #333;
 background:#AF412B;
}

3. Now find the "</head>" tag and before it paste the following codes:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
        <script type='text/javascript'>
            $(function() {
    /**
     * the menu
     */
    var $menu = $(&#39;#ldd_menu&#39;);
    
    /**
     * for each list element,
     * we show the submenu when hovering and
     * expand the span element (title) to 510px
     */
    $menu.children(&#39;li&#39;).each(function(){
     var $this = $(this);
     var $span = $this.children(&#39;span&#39;);
     $span.data(&#39;width&#39;,$span.width());
     
     $this.bind(&#39;mouseenter&#39;,function(){
      $menu.find(&#39;.ldd_submenu&#39;).stop(true,true).hide();
      $span.stop().animate({&#39;width&#39;:&#39;510px&#39;},300,function(){
       $this.find(&#39;.ldd_submenu&#39;).slideDown(300);
      });
     }).bind(&#39;mouseleave&#39;,function(){
      $this.find(&#39;.ldd_submenu&#39;).stop(true,true).hide();
      $span.stop().animate({&#39;width&#39;:$span.data(&#39;width&#39;)+&#39;px&#39;},300);
     });
    });
            });
        </script>

If you already have jQuery installed on your template, just delete the red line above.

4. The next step is to find "<div id='footer-wrapper'>" or similar (might be different in your template) and before it paste the next code:

<ul class='ldd_menu' id='ldd_menu'>
    <li>
     <span>Vacations</span><!-- Increases to 510px in width-->
     <div class='ldd_submenu'>
      <ul>
       <li class='ldd_heading'>By Location</li>
       <li><a href='#'>South America</a></li>
       <li><a href='#'>Antartica</a></li>
       <li><a href='#'>Africa</a></li>
       <li><a href='#'>Asia and Australia</a></li>
       <li><a href='#'>Europe</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Category</li>
       <li><a href='#'>Sun &amp; Beach</a></li>
       <li><a href='#'>Adventure</a></li>
       <li><a href='#'>Science &amp; Education</a></li>
       <li><a href='#'>Extreme Sports</a></li>
       <li><a href='#'>Relaxing</a></li>
       <li><a href='#'>Spa and Wellness</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Theme</li>
       <li><a href='#'>Paradise Islands</a></li>
       <li><a href='#'>Cruises &amp; Boat Trips</a></li>
       <li><a href='#'>Wild Animals &amp; Safaris</a></li>
       <li><a href='#'>Nature Pure</a></li>
       <li><a href='#'>Helping others &amp; For Hope</a></li>
       <li><a href='#'>Diving</a></li>
      </ul>
      <a class='ldd_subfoot' href='#'> + New Deals</a>
     </div>
    </li>
    <li>
     <span>Equipment</span>
     <div class='ldd_submenu'>
      <ul>
       <li class='ldd_heading'>By Location</li>
       <li><a href='#'>South America</a></li>
       <li><a href='#'>Antartica</a></li>
       <li><a href='#'>Africa</a></li>
       <li><a href='#'>Asia and Australia</a></li>
       <li><a href='#'>Europe</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Category</li>
       <li><a href='#'>Sun &amp; Beach</a></li>
       <li><a href='#'>Adventure</a></li>
       <li><a href='#'>Science &amp; Education</a></li>
       <li><a href='#'>Extreme Sports</a></li>
       <li><a href='#'>Relaxing</a></li>
       <li><a href='#'>Spa and Wellness</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Theme</li>
       <li><a href='#'>Paradise Islands</a></li>
       <li><a href='#'>Cruises &amp; Boat Trips</a></li>
       <li><a href='#'>Wild Animals &amp; Safaris</a></li>
       <li><a href='#'>Nature Pure</a></li>
       <li><a href='#'>Helping others &amp; For Hope</a></li>
       <li><a href='#'>Diving</a></li>
      </ul>
      <a class='ldd_subfoot' href='#'> + New Deals</a>
     </div>
    </li>
    <li>
     <span>Locations</span>
     <div class='ldd_submenu'>
      <ul>
       <li class='ldd_heading'>By Location</li>
       <li><a href='#'>South America</a></li>
       <li><a href='#'>Antartica</a></li>
       <li><a href='#'>Africa</a></li>
       <li><a href='#'>Asia and Australia</a></li>
       <li><a href='#'>Europe</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Category</li>
       <li><a href='#'>Sun &amp; Beach</a></li>
       <li><a href='#'>Adventure</a></li>
       <li><a href='#'>Science &amp; Education</a></li>
       <li><a href='#'>Extreme Sports</a></li>
       <li><a href='#'>Relaxing</a></li>
       <li><a href='#'>Spa and Wellness</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Theme</li>
       <li><a href='#'>Paradise Islands</a></li>
       <li><a href='#'>Cruises &amp; Boat Trips</a></li>
       <li><a href='#'>Wild Animals &amp; Safaris</a></li>
       <li><a href='#'>Nature Pure</a></li>
       <li><a href='#'>Helping others &amp; For Hope</a></li>
       <li><a href='#'>Diving</a></li>
      </ul>
      <a class='ldd_subfoot' href='#'> + New Deals</a>

   </div>
    </li>
    <li>
     <span>Tourists</span>
     <div class='ldd_submenu'>
      <ul>
       <li class='ldd_heading'>By Download</li>
       <li><a href='#'>South America</a></li>
       <li><a href='#'>Antartica</a></li>
       <li><a href='#'>Africa</a></li>
       <li><a href='#'>Asia and Australia</a></li>
       <li><a href='#'>Europe</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Category</li>
       <li><a href='#'>Sun &amp; Beach</a></li>
       <li><a href='#'>Adventure</a></li>
       <li><a href='#'>Science &amp; Education</a></li>
       <li><a href='#'>Extreme Sports</a></li>
       <li><a href='#'>Relaxing</a></li>
       <li><a href='#'>Spa and Wellness</a></li>
      </ul>
      <ul>
       <li class='ldd_heading'>By Theme</li>
       <li><a href='#'>Paradise Islands</a></li>
       <li><a href='#'>Cruises &amp; Boat Trips</a></li>
       <li><a href='#'>Wild Animals &amp; Safaris</a></li>
       <li><a href='#'>Nature Pure</a></li>
       <li><a href='#'>Helping others &amp; For Hope</a></li>
       <li><a href='#'>Diving</a></li>
      </ul>
      <a class='ldd_subfoot' href='#'> + New Deals</a>
     </div>
    </li>
   </ul>

Save the template and see the result.

IMPORTANT: You may not follow step 4 in the tutorial and you may copy and paste the codes where you want the Mega Menu to appear on your blog (in the header perhaps).

Summer Is Hotter With Banana Boat Sunscreen Lotion, Shick, & Nuffnang

2012-03-12T05:45:00.000-07:00

My ideal Nuffnang summer is an adventure through Island Hopping. I want feel the heat of the sun on this outdoor activity on summer and see the beauty of every island I am going to step on. Wew, this would be a great activity with friends. I should go invite my friends to do island hoping this summer and we'll have a good and happy time as we go on the adventure.

Cebu or Bohol might be a good place for Island Hopping this summer. See if I make this happen! ^^

Of course we don't want to be grilled by the heat of the sun and want to look clean. Good thing there's the two summer must-have - "Shick. Free your skin. And Banana Boat Sunscreen Lotion. We've got you covered".

Adding A 3D Spherical Animated Tag Cloud On Blogger

2012-03-09T23:07:00.002-08:00

Tag Cloud, Labels, Category widget or whatever you call it. This widget is very important in your blog. This helps the visitors to navigate further your blog easily. The usual widget shows the list of the labels you have in your posts which is kinda normal to a blog. Some bloggers are experimental in nature and want some new stuff running in their blogs and this widget fit them most.

This widget is a 3D Spherical Animated Tag Cloud Widget known as Blogumus. As the name implies, this is animated so the labels or categories that it shows have a special effect. If a visitor hover his mouse to the widget then the labels will start rotating in a spherical pattern. Just follow the steps below to have it on your blog.

Adding A 3D Spherical Animated Tag Cloud On Blogger / Blogumus:

1. Go to your Dashboard >> Design >> Edit HTML.

2. Find the code below (just press Ctrl+F and paste the code on the search bar to find it easily)

<b:section class='sidebar' id='sidebar' preferred='yes'>

if you can't find the code above the finding the code below

<b:section-content id='sidebar-right-1'>
or
<b:section-content id='sidebar-left-1'>

3. Copy the code below and paste it directly after the code in step 2

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus</div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;160&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x800060&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Preview your blog. If you see the widget running completely then you can save your template.

IMPORTANT: You can change some of the variables on the code to fit the widget to your theme.

Find the digits below and change it the same as your theme.

Text color: 800060 (purple as default in the code above)
Height: 200 px
Width: 160 px
Font size: 12

Drop your questions on the comment box if you have problem implementing this widget. Good day!

Add A Beautiful Slide Out Heart Bookmarking Gadget On Blogger

2012-03-09T10:07:00.002-08:00

This post will show you how to implement a beautiful and awesome Slide Out Heart Bookmarking Gadget on blogger/blogspot blogs. The gadget looks great and the slide effect is very cool. When the heart opens, it shows icons from several social networking sites like Facebook, Twitter, LinkIn, Stumble Upon. Sharing through email is also there and lastly the ShareThis Icon that offers a hundreds of more bookmarking choices. This gadget is fixed on the lower left corner of the blog if your just implementing it as is in the code. But you can change the position of the gadget which is to be learn on the tutorial below.

Adding The Slide Out Heart Bookmarking Gadget To Your Blog

1. Go to your Dashboard >> Design >> Edit HTML.

2. Find the below on your template HTML. Just use Ctrl+F and copy paste the code on the search bar to find code easier.

</head>

3. Copy and paste the code below directly above or before that "</head>" tag.

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

4. Now find this piece of code on your template HTML.

</body>

5. Then copy and paste the codes below directly above or before that "</body>" tag.

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>

IMPORTANT: The gadget is set to be in the bottom left corner of your blog but you can easily change the code in color red "bottom: 2%; left: 2%;". Change bottom to top for it to be at the top of the page and left to right for it to be on the right side of the page. You can also change the percentage to move the gadget from the bottom/top and left/right.

6. Finally you can save your template.

Check it out! And you will be amazed by this great gadget. Drop your questions on the comment box below.

3 In-Text Ad Networks A Blogger Must Try

2012-03-08T23:50:00.000-08:00

There's a lot of In-Text Ad Network to try with. This kind of advertising may annoy some of the visitors of your site but it is a good way of monetizing your site traffic. Some say it's not good to have In-Text Advertising on blogs because visitors might end up leaving your site without checking it out. but in my opinion, it does not cause any problem as long as your content is what the visitors are looking for. They don't give attention to this small pop-up when the mouse hover the text. So I as well us In-Text Ad Network in this blog.

Try some of the In-text Ad Networks looking for publishers like you!

Infolinks.com

Infolinks In-Text Ad Network is the most reliable and proven to be giving a good rate for clicks. They're one of the leading In-Text Advertising company known among bloggers. Easy to apply as publisher and prompt payments via your selected payment process.

Kontera.com

Kontera is another In-Text Ad Network to try. They're are one of the pioneers in the In-Text Ad Networks if I'm not mistaken as I heard a lot about them when I started blogging. Have also good rates on ad clicks and pays on time.

Intectclick.com

Intentclick In-Text Ad Network is relatively new in the industry. It is a must try among bloggers who focus on blogging topics about coupons, discounts, sales and whatsoever because of the $0.07 flat rate they give per click. Isn't that a great deal? Just imagine to have a thousand clicks per day and how much will you make from Intentclick Ad Network is an easy $70 per day. Try it out!

Making Your Blog Load Faster

2012-03-08T01:07:00.001-08:00

Blog load time is one of the problems among blog owners. As much as possible we want o load pages on our blog faster to please blog visitors s they browse those pages. But unfortunately we can't avoid this thing to happen. What we can only do is minimize or lessen the blog load time by considering some factors.

How To Make Your Blog Load Faster?

One of the factors to consider in making your blog load faster is your blog widgets. Widget makes a contribution on the slow blog load, specially those widgets which has external links on it. This kind of widgets are customized not like the "easy install" widgets available in your blog platform. Usually, people who customized these widgets includes their links on the codes which makes the blog load time slower because they are external links to crawl. So as much as possible, remove the unnecessary widgets on your blog.

Another factor is blog advertisements. Of course bloggers want to monetize their blogs that's why they put ads on it. But as what I've said, external links slows blog load time and advertisements and banner ads are some of those. So better choose an advertising network that does not slow our blog load time.

And lastly, you can enhance your blog load time by compressing the CSS codes of your blog template. The bigger the size of the CSS codes, it contributes more on blog load time. That's why simply blog design loads faster than that of a customize and premium looking ones.

There are more factors to consider like your blog hosting and platform and the same time there's a lot of software to remedy this problem out there but of course you have to spend some for that.

Add A Stylish Page Navigation Feature On Blogger

2012-03-06T08:39:00.004-08:00

A Page Navigation Feature is very important for every blogger or wordpress blog user, and we can create it easily with stylish and attractive design. Page navigation for wordpress blog is vital, the navigation links allow search engine to crawl more links to the site interior thoroughly. So this is good for Search Engine Optimization. And for blogger, even though blogger use different kind of site navigation - by searching method, but the page navigation provides easy way for user to access site contents. By this point, page navigation for blogger has a quite important role to make the site User Friendly.

This tutorial is about adding a stylish page navigation feature on blogger. It's quite simple to add page navigation for blogger, just follow the easy steps below.

Adding Stylish Page Navigation

1. Go to your blogger Dashboard >> Design >> Edit HTML.

2. Find the code below

'data:label.url'

and replace the code in step 2 with the code below

'data:label.url + "?&max-results=6"'

Note: If you found more than one code in step 2, you may replace all codes found so it should limit contents in search navigation, archives, and labels. The number 6 shows limitation of how many contents per page will show, then you may change it to your liking.

3. Now this next step is adding the codes for the style of your stylish page navigation. You can found the code below corresponding with the style of navigation page.

Find the code below

</body>

and just above the code in step 3, paste the codes of your selected stylish page navigator.

Graylite Stylish Page Navigator

Get Code

BlackMamba Stylish Page Navigator

Get Code

DarkBlue Stylish Page Navigator

Get Code

SweetOrange Stylish Page Navigator

Get Code

GreenRuby Stylish Page Navigator

Get Code

Configuration: In the downloaded codes you have to change numerical values the same as the maximum post you want to show on every page. See the codes below.

<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

in the code, the numerical value 6 is the same as the max results you can see in the code in step 2.

Your done! Check out your new page navigator now.

How To Add Google Translate Widget On Blogger

2012-03-04T03:56:00.004-08:00

Not every blog visitors can understand or read "English" or they can read but not that much. That's why Google made a service on translating any online document in English to a certain language. Google translate feature has been out for quite some time and a variety of tutorials are also out there for you to have this Google service. This post is about a Google Translate widget for bloggers. An easy set-up widget intended for your blog readers.

Adding Google Translate Widget On Blogger

1. Go to your Dashboard >> Design.

2. Click on "Add a Gadget" and select HTML/Javascript on Sidebar or Footer Widget.

3. Copy and paste any of the codes below which will fit to your blog need. And your done.

Single Row Widget Codes:

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:#FFFFFF;min-width:235px; margin: 5px 0 5px 0;">


<div align="center" style="width:auto;">



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>



</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.smashingnotes.blogspot.com" target="_blank">?</a> <a href="http://smashingnotes.blogspot.com/2012/03/how-to-add-google-translate-widget-on.html" target="_blank">Grab this Widget</a></small><br/>

</div>

Double Row Widget Codes:

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:#FFFFFF;min-width:180px; margin: 5px 0 5px 0;">

<div align="center" style="width:auto;">



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a><BR/><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>




<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>





<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>



</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.smashingnotes.blogspot.com/" target="_blank">?</a> <a href="http://smashingnotes.blogspot.com/2012/03/how-to-add-google-translate-widget-on.html" target="_blank">Grab this widget</a></small><br/>

</div>

Single Column Widget Codes:

<strong> Google Translate</strong>™<br/>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/> Chinese</a>


<br/>



<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/> French</a>



<br/>



<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/> German</a>



<br/>



<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/> Italian</a>



<BR/>



<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/> Japanese</a>



<br/>


<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/> Korean</a>



<br/>



<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/> Russian</a>



<br/>



<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/> Spanish</a>



</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/>
<small><a href="http://www.smashingnotes.blogspot.com/" target="_blank">?</a> <a href="http://smashingnotes.blogspot.com/2012/03/how-to-add-google-translate-widget-on.html" target="_blank">Grab this widget</a></small><br/>

</div>

Hit the comment box if your having any problems implement the widget.

Adding A Stylish Subscription Box On Blogger

2012-03-04T03:27:00.001-08:00

I know you would love to see your blog readers rise to a certain number. This would only be possible and encourage visitors subscribe on your blog if they can see a stylish subscription box somewhere on your blog. Subscription box is mostly located on blogs sidebar or somewhere under post body. But I would suggest putting it under every post so that readers will directly see the stylish subscription box after reading a certain blog post of yours.

This stylish subscription box is designed for bloggers that don't like adding the default blogger subscription box which is quite very simple. The instruction will leads you on putting the subscription box under every blog post.

Adding Stylish Subscription Box

1. Go to Dashboard >> Design >> Edit HTML.

2. Click on the Expand Widget Templates.

3. Find the code below

<data:post.body/>

and paste the codes below just after the code in step 3 ..

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=SmashingNotes', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;' target='popupwindow'><span style='margin:0 auto; padding-left:24px; position:relative;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VxQ7AnaDm1IVJ-EVom277RTr_zYGclwEkl0921Sc-qDz8oJPEzZHbWUf1Uu3biB0bm4uOAqlsXo95yxOgpYiaD_AT1tjZ5J_aeqVkeFdpQMAuXJNBsmzVai03lD_0CqdkDVvmjphmy0/s1600/myrss.gif) right center no-repeat;'/>Get Free Updates: <input name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = ""}' style='width:176px;height:18px; background: #ffffa0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVEQJt6_3Um119ZUr3ptolZLXyJ39qxNDjJzYBkRFEut5yiOyIjWy22cttnWfeKH8YsgeQ2apvPjeu7RsXmDaJF-EACEpOW63qDrPgjrmRkgZhZc0n79pFu_R2kUv9nmY5kaSpiJ5fQ7_V/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;' type='text' value='Enter your email'/><input name='uri' type='hidden' value='SmashingNotes'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</form>

IMPORTANT: You have to change "SmashingNotes" in the code above with your feed ID.

Your done! Check your stylish subscription box now. Take note that you can put this anywhere on your blog. If you wish to put the subscription box on the sidebar, you just have to copy the code and paste it on a HTML/JavaScript Gadget. And you have to change the width of course to fit your sidebar width.

If your having problem implementing this on your blog template HTML, just hit the comment box and we'll find a way to that problem.

How To Implement A Threaded Comment Feature On Blogger

2012-03-03T03:06:00.011-08:00

Threaded comment feature on a blog is a good way of encouraging visitors and blog readers to have a conversation on your blog posts. Google even stepped up on their blogspot platform, they now have a threaded comment featured on the blogspot blogs. But some are not enjoying this feature because of the new templates used mostly of blogspot bloggers. But not to worry because every blog feature has a trick.

This post will show you the threaded comments on your blog. Just follow the instructions carefully because you have to change and put the codes yourself directly on your blog template HTML.

Implementing Threaded Comments On Blogger

1. Log in to your dashboard >> Template >> Edit HTML.

2. Click on "Expand Widget Templates"

3. Search "Ctrl+F" and find ]]></b:skin>. Before it paste the code:

/*----------------------------------------------------
          {--------}  Comment {--------}
----------------------------------------------------*/
#comments h4 {
font-size: 18px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width:60px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
outline: 1px solid #fff;
border: 1px solid #ddd;
padding: 3px;
background-image:  url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_avatar_a {
margin: 0;
vertical-align: middle;
border: 1px solid #ddd;
padding: 3px;
background:#c6e5f7;
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px 16px 0 16px;
background: #F7F7F7;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}
.cm_entry_a {
padding: 16px 16px 0 16px;
background: #F7F7F7;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ozlI0CX-h63XAbsbt0jFo632xUSVnCYLheF53ieFErQI4-qKurg_Q96xyYLjIwRXAgeJ-0H1DQx4WHDNjlbSxQRMHxhLuBVZOEVt77d2aOOg3fflZMXkc6Qh5c5MDBNDBT0r31zzIiI/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
padding: 5px;
}
.cm_info_a {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #dff0fa;
padding: 5px;
}


.cm_name {
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;

}
.cm_name_a {
font-family:"Francois One";
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: 250;
float: left;

}

.cm_date {
font-size: 10px;
color: #999;
text-decoration:none;
float: right;

}
.cm_date_a {
font-family:"Francois One";
font-size: 10px;
color: #2D5E7B;
text-decoration:none;
float: right;
padding-top:5px;

}
.cm_entry p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_entry_a p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color:  #dff0fa;
font-size: 13px;
color: #333;
word-wrap:break-word;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

IMPORTANT: If your having problems with the avatar, search the next code (might be different in your template):

.avatar-image-container {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDblegTdW9CeDPNjc17eRaNRvWR1NoMDcO7xkx-yYAxygFaXLpPj4Kxn_-w3IDiNTWVCo0CljGlmj4gNJbSlrQJ-IbYTpyDtEHnVkBjV_YZyDyIZ2uFjB_vdmLiPFSs_oZ8aDFRej3Zg/s400/default.gif); 
width:35px;
height:35px; 
}
.avatar-image-container  img {
 border:none;
 }

The lines of code in blue are editable. You can change the admin reply background color in the blue lines. So you can play with them to change the admin/author comment appearance.

4. Then find </body> and right before it paste the next code:

&lt;script type="text/javascript"&gt;&lt;!--
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--&gt;&lt;/script&gt;

5. The final step is to search for the following code:

<b:includable id='comments' var='post'>

lots of code lines that you must replace

</b:includable>

... and replace the code lines between that includable tags with the next code:

<div class='comments' id='comments'>
  <a name='comments'/>
  <b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments &gt; 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>
        
        <div id='cm_reply_css'/>
        
        <div class='cm_pagenavi' id='cm_page'/>
        
        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>
                
                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/> 

<b:if cond='data:comment.author == data:post.author'>
                               <div class='cm_head'>
                                <div class='cm_avatar_a'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                        
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=__BlogID__&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>
<b:else/>

                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                        
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=__BlogID__&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>
</b:if>

<b:if cond='data:comment.author == data:post.author'>
                                <div class='cm_entry_a'>
                                <span class='cm_arrow'/>
                                <div class='cm_info_a'>
                                    <div class='cm_name_a'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                       <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/> 
                                            </b:if>                                   
                                </div>  
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if> 
                            </div>
                        

<b:else/>

                            <div class='cm_entry'>
                                <span class='cm_arrow'/>
                                <div class='cm_info'>
                                    <div class='cm_name'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                      <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/> 
                                            </b:if>                                   
                                </div>  
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if> 
                            </div>
</b:if>
                        </div>
                    </div>
                </b:if>              
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'/>

    <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='comment-form'/>
            <b:else/>
                <data:post.noNewCommentsText/>
            </b:if>
            <b:else/>
            <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
            </b:if>
    </b:if>

  </b:if>
  </div>

IMPORTANT: Replace the __BlogID__ with the your own BlogID number.

Where you can find the BlogID? See the image bellow.

See your post URL and the 19 digits after the "blogID" is your actual blog ID.

Then your done. Try having a reply post in your blog comments and you'll see your new threaded comment feature. Just hit the comment box if your having problem in implementing the codes.

Beginning Blogger Infographic By Infolinks

2012-03-01T07:48:00.003-08:00

Nowadays, a lot of people are having a blog. We don't really know what's their reason, whether to be popular, earn income from it or to tell the world what they have to tell. All we know is that a beginning blogger has to consider a lot of things to make his/her blog known.

Infolinks.com, a leading In-text Ad company, recently made an infographic on things to consider when launching your own blog. There are many “Blogging Gurus” out there and it’s hard to know exactly what the right strategy is to launch a successful blog and make a decent income from it.

Below is the "Blogger Brain" Infographic illustrated by Infolinks that a beginning blogger has. Take a good look on every illustration because it really is a good guide also for a blogger.

Share it to everyone!

Hot New Smartphones from Mobile World Congress 2012

2012-02-28T12:24:00.003-08:00

Smartphones are exploding onto the scene this week at Mobile World Congress, a veritable smorgasbord of hot new mobile technology in Barcelona. While keeping phones that don't start with "i" straight is never an easy task, we've collected some highlights from this week's mobile extravaganza to help you sort the wheat from the chaff. From absurdly high resolution cameras to tablet copycat capabilities, manufacturers are going all out to make their phones stand apart from the pack.

HTC One X
Mobile gadgets may be multiplying like rabbits over at Samsung, but HTC wants you to know that it's still just as relevant as ever. The company that broke mobile ground with the HTC Evo 4G has a new flagship phone in store: the HTC One X. The One X will run its own flavor of the hot new Android 4.0 operating system out of the box, and with support for 4G LTE, NFC for nifty tricks like Google Wallet, Beats audio, and a huge 4.7", stunning 720p Super LCD2 screen. Unfortunately, the the U.S. version won't pack a monster quad-core processor like its European counterpart, but this powerhouse still looks to give Samsung's army of Galaxy devices a run for its money. Watch for it on AT&T within the next few months.

Nokia 808 PureView
Nokia has a handsome new line of top-notch Windows phones, but the company loves to pull out all the stops when it comes to cameras. The Nokia 808 PureView isn't up to the Lumia line's standards in nearly every regard, but it does boast an absolutely absurd 41MP camera. The phone includes support for up to 48GB of expandable memory for all of those pixels, but since it runs on Nokia's own operating system rather than Windows Phone or Android we can't imagine it seeing any kind of mainstream adoption. Nokia's 808 PureView may be little more than marketing stunt, especially considering that HTC's Titan II Windows phone combines mega-megapixelage with an actually otherwise respectable phone, but it's still an interesting feat from a company looking to revitalize its brand with some seriously stunning smartphone optics.

Samsung Galaxy Beam
Your head might be reeling from trying to untangle the web of Samsung's Galaxy-branded devices, but the Galaxy Beam does have a pretty notable trick up its sleeve. As its name would suggest (in a refreshing turn of logical gadget-naming), the Beam packs a built-in projector so you can share images, video, or presentations on your surface of choice up to 50" wide, which sure beats taking turns peering into its 4" screen. The notably bright 15 lumens projector can keep its charge for three straight hours of projected video playback, which should meet most professional needs — we'd definitely nod off somewhere in the second hour of PowerPoint slides. The phone runs on an older version of Android (2.3) for the time being, but Samsung claims that Android 4.0 (Ice Cream Sandwich) is en route.

Nokia Lumia 610
Windows smartphones are arguably just as capable as the Android and iOS devices on the market, but they've remained a tough sell due to Windows Phone 7's late entry into the mobile fray. With the Lumia 610 — a new entry-level Windows handset — Nokia hopes to lure customers in with a list of features and a bare-bones price point.

Being touted as the "most affordable" Lumia smartphone, the 610 is equipped with all the social networking and media functionality you'd expect from a Windows Phone device, including Twitter, Facebook, as well as integrated GPS and music apps. The phone is being marketed to a somewhat younger audience, and its rounded chassis will be available in multiple colors to broaden its appeal. If your interest is piqued by Nokia's Lumia line but the high-end Lumia 900 looks like overkill, the 610 might just be the phone for you.

Asus PadFone
While some companies are attempting to blur the line between tablet and smartphone, Asus has a different plan: a phone that fits inside a tablet. The new PadFone — aside from having the most literal name of any handset we've ever seen — is a high-end Android 4.0 smartphone featuring a 4.3" HD display, 8-megapixel camera, and a speedy Snapdragon S processor.

These stats alone would make it a worthy contender for your smartphone bucks, but the PadFone has another trick up its sleeve: an optional tablet accessory that not only stretches the smartphone's display to 10.1", but also. extends its battery life. When plugged in to the tablet, you can use the PadFone just as you would any other Android tablet, and even take calls as you normally would using a Bluetooth headset. The PadFone is scheduled to ship in April, though pricing for the handset and its accessories have not yet been revealed.

Keep in mind that most of these phones won't be hitting shelves for a while yet, so carrier and pricing details are scarce. Still, it's not a bad idea to know what's on the horizon before you sign in blood on your next two-year carrier contract — especially since this wave of devices has some compelling quirks.

Originally appeared on Tecca.

How To Put Nuffnang Ads On Tumblr?

2012-02-27T08:32:00.005-08:00

Most of bloggers who have their Nuffnang Ads in their blog are having no problem in installing Nuffnang Ads because they will just have to click on 'add widget' box and paste the add code there (on blogspot). But how about Tumblr blogs? There have been a lot of searches on how to put Nuffnang Ads on Tumblr blogs recently. So I bet your one of them and fortunately your in the right place.

This tutorial is about placing a Leader Board Unit (728x90) above your Tumblr blog entry and Large Rectangle Unit (336x280) under your Tumblr blog entries. This will also be seen in the homepage of your blog. All you have to do it put the ad code on your Tumblr theme HTML. So lets start!

Putting Nuffnang Ads On Tumblr (728x90)

1. Login to your Tumblr account. From the top menu, click your Tumblr name account.

2. Then click on 'Customize Appearance' on the left sidebar.

3. On the right sidebar, click on 'Edit HTML' beside 'custom theme'.

4. Copy the 728x90 ad code on your Nuffnang Ads page and find the line below in your Tumblr HTML.

<div id="content">

Ctrl + F to find the line easily.

5. Paste the 728x90 Nuffnang ad code just above the line you found in step 4.

6. Click on 'Update Preview' to check if the code is on the right place. If you can see it on the right preview then that it.

Putting Nuffnang Ads On Tumblr (336x280)

1. Login to your Tumblr account. From the top menu, click your Tumblr name account.

2. Then click on 'Customize Appearance' on the left sidebar.

3. On the right sidebar, click on 'Edit HTML' beside 'custom theme'.

4. Copy the 336x280 Nuffnang ad code and paste it directly on the lowest part of your Tumblr theme HTML where you can find the body tag (</body>). Paste under the line next to that tag and your done!

Follow me on tumblr : smplyjai.tumblr.com

Hope it helps! But if your having any problem on having the ads on your Tumblr blog just don't panic. Leave a comment below and maybe I can fix it for you. ^^

A Steamy 'Waterworld' Type of Alien Planet

2012-02-22T07:42:00.004-08:00

Scientists have discovered a new type of alien planet — a steamy waterworld that is larger than Earth but smaller than Uranus. GJ1214b, shown in this artist’s view, is a super-Earth orbiting a red dwarf star 40 light-years from Earth. New observations from the NASA/ESA Hubble Space Telescope show that it is a waterworld enshrouded by a thick, steamy atmosphere. GJ 1214b represents a new type of planet, like nothing seen in the Solar System or any other planetary system currently known.

The standard-bearer for this new class of exoplanet is called GJ 1214b, which astronomers first discovered in December 2009. New observations by NASA's Hubble Space Telescope suggest that GJ 1214b is a watery world enshrouded by a thick, steamy atmosphere.

GJ 1214b, which is located 40 light-years from Earth in the constellation Ophiuchus (The Serpent Bearer), is something new altogether, researchers said.

This so-called "super-Earth" is about 2.7 times Earth’s diameter and weighs nearly seven times as much as our home planet. It orbits a red-dwarf star at a distance of 1.2 million miles (2 million kilometres), giving it an estimated surface temperature of 446 degrees Fahrenheit (230 degrees Celsius) — too hot to host life.

A Watery Composition

Since astronomers know GJ 1241b's mass and size, they're able to calculate its density, which turns out to be just 2 grams per cubic centimeter (g/cc). Earth's density is 5.5 g/cc, while that of water is 1 g/cc.

GJ 1214b thus appears to have much more water than Earth does, and much less rock. The alien planet's interior structure is likely quite different from that of our world.

GJ 1214b probably formed farther out from its star, where water ice was plentiful, and then migrated in to its current location long ago. In the process, it would have experienced more Earth-like temperatures, but how long this benign phase lasted is unknown, researchers said.

Because GJ 1214b is so close to Earth, it's a prime candidate for study by future instruments. NASA's James Webb Space Telescope, which is slated to launch in 2018, may be able to get an even better look at the planet's atmosphere, researchers said.

My Baby's Valentines Day Surprise For Me! ♥

2012-02-14T04:51:00.002-08:00

My first entry to this blog was my e.valentine card i made for my baby for the coming Valenines Day. That was just a little surprise I had in mind and I am very happy that I did surprised Miss Sugar Marie Cañeda in that simple card I made. The most important thing that happened is that I didn't expect her to make a little surprise for me too. ^^ Yes, she did surprise me in a video she made which features the happy images we had shared in the past year that we're together.

The above video is the surprise she made fo me. My Valentines Day was great even if we didn't have a special celebration for the occasion. We ended the day together and happy in each other's company.

I just simply love the girl and I hope I can still love her in the years to come. I just want to spend my life with her as much as possible. ^^ I LOVE YOU BABY, thanks for making me happy always.

A Happy Valentines Day To My Baby!

2012-02-13T08:11:00.001-08:00

Before anything else, I just want to say that I am starting this blog for her. I am referring to Miss Sugar Marie Cañeda. This is for you baby, corny na kung corny. ^^ that's HER >> >> >>

Isn't she beautiful? ^^

Just hit the comment box after this post if you have any violent reactions or suggestions or whatsoever.

Let's start.

I made a card for her. It's an e.valentines card since I don't know how to make one. Of course it's easier to make one online! I wrote a message on it and I am showing this to her tomorrow, Feb. 14, it's Valentines Day. Just a little surprise that I have in mind.

We been together for more than a year for the record. It's the longest time she had a boyfriend then. ^^ And I hope we'll still be together for the years to come.

I LOVE YOU so much baby.

Thanks for bearing with me all the time. I just hope you don't get tired and will still be with me as time pass.

Thanks a lot, really!

I just want to make a request guys, please leave a message for her or for us perhaps. Just hit the comment box. I would greatly appreciate your participation on this. This is just a little surprise for my baby and I want you guys to be part of it. Help me please! ^^ Thanks a lot in advance guys.