7 Reasons Your Site Ranked Dropped

Google Bots! Sometimes difficult to comprehend, its ability are more than we can visualize, as a site owner, a proper understanding of how they work will take you a long way in ranking.

 Before listing out some puzzling reasons Google might diminish your site rank, it's appropriate we fully understand what we are talking about here.

So What The Google Ranking?

In a simple definition, it's a way of measuring the importance of a website. Don't get it? OK

It's an algorithm used by Google to rank sites in search results by search engines.
That should give a clear explanation of what Google ranking is.

Explain Google Search Rank Scaling Down

Is simply when a highly or higher ranked site drops it's worth resulting to poor appearances in Google searches. The value and authority it lessened.
By now you might have gathered what this post is all about. Let's get to the reason Google might diminish your site search ranking.

Google will decrease your site ranking if:

Your Site Is Pass Over:

Believe it or not, Google bot never take it likely with sites left unattended for an extended period. Has more than enough posts to carry you for a long time without regular updates as you are supposed to will condition your site, inappropriate to Google bots and eventually reduce your website ranking.
Updating at least once in a week have what it take to preventing Google search rank pruning.

Your Site Isn't Mobile Friendly
As you know or might have read elsewhere, Google is trying to put the mobile first, aside from that, if your run through your platform analytics, you might find the mobile platform more than the Desktop and Tablets. Am guessing you know what that designate?

If your site isn't mobile-friendly, the chances of your site Google search rank demolished is high. The use of the mobile device has beat the use of desktops and laptops computers by over 70% due to the introduction of highly/more capable smartphones. Don't let cell phones bring your site down.

Also Read: Tips To Improve SEO In Blogger

Alternate Templates Frequently
Yes, plenty of site owners undertake it, especially the design freaks, I have seen instances, where site owners go online, download third party templates and use it on their sites(Blogger).
Using a well created, responsive and SEO friendly template, won't get you in trouble, only when there is a constant shuffle of templates,  that will get your site a Spam spotlight.

If you are a site owner who ain't easily satisfied with its appearance, end up using over four templates in a week and continuously without concern. About Google search bots which are roaming around your template every time.
You should hire a web designer to make your site look just as perfect as you want it and avoid Google search rank decreased.

There Is Regular Change Of Keywords
Do your keyword research and keep that way. Regular change of keyword gets search engine bot confused on what your page is about and make them establish a distrust thereby leading to your site deserted.
Do I need to say more? Just keep it real.

Have Too Many Duplicate Contents 
Content Duplication and Manipulation gives a negative impression to Google bots. "Duplicate content refers to substantive blocks of content within or across domains that either completely matches other content or are appreciably similar." Stop content duplication and manipulation.

You Don't Add "no follow" Attribute To Affiliate Links
They don't smile to affiliate links in a blog post, especially when they are way too many. If this is your aspect(affiliate marketing), then read carefully to avoid derank or penalty from Google search bots or any other search engine.
When writing a post for a product you want to promote,  placing the links(affiliate) in your post directly can get you in trouble.
Except you add a "no follow" attribute to the links, this way Google bots won't be able to follow those links making it safe to use affiliate links in blog posts.

Synopsis, Keeping it real, regular reading of Google rule and regulations and doing the right thing is the ultimate method of keeping your site healthy and High ranked in Google search results.

Read More

How to Remove Label Message In Blogger.

How To Remove "Showing Post With Label" Message in Blogger

It is set a default for any Blogspot platform user, the message Showing post with label xx xx" appears when your readers search your blog via the label. It is pretty useless, unprofessional and annoying if you wish to remove this feature from your blog, follow the steps below.

Steps to Removing "Showing post with label ... show all posts."

==>log into blogger.com dashboard > Template >> Edit Html (save template if required)

==> Click any point in the template and Hit Ctrl+F keys in window, Cmd+F keys for Mac.

==> Search for the code below using the search box

<b:includable id='status-message'>

==> When found, click on the little black arrow sign by the left to expand it.
==> The below is what you will need to remove alongside the first one as well.

<b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>

==> Replace with this

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

==> Save your template, you done, visit your site, click on any label, the "Showing post with tag" message Should be gone.

Read More

How To Break Post In Multiple Pages In Blogger (Post Pagination)

You wish to divide post into different pages, this one is for you, you might have written a very long post and wish to divide the post into different page to make your readers more engaged and get less bored with your writing, using Post Pagination is what you need to this awesome styling.

Apart from having a very long post written, there may be lots of other reason you might want to use this pagination for blogger, like making it easier for google to crawl it, that's to say it's an SEO factor also to increase your readers interest.

Lets get to the  steps in Adding awesome Post Pagination For Blogger.

Steps To add Pagination in Blogger

==> Log on to blogger.com > Template >> Edit Html, save a copy of your template if required.
==> Make sure your template has jquery, if not kindly add it, the code is right below you.

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Make sure its not double in your template, it can give negative effects.

==> For the next step search for

]]></b:skin

==> Add the CSS code below just above the ]]></b:skin tag

.post-pagination {
    margin: 40px auto;
    text-align: center;
    width: 100%;
 float:left;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}

==> Search

</head>

==> Paste the script below just about the </head> Tag

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>

==> Save your template,we are almost done.

==> Not go to Post > New post, click the Html button at the left corner around your post title to switch, past the code below there.

<div class="content_1">
Add Content Here
</div>
<div class="content_2" style="display: none;">
Add Content Here
</div>
<div class="content_3" style="display: none;">
Add Content Here
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

Replace " Add Content Here" with the body of the post you want in a particular page.

Click publish and go over to your post, you will see you post divided into pages. Post Pagination for blogger have been added to your content.

Read More

How To Add Emoticon/Smileys In Blogger Comment System

Make commenting fun for your readers by adding smileys for their to use in your blog. Although Blogger doesn't support using smileys in comments, we are going to share some easy and safe steps to adding it in blogs.
 The emoticons are called the Kolobok in Blogger/blogspot.

Follow the steps below to spice up comments for your blog readers

Also Read:
How To Fix Comment Box Not Showing in Mobile | Blogger 
How To Add Floating Share Buttons To Blogger

Adding Lolobok Emoticons/Smileys In Blogger Comments

Step 1: Enter blogger.com dashboard and select blog
Step 2: Locate template > Edit Html
Step 3: Click any point in the template and hit the ctrl+F keys for window, Cmd+F for mac to open a search .
Step 4: Search for the tag

</body>

Step 5: For this next  step, there are two code below select the right one for your coment box and add just above the closing body tag.

a) If your comment has no reply button, means you are using the previous commenting system, add this code below

<!--kolobok-smileys-->
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("smileys");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuui6J289T6dQlgEr0rsHVI4Fpvf3uwTbm8R4Kgruup5Y1Bn6T8uLcMMgZfkdvDG0sLoiG_4BF6wkcIX0R5sXUhBqGEUayGXwzboXnpxuoT-LBUjjG5ucHV0H038K7KVxHqHQvHg1A1fA/s1600/taunt.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJj2AVq_6pYaKDuKTxqZi9oadqSnMKEkqOc3bZy2WEb5ZaJ5zsuJGIJkvvqLVBMAg4Q6elqrgw6vep0znox4SlI4HlhTMIlM1tX1O9NxwcxLt8K4X2zzg_IgQ94XEeyZDXufPcKYDepVA/s1600/suicide.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpli6C98WOg6V_fuphtHU72sjwvmjNane9t8rtDKo2ZEaPrSeQtfhjlu8hxtH8FYYRc6mGJhJwQY_nnctvUFN30_Prda5cm5KpDsRF41BbUaTvxc2lN4j1gfjJ-EWZJIGNI3dKvBSX7s/s1600/biggrin.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3nBidTnFmcIttEQ5-Mmz-yvJ_BS6___a5yJ6BAQhGn0VsBqnBTPGo2q0Vb3KfxVK_YysW6Bm0Ew68ur-bMms2HcwoFccBZzqIXOONoIHmNxBd6bDCGMxIeUgvfcc2xZP4Vn9LxwPliI/s1600/tongue.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2plja5mh_eNq_nXRexMsAnLq58NA1ZGExaUcD6jGADbFjRyEAAoedUAl41clVXzGbJ8JMLlVYwdcJNfYhfQ8bUyCpmwPeWsraJyewsq5RtRG9Sy3EXBAlj3rvv5tyO8D6NYS6juK6qx4/s1600/cry2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0lsgil6QF-R0G1tjzfOwUShZB_QiYp1dPhEowT2ieH1AVZwQhVHSg7BCPtShCy4zRZY05RgrPPMk_WV3bkns4m_8Gtsu81UYj580qSI7n3IilZEoOk2BK1ccUqLMJEZUcJPq_numhQ/s1600/sad.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tcB44gyXz69Ly9jzAD6K7JE9LZBhaqO_pPHEilBNTW68bmlqP21DHIbJaax4gbQULsGfihh8-Z4OXg1jG_zhSIMdP2kVHzDZpkTppAgbUDPP3KcY88RdBA1TrAStCPy-dwoutKr2SME/s1600/think.gif'/>");
theText = theText.replace(/d\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjpH7f77Mjr_TNtzL168nQmX6ax1TtvuyWFbRLmVGEEj8Np9oRjPmzBRP484RfpyJj2kjfyIJiHjA5RGCENlcro40VUFKLIuVwR4ri2pledsZ_OlJjbtm2HEJq7iX1WqV7tpcUGKxHX4/s1600/doh.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2tRnWePAFOs-buZMp3MUaS7-spYAv1KSEBKQQNS5Hmj94b29UqJAKo0Lpsrm2sxz8vYdtbtiSHUZAM7AU7GpKECsatcpVR-cJJNEHI7QBTDNPwhm_yd5tMTZTJLf6cXl1E-CCVY75q8/s1600/shock.gif'/>");
theText = theText.replace(/:-f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWRi1uSXArFEXfOk_hK1ai5gly0YevnxmlTxr1GCxtycyIZOgaGJSTdwvAkUr7zXts3Kk1L1Pha44060Ul4I9-HrMc8WcyHE-r37LtNooNkiJkYCULuaUgQYXaFYVGt92upKIpS0N4cE/s1600/flowers1.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNlBw5BG-UPPIrUhP5fzmbzr-inss4AvVCBcXGE8SZHzuQGQBrpCfvPC3iNRAgtMsW0G38ToSDxdNcT3K8sfKAsVb_veamlNjs-GwTpnuMeGRsHPtfkOB00baV25b3oH3dgmcHWk9Qxk/s1600/unsure.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIbJn11J5XijTnWpfhJE8GWitZh-v2HbiNaB5WIJY8UdvhpBLRlvcus7HQq-837jQZdMTtM6D3HRb2DXRrgwc86fZtpbAiDDLICpa9JjDT9CEBCj0Ed8ZkC2Ql6iBrLvIY_6Inhm8rwg/s1600/threaten.gif'/>");
theText = theText.replace(/h-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECpO1hypm35Iog2V5RJ_fpvo0FsENRyy4xxGQIIL1J1p1AEkgulCYfLZEvXdEyblpD2Cr98n-X-btETUWeRbGXYYKLsCKhkZvIlJ5xHlkanduVG3ienMB6wKCsgtNDbrU19AJjAcGpjo/s1600/help.gif'/>");
theText = theText.replace(/g-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq1yxtBTv4ISvDwuV0ygAu-LGc_xY_DOKtm31ixQKZi6TpWPi92ZiZjWIPDfK4tUDD2IZ952MZk4Fbw7HkS5H_xHnB1D_vGWLVerb8Q1KOVpd6PTjh46mX4WiBn5IymP2DOTjJ3I25uM/s1600/good.gif'/>");
theText = theText.replace(/5-\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJfjaTTcvFlM-KAkfb77ZtQNV4qldBvmaf5hKwqs9a1LAhFN4SvmvHtfrVutM-xVGQiy_8dpMgmRT9CPAqmg-q_8j8UfqGHcUwBQr1NwW5w-Wde_m05G9ajNuYW_EeEt9N_WKJzVexfk/s1600/beee.gif'/>");
theText = theText.replace(/y-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd6THQo5pZhdOhbEpb_Uk9WnP7sPup38if-Y0M-14RkoyB3yhZCFZg3NAZhYLiN8-FUWO_BGHCQ0wKMljEEkzYlex9imu8L1QjQ1bnU5S0ZuHoo6AcvfbTalD3nFx_k2gJ8mqJYXpTKs/s1600/yahoo.gif'/>");
theText = theText.replace(/c-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD_BxVTRFpPUBjGBlBcXg9nPR2Vw2hJl6olkjYvQ4DdPKufoyGEFX50okSY_69LUFR0VhHH4h8ohyphenhyphenOE9EdK0B-CQupSJKk2phvfL_vuuUNp1sheWM73K7MsCM5fk7_kuuIQnFGHfgHYY/s1600/crazy.gif'/>");
theText = theText.replace(/s-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7vGmmxkgOq175Dwynyrn9jPSwXQ7gewyYQ78PJZi-BJUmjqVeq3gRa8NvgdLYG1LJcsg1UGIRz3fKElWF3_KW5ZiAjwYuN_iq3EEwVgsbvsiZzeTGxnnn-XlIru-S8piFHkbZQnwV-E/s1600/spiteful.gif'/>");
theText = theText.replace(/d-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG5fPft98C_mQAZYy14Wm9lVne-ZZhXWQuqQzq_7W4tCrUY4ITLhmFmr5gfcBxREsEECGfCHsywTBlzPoZrPEFI-j_XsvcIp5adMJxwA3DHF7qjc2fEGWoLLD9i6W5INzmfb5PH-_gu1A/s1600/drinks.gif'/>");
theText = theText.replace(/w-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAaOu8NMO9dA3LsZcZDJ5Spv15y_Gj6R4SPchaCI0r9-yNq50oUaw_4LqpGopnSXeQ4s23TlUf53oLfBsTqPcBpy6IDph_ZsQPxf8PoMDH2bWbrK8Smox2LvUUwhQs0kjsWNxMSsErg0/s1600/cheer.gif'/>");
theText = theText.replace(/:-\h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdh6UVLEVFkw7UlTDaQrD0D92HHUJIkxsGlg4imPMmWAMoGcyn8jFUATn8iLiSXeZzjEK4ncmtsOCas-QUteo9Lry1mbscelW0cogsPbMGmBL1jtmGvhYneHAa7SzQdbucchnM73swK8/s1600/hi+2.gif'/>");
theText = theText.replace(/:X/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpi_3fdo6rwSF7mShVlDpsL8APMkW2nVCVYbHbDVmgQrU6OoGxcbJsM-JJ8kq5KLvrlomrqn0onW9kyebgO3lpkRsLqMXqT5JtMtdxMv0LJSsRim5wCxdgca1uVFMQ3dYg5j2IYs_tmk/s1600/give_heart.gif'/>");
theText = theText.replace(/:\-\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCU29KAKZzo5opmNVVIw3-2KZ-izryqIA0ZdoAgt_d3G6CfLrKeO3lZsLuGw2dxNee3pk7wetZ1eXBBUNLiQdwOjoBSIjDZrM_A4MMcMqNwsx-ThZv30dRirFfRnPK38IYPEUB-HlB8Y/s1600/air_kiss.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1O5gE7pXDug4TXTNEoZh2p76X7sxLycXCq48VoyPS06uXQQA_TRpd4In2GCqdKOyCrRN5ql08siUxqXoppHTNxWXlhfCOFT87QdcppldUmFy-abPgJuPus_8x3aatyiv5FlC8mdT0AY/s1600/rofl.gif'/>");
bodyText.innerHTML = theText;
}
replaceText();
//]]>
</script>
<!--kolobok-smileys-->

b) If you have a threaded Commenting system that has the reply function, use the code below

<script type='text/javascript'>
//<![CDATA[
a=document.getElementById('comment-holder');if(a){b=a.getElementsByTagName("p");for(i=0;i<b.length;i++){if(b.item(i).getAttribute('CLASS')=='comment-content'){_str=b.item(i).innerHTML.replace(/:\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuui6J289T6dQlgEr0rsHVI4Fpvf3uwTbm8R4Kgruup5Y1Bn6T8uLcMMgZfkdvDG0sLoiG_4BF6wkcIX0R5sXUhBqGEUayGXwzboXnpxuoT-LBUjjG5ucHV0H038K7KVxHqHQvHg1A1fA/s1600/taunt.gif' alt='' class='smiley'/>");_str=_str.replace(/=d&gt;/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJj2AVq_6pYaKDuKTxqZi9oadqSnMKEkqOc3bZy2WEb5ZaJ5zsuJGIJkvvqLVBMAg4Q6elqrgw6vep0znox4SlI4HlhTMIlM1tX1O9NxwcxLt8K4X2zzg_IgQ94XEeyZDXufPcKYDepVA/s1600/suicide.gif' alt='' class='smiley'/>");_str=_str.replace(/:d/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpli6C98WOg6V_fuphtHU72sjwvmjNane9t8rtDKo2ZEaPrSeQtfhjlu8hxtH8FYYRc6mGJhJwQY_nnctvUFN30_Prda5cm5KpDsRF41BbUaTvxc2lN4j1gfjJ-EWZJIGNI3dKvBSX7s/s1600/biggrin.gif' alt='' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3nBidTnFmcIttEQ5-Mmz-yvJ_BS6___a5yJ6BAQhGn0VsBqnBTPGo2q0Vb3KfxVK_YysW6Bm0Ew68ur-bMms2HcwoFccBZzqIXOONoIHmNxBd6bDCGMxIeUgvfcc2xZP4Vn9LxwPliI/s1600/tongue.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2plja5mh_eNq_nXRexMsAnLq58NA1ZGExaUcD6jGADbFjRyEAAoedUAl41clVXzGbJ8JMLlVYwdcJNfYhfQ8bUyCpmwPeWsraJyewsq5RtRG9Sy3EXBAlj3rvv5tyO8D6NYS6juK6qx4/s1600/cry2.gif' alt='' class='smiley'/>");_str=_str.replace(/:\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0lsgil6QF-R0G1tjzfOwUShZB_QiYp1dPhEowT2ieH1AVZwQhVHSg7BCPtShCy4zRZY05RgrPPMk_WV3bkns4m_8Gtsu81UYj580qSI7n3IilZEoOk2BK1ccUqLMJEZUcJPq_numhQ/s1600/sad.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\?/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tcB44gyXz69Ly9jzAD6K7JE9LZBhaqO_pPHEilBNTW68bmlqP21DHIbJaax4gbQULsGfihh8-Z4OXg1jG_zhSIMdP2kVHzDZpkTppAgbUDPP3KcY88RdBA1TrAStCPy-dwoutKr2SME/s1600/think.gif' alt='' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjpH7f77Mjr_TNtzL168nQmX6ax1TtvuyWFbRLmVGEEj8Np9oRjPmzBRP484RfpyJj2kjfyIJiHjA5RGCENlcro40VUFKLIuVwR4ri2pledsZ_OlJjbtm2HEJq7iX1WqV7tpcUGKxHX4/s1600/doh.gif' alt='' class='smiley'/>");_str=_str.replace(/:-o/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2tRnWePAFOs-buZMp3MUaS7-spYAv1KSEBKQQNS5Hmj94b29UqJAKo0Lpsrm2sxz8vYdtbtiSHUZAM7AU7GpKECsatcpVR-cJJNEHI7QBTDNPwhm_yd5tMTZTJLf6cXl1E-CCVY75q8/s1600/shock.gif' alt='' class='smiley'/>");_str=_str.replace(/:-f/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWRi1uSXArFEXfOk_hK1ai5gly0YevnxmlTxr1GCxtycyIZOgaGJSTdwvAkUr7zXts3Kk1L1Pha44060Ul4I9-HrMc8WcyHE-r37LtNooNkiJkYCULuaUgQYXaFYVGt92upKIpS0N4cE/s1600/flowers1.gif' alt='' class='smiley'/>");_str=_str.replace(/:-ss/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNlBw5BG-UPPIrUhP5fzmbzr-inss4AvVCBcXGE8SZHzuQGQBrpCfvPC3iNRAgtMsW0G38ToSDxdNcT3K8sfKAsVb_veamlNjs-GwTpnuMeGRsHPtfkOB00baV25b3oH3dgmcHWk9Qxk/s1600/unsure.gif' alt='' class='smiley'/>");_str=_str.replace(/b-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIbJn11J5XijTnWpfhJE8GWitZh-v2HbiNaB5WIJY8UdvhpBLRlvcus7HQq-837jQZdMTtM6D3HRb2DXRrgwc86fZtpbAiDDLICpa9JjDT9CEBCj0Ed8ZkC2Ql6iBrLvIY_6Inhm8rwg/s1600/threaten.gif' alt='' class='smiley'/>");_str=_str.replace(/h-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECpO1hypm35Iog2V5RJ_fpvo0FsENRyy4xxGQIIL1J1p1AEkgulCYfLZEvXdEyblpD2Cr98n-X-btETUWeRbGXYYKLsCKhkZvIlJ5xHlkanduVG3ienMB6wKCsgtNDbrU19AJjAcGpjo/s1600/help.gif' alt='' class='smiley'/>");_str=_str.replace(/g-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq1yxtBTv4ISvDwuV0ygAu-LGc_xY_DOKtm31ixQKZi6TpWPi92ZiZjWIPDfK4tUDD2IZ952MZk4Fbw7HkS5H_xHnB1D_vGWLVerb8Q1KOVpd6PTjh46mX4WiBn5IymP2DOTjJ3I25uM/s1600/good.gif' alt='' class='smiley'/>");_str=_str.replace(/5-\p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJfjaTTcvFlM-KAkfb77ZtQNV4qldBvmaf5hKwqs9a1LAhFN4SvmvHtfrVutM-xVGQiy_8dpMgmRT9CPAqmg-q_8j8UfqGHcUwBQr1NwW5w-Wde_m05G9ajNuYW_EeEt9N_WKJzVexfk/s1600/beee.gif' alt='' class='smiley'/>");_str=_str.replace(/y-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd6THQo5pZhdOhbEpb_Uk9WnP7sPup38if-Y0M-14RkoyB3yhZCFZg3NAZhYLiN8-FUWO_BGHCQ0wKMljEEkzYlex9imu8L1QjQ1bnU5S0ZuHoo6AcvfbTalD3nFx_k2gJ8mqJYXpTKs/s1600/yahoo.gif' alt='' class='smiley'/>");_str=_str.replace(/c-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD_BxVTRFpPUBjGBlBcXg9nPR2Vw2hJl6olkjYvQ4DdPKufoyGEFX50okSY_69LUFR0VhHH4h8ohyphenhyphenOE9EdK0B-CQupSJKk2phvfL_vuuUNp1sheWM73K7MsCM5fk7_kuuIQnFGHfgHYY/s1600/crazy.gif' alt='' class='smiley'/>");_str=_str.replace(/s-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7vGmmxkgOq175Dwynyrn9jPSwXQ7gewyYQ78PJZi-BJUmjqVeq3gRa8NvgdLYG1LJcsg1UGIRz3fKElWF3_KW5ZiAjwYuN_iq3EEwVgsbvsiZzeTGxnnn-XlIru-S8piFHkbZQnwV-E/s1600/spiteful.gif' alt='' class='smiley'/>");_str=_str.replace(/d-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG5fPft98C_mQAZYy14Wm9lVne-ZZhXWQuqQzq_7W4tCrUY4ITLhmFmr5gfcBxREsEECGfCHsywTBlzPoZrPEFI-j_XsvcIp5adMJxwA3DHF7qjc2fEGWoLLD9i6W5INzmfb5PH-_gu1A/s1600/drinks.gif' alt='' class='smiley'/>");_str=_str.replace(/w-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAaOu8NMO9dA3LsZcZDJ5Spv15y_Gj6R4SPchaCI0r9-yNq50oUaw_4LqpGopnSXeQ4s23TlUf53oLfBsTqPcBpy6IDph_ZsQPxf8PoMDH2bWbrK8Smox2LvUUwhQs0kjsWNxMSsErg0/s1600/cheer.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\h/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdh6UVLEVFkw7UlTDaQrD0D92HHUJIkxsGlg4imPMmWAMoGcyn8jFUATn8iLiSXeZzjEK4ncmtsOCas-QUteo9Lry1mbscelW0cogsPbMGmBL1jtmGvhYneHAa7SzQdbucchnM73swK8/s1600/hi+2.gif' alt='' class='smiley'/>");_str=_str.replace(/:X/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpi_3fdo6rwSF7mShVlDpsL8APMkW2nVCVYbHbDVmgQrU6OoGxcbJsM-JJ8kq5KLvrlomrqn0onW9kyebgO3lpkRsLqMXqT5JtMtdxMv0LJSsRim5wCxdgca1uVFMQ3dYg5j2IYs_tmk/s1600/give_heart.gif' alt='' class='smiley'/>");_str=_str.replace(/:\-\*/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCU29KAKZzo5opmNVVIw3-2KZ-izryqIA0ZdoAgt_d3G6CfLrKeO3lZsLuGw2dxNee3pk7wetZ1eXBBUNLiQdwOjoBSIjDZrM_A4MMcMqNwsx-ThZv30dRirFfRnPK38IYPEUB-HlB8Y/s1600/air_kiss.gif' alt='' class='smiley'/>");_str=_str.replace(/=\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1O5gE7pXDug4TXTNEoZh2p76X7sxLycXCq48VoyPS06uXQQA_TRpd4In2GCqdKOyCrRN5ql08siUxqXoppHTNxWXlhfCOFT87QdcppldUmFy-abPgJuPus_8x3aatyiv5FlC8mdT0AY/s1600/rofl.gif' alt='' class='smiley'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>

If your comment is threaded Ignore step 6 to 9
Step 6: Find the snippet code below

<b:loop values='data:post.comments' var='comment'>

Step 7: Paste the following line just above the snippet

<div id='smileys'>

Step 8: Find </b:loop> tag and look carefully, it should be located below the code from step 6

</b:loop>

Step 9: Paste the div below after it.

</div>

Step 10: Next, find this code
a) If you are using Previous Commenting System.

<data:blogTeamBlogMessage/> 

You might find this up to four(4) times, stop at the second one.

b)If you are using threaded commenting system search for the line below stop at the second or the fourth occurrence.

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Step 11: Add the code below just directly after the line

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">Hide Emoticons</a>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">Show Emoticons</a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif'/><div class="emos">:)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0lsgil6QF-R0G1tjzfOwUShZB_QiYp1dPhEowT2ieH1AVZwQhVHSg7BCPtShCy4zRZY05RgrPPMk_WV3bkns4m_8Gtsu81UYj580qSI7n3IilZEoOk2BK1ccUqLMJEZUcJPq_numhQ/s1600/sad.gif'/><div class="emos">:(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuui6J289T6dQlgEr0rsHVI4Fpvf3uwTbm8R4Kgruup5Y1Bn6T8uLcMMgZfkdvDG0sLoiG_4BF6wkcIX0R5sXUhBqGEUayGXwzboXnpxuoT-LBUjjG5ucHV0H038K7KVxHqHQvHg1A1fA/s1600/taunt.gif'/><div class="emos">:))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2plja5mh_eNq_nXRexMsAnLq58NA1ZGExaUcD6jGADbFjRyEAAoedUAl41clVXzGbJ8JMLlVYwdcJNfYhfQ8bUyCpmwPeWsraJyewsq5RtRG9Sy3EXBAlj3rvv5tyO8D6NYS6juK6qx4/s1600/cry2.gif'/><div class="emos">:((</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1O5gE7pXDug4TXTNEoZh2p76X7sxLycXCq48VoyPS06uXQQA_TRpd4In2GCqdKOyCrRN5ql08siUxqXoppHTNxWXlhfCOFT87QdcppldUmFy-abPgJuPus_8x3aatyiv5FlC8mdT0AY/s1600/rofl.gif'/><div class="emos">=))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJj2AVq_6pYaKDuKTxqZi9oadqSnMKEkqOc3bZy2WEb5ZaJ5zsuJGIJkvvqLVBMAg4Q6elqrgw6vep0znox4SlI4HlhTMIlM1tX1O9NxwcxLt8K4X2zzg_IgQ94XEeyZDXufPcKYDepVA/s1600/suicide.gif'/><div class="emos">=D&gt;</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpli6C98WOg6V_fuphtHU72sjwvmjNane9t8rtDKo2ZEaPrSeQtfhjlu8hxtH8FYYRc6mGJhJwQY_nnctvUFN30_Prda5cm5KpDsRF41BbUaTvxc2lN4j1gfjJ-EWZJIGNI3dKvBSX7s/s1600/biggrin.gif'/><div class="emos">:D</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3nBidTnFmcIttEQ5-Mmz-yvJ_BS6___a5yJ6BAQhGn0VsBqnBTPGo2q0Vb3KfxVK_YysW6Bm0Ew68ur-bMms2HcwoFccBZzqIXOONoIHmNxBd6bDCGMxIeUgvfcc2xZP4Vn9LxwPliI/s1600/tongue.gif'/><div class="emos">:P</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2tRnWePAFOs-buZMp3MUaS7-spYAv1KSEBKQQNS5Hmj94b29UqJAKo0Lpsrm2sxz8vYdtbtiSHUZAM7AU7GpKECsatcpVR-cJJNEHI7QBTDNPwhm_yd5tMTZTJLf6cXl1E-CCVY75q8/s1600/shock.gif'/><div class="emos">:-O</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tcB44gyXz69Ly9jzAD6K7JE9LZBhaqO_pPHEilBNTW68bmlqP21DHIbJaax4gbQULsGfihh8-Z4OXg1jG_zhSIMdP2kVHzDZpkTppAgbUDPP3KcY88RdBA1TrAStCPy-dwoutKr2SME/s1600/think.gif'/><div class="emos">:-?</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNlBw5BG-UPPIrUhP5fzmbzr-inss4AvVCBcXGE8SZHzuQGQBrpCfvPC3iNRAgtMsW0G38ToSDxdNcT3K8sfKAsVb_veamlNjs-GwTpnuMeGRsHPtfkOB00baV25b3oH3dgmcHWk9Qxk/s1600/unsure.gif'/><div class="emos">:-SS</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWRi1uSXArFEXfOk_hK1ai5gly0YevnxmlTxr1GCxtycyIZOgaGJSTdwvAkUr7zXts3Kk1L1Pha44060Ul4I9-HrMc8WcyHE-r37LtNooNkiJkYCULuaUgQYXaFYVGt92upKIpS0N4cE/s1600/flowers1.gif'/><div class="emos">:-f</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjpH7f77Mjr_TNtzL168nQmX6ax1TtvuyWFbRLmVGEEj8Np9oRjPmzBRP484RfpyJj2kjfyIJiHjA5RGCENlcro40VUFKLIuVwR4ri2pledsZ_OlJjbtm2HEJq7iX1WqV7tpcUGKxHX4/s1600/doh.gif'/><div class="emos">d(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCU29KAKZzo5opmNVVIw3-2KZ-izryqIA0ZdoAgt_d3G6CfLrKeO3lZsLuGw2dxNee3pk7wetZ1eXBBUNLiQdwOjoBSIjDZrM_A4MMcMqNwsx-ThZv30dRirFfRnPK38IYPEUB-HlB8Y/s1600/air_kiss.gif'/><div class="emos">:-*</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIbJn11J5XijTnWpfhJE8GWitZh-v2HbiNaB5WIJY8UdvhpBLRlvcus7HQq-837jQZdMTtM6D3HRb2DXRrgwc86fZtpbAiDDLICpa9JjDT9CEBCj0Ed8ZkC2Ql6iBrLvIY_6Inhm8rwg/s1600/threaten.gif'/><div class="emos">b-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECpO1hypm35Iog2V5RJ_fpvo0FsENRyy4xxGQIIL1J1p1AEkgulCYfLZEvXdEyblpD2Cr98n-X-btETUWeRbGXYYKLsCKhkZvIlJ5xHlkanduVG3ienMB6wKCsgtNDbrU19AJjAcGpjo/s1600/help.gif'/><div class="emos">h-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq1yxtBTv4ISvDwuV0ygAu-LGc_xY_DOKtm31ixQKZi6TpWPi92ZiZjWIPDfK4tUDD2IZ952MZk4Fbw7HkS5H_xHnB1D_vGWLVerb8Q1KOVpd6PTjh46mX4WiBn5IymP2DOTjJ3I25uM/s1600/good.gif'/><div class="emos">g-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJfjaTTcvFlM-KAkfb77ZtQNV4qldBvmaf5hKwqs9a1LAhFN4SvmvHtfrVutM-xVGQiy_8dpMgmRT9CPAqmg-q_8j8UfqGHcUwBQr1NwW5w-Wde_m05G9ajNuYW_EeEt9N_WKJzVexfk/s1600/beee.gif'/><div class="emos">5-p</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd6THQo5pZhdOhbEpb_Uk9WnP7sPup38if-Y0M-14RkoyB3yhZCFZg3NAZhYLiN8-FUWO_BGHCQ0wKMljEEkzYlex9imu8L1QjQ1bnU5S0ZuHoo6AcvfbTalD3nFx_k2gJ8mqJYXpTKs/s1600/yahoo.gif'/><div class="emos">y-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD_BxVTRFpPUBjGBlBcXg9nPR2Vw2hJl6olkjYvQ4DdPKufoyGEFX50okSY_69LUFR0VhHH4h8ohyphenhyphenOE9EdK0B-CQupSJKk2phvfL_vuuUNp1sheWM73K7MsCM5fk7_kuuIQnFGHfgHYY/s1600/crazy.gif'/><div class="emos">c-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7vGmmxkgOq175Dwynyrn9jPSwXQ7gewyYQ78PJZi-BJUmjqVeq3gRa8NvgdLYG1LJcsg1UGIRz3fKElWF3_KW5ZiAjwYuN_iq3EEwVgsbvsiZzeTGxnnn-XlIru-S8piFHkbZQnwV-E/s1600/spiteful.gif'/><div class="emos">s-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG5fPft98C_mQAZYy14Wm9lVne-ZZhXWQuqQzq_7W4tCrUY4ITLhmFmr5gfcBxREsEECGfCHsywTBlzPoZrPEFI-j_XsvcIp5adMJxwA3DHF7qjc2fEGWoLLD9i6W5INzmfb5PH-_gu1A/s1600/drinks.gif'/><div class="emos">d-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAaOu8NMO9dA3LsZcZDJ5Spv15y_Gj6R4SPchaCI0r9-yNq50oUaw_4LqpGopnSXeQ4s23TlUf53oLfBsTqPcBpy6IDph_ZsQPxf8PoMDH2bWbrK8Smox2LvUUwhQs0kjsWNxMSsErg0/s1600/cheer.gif'/><div class="emos">w-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdh6UVLEVFkw7UlTDaQrD0D92HHUJIkxsGlg4imPMmWAMoGcyn8jFUATn8iLiSXeZzjEK4ncmtsOCas-QUteo9Lry1mbscelW0cogsPbMGmBL1jtmGvhYneHAa7SzQdbucchnM73swK8/s1600/hi+2.gif'/><div class="emos">:-h</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpi_3fdo6rwSF7mShVlDpsL8APMkW2nVCVYbHbDVmgQrU6OoGxcbJsM-JJ8kq5KLvrlomrqn0onW9kyebgO3lpkRsLqMXqT5JtMtdxMv0LJSsRim5wCxdgca1uVFMQ3dYg5j2IYs_tmk/s1600/give_heart.gif'/><div class="emos">:X</div></div>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif'/></a></span>
</div></b:if>

Step 12: We are almost done, find

]]></b:skin>

Add the css code below above the ]]></b:skin> tag

.itemo{float:left;font-size:11px;height:30px;line-height:1.2;padding:10px 0;text-align:center;width:85px;}
span#smiley-toggle{clear:both;padding:15px 10px;float:left;font:bold 14px 'Oswald', sans-serif;}
span#smiley-toggle a{text-decoration:none;}
#smiley-toggle img{vertical-align:bottom;}
img.smiley{vertical-align:bottom;}

Step 13: Save your template, you are done adding an awesome emoticons in blogger comment system.
Flex am!

Read More

Responsive Navigation Menu For Blogger

If you have a responsive template wouldn't it be nice to spice it up with a responsive navigation menu, suitable for desktop, mobile, tablets, laptops, all kinds of devices.

Thanks to Crawlist.net for this awesome navigation menu.

Live Demo
Follow the steps below to add in blogger

Also Read: How To Add Auto Read More With Thumbnail In Blogger

Steps to add responsive navigation menu

==> Enter blogger.com dashboard and select blog.
==> Locate Template > Edit Html, We are to add Jquery to template, Ignore if it already exists in your template.
==> Locate  <head> tag in the template usually at line four.
==> If you can't find it, click anywhere in the template and hit ctrl+F buttons for window, Cmd+F for Mac to show a search box, input <head> in the box and hit "Enter" key

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

==> copy and paste the jquery code above directly below the <head> tag.
==> Save your template and go to "Layout".
==> Click on "Add a Gadget". please add gadget where you want the Navigation menu to appear.
==> Select Html/Javascript in pop out menu.
==> Copy and Paste The code below in the Html Box

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style>/*blogwox.blogspot.com CSS starts*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  border-radius: 4px;
  border: 1px solid #2698e9;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1;
  background: #6bb9f0;
  background: -webkit-linear-gradient(bottom, #54aeee, #82c4f2);
  background: -ms-linear-gradient(bottom, #54aeee, #82c4f2);
  background: -moz-linear-gradient(bottom, #54aeee, #82c4f2);
  background: -o-linear-gradient(bottom, #54aeee, #82c4f2);
  background: linear-gradient(to top, #54aeee, #82c4f2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #46a7ec, inset 0 1px 0 #90cbf4;

}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 20px 25px 21px 25px;
  font-size: 15px;
  text-decoration: none;
  color: #fcfefb;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmen.align-right > ul > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #444444;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  background: rgba(125, 125, 125, 0.04);
}
#cssmenu > ul > li:after {
  content: '';
  position: absolute;
  top: 18px;
  right: 0;
  display: block;
  height: 20px;
  width: 1px;
  opacity: .15;
  background: rgba(0, 0, 0, 0.7);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
}
#cssmenu.align-right > ul > li:after {
  right: auto;
  left: -1px;
}
#cssmenu > ul > li:before {
  content: '';
  position: absolute;
  top: 18px;
  right: -1px;
  display: block;
  height: 20px;
  width: 1px;
  opacity: .35;
  background: rgba(255, 255, 255, 0.8);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #ffffff, rgba(255, 255, 255, 0.01));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
}
#cssmenu.align-right > ul > li:before {
  right: auto;
  left: 0px;
}
#cssmenu > ul > li:last-child:after,
#cssmenu > ul > li:last-child:before {
  display: none;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px 19px 25px;
  cursor: pointer;
  font-size: 15px;
  text-decoration: none;
  color: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #fcfefb;
  border-bottom: 2px solid #fcfefb;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}/*blogwox.blogspot.com CSS ends*/
</style>
 
<div id='cssmenu'>
<ul><!--blogwox.blogspot.com menu starts-->
   <li class="active"><a href="#">Home</a></li>
   <li><a href="#">Tutorials</a></li>
   <li><a href="#">Customization</a></li>
   <li><a href="#">About</a></li>
   <li><a href="#">Contact</a></li>
</ul><!--blogwox.blogspot.com menu ends-->
</div>
<script>
(function($) {
  $.fn.menumaker = function(options) {
   
      var cssmenu = $(this), settings = $.extend({
        title: "Menu",
        format: "dropdown",
        breakpoint: 768,
        sticky: false
      }, options);
      return this.each(function() {
        cssmenu.find('li ul').parent().addClass('has-sub');
        if (settings.format != 'select') {
          cssmenu.prepend('<div id="menu-button">' + settings.title + '</div>');
          $(this).find("#menu-button").on('click', function(){
            $(this).toggleClass('menu-opened');
            var mainmenu = $(this).next('ul');
            if (mainmenu.hasClass('open')) {
              mainmenu.hide().removeClass('open');
            }
            else {
              mainmenu.show().addClass('open');
              if (settings.format === "dropdown") {
                mainmenu.find('ul').show();
              }
            }
          });
          multiTg = function() {
            cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
            cssmenu.find('.submenu-button').on('click', function() {
              $(this).toggleClass('submenu-opened');
              if ($(this).siblings('ul').hasClass('open')) {
                $(this).siblings('ul').removeClass('open').hide();
              }
              else {
                $(this).siblings('ul').addClass('open').show();
              }
            });
          };
          if (settings.format === 'multitoggle') multiTg();
          else cssmenu.addClass('dropdown');
        }
        else if (settings.format === 'select')
        {
          cssmenu.append('<select style="width: 100%"/>').addClass('select-list');
          var selectList = cssmenu.find('select');
          selectList.append('<option>' + settings.title + '</option>', {
                                                         "selected": "selected",
                                                         "value": ""});
          cssmenu.find('a').each(function() {
            var element = $(this), indentation = "";
            for (i = 1; i < element.parents('ul').length; i++)
            {
              indentation += '-';
            }
            selectList.append('<option value="' + $(this).attr('href') + '">' + indentation + element.text() + '</option');
          });
          selectList.on('change', function() {
            window.location = $(this).find("option:selected").val();
          });
        }
        if (settings.sticky === true) cssmenu.css('position', 'fixed');
        resizeFix = function() {
          if ($(window).width() > settings.breakpoint) {
            cssmenu.find('ul').show();
            cssmenu.removeClass('small-screen');
            if (settings.format === 'select') {
              cssmenu.find('select').hide();
            }
            else {
              cssmenu.find("#menu-button").removeClass("menu-opened");
            }
          }
          if ($(window).width() <= settings.breakpoint && !cssmenu.hasClass("small-screen")) {
            cssmenu.find('ul').hide().removeClass('open');
            cssmenu.addClass('small-screen');
            if (settings.format === 'select') {
              cssmenu.find('select').show();
            }
          }
        };
        resizeFix();
        return $(window).on('resize', resizeFix);
      });
  };
})(jQuery);
(function($){
$(document).ready(function(){
$(document).ready(function() {
  $("#cssmenu").menumaker({
    title: "Menu",
    format: "dropdown"
  });
});
});
})(jQuery);
</script>

==> Save layout. your are done.

If the navigation menu don't work properly, make sure the code below is in your template.

<meta name="viewport" content="width=device-width, initial-scale=1">

Usually around the <head> tag. Enjoy

Read More