Add Emoticons in Your Blogger Comments Section

Emoticons are a great way of making discussions more interesting and fun, so it's a pity that Blogger don't support them. In this tutorial, I will show you some simple steps on how to add some very cool emoticons called Kolobok to your Blogger comments, so that you and your blog visitors will be able to have an enjoyable time together.

How To Add Kolobok Smileys to Blogger Comments

Step 1. Log in to your Blogger account and go to Template - Edit HTML

 Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box.

 Step 3. Search (CTRL + F) for this tag:

</body>

Step 4. Copy and paste just above it, this code:

a) For previous commenting system with comments that have no reply function:

<!--kolobok-smileys-->
<script src='http://helplogger.googlecode.com/svn/trunk/[helplogger.blogspot.com]smileys.js' type='text/javascript'/>
<!--kolobok-smileys-->

b) For threaded commenting system with comments that have the reply function:

<script src='https://helplogger.googlecode.com/svn/trunk/kolobok threaded.js' type='text/javascript'/>

Note: ignore steps 5-8 if you are using threaded comments!

Step 5. Now find this code snippet:

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

Step 6. Paste the following code just above it:

<div id='smileys'>

Step 7. Find the following code (look carefully, it should be somewhere below the code from step 5)

</b:loop>

Step 8. Paste the following tag just after it:

</div>

Step 9. Now find this code:
a) For previous commenting system:

<data:blogTeamBlogMessage/>

Note: if you'll find it like 4 times, stop to the 2nd one!

b) For threaded commenting system:

<div class='post-footer-line post-footer-line-3'>

Step 10. And add this code just after it:

<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()"><div style="font-size:small; font-weight:bold;color:#000000;">Hide Emoticons</div></a>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()"><div style="font-size:small; font-weight:bold;">Show Emoticons</div></a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLp6NFn_wCWGhn-O23IE98HAEe7Mge6f26ik3cgXiiuC5FwkAdmd1HyU3wnE2QOy4Wgzgu3mBMIjseqGVF-h3v01nViADk9ih25jVa5y8792dPco01kuAlZ5j8TcigVNK_J9n5MLlwDA/s1600/smile3.gif'/>:)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDnyae5lU5WjruSuuLifWPEkME975Iyb8We2LemU82RozV0FOeScWAxCYFK3ZDbiq0lxx0JRslit6IlvjLwM0dEX6IDJul-D0ep478oafejYWSxYx632bHvDDYWbAJdMULK8lTMHcXNK0/s1600/sad.gif'/>:(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWaEyI_0KgMDFCOR1fz93fbRvT6nuAh1-XmCvUwyGmqFhbOtyPpTtd_Mkb7AQ-4hEjrVY5G3iR8y8YILmkPPD8vWSn8LT4bZtKy-uUpHV-3BrqfNsp1UYzHvwkRaSvWqSixoqjAvCDtrQ/s1600/taunt.gif'/>:))
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHGmWAozgNjTMb7NG_PA5VRwVk12wY_eOojU7RQZ-0O2ICqeNXefoY8NwyUehqAT1_iPsEHV-mlxKzuWYwIzxepNtkrDnxHMyW5RCo55G1x8j8_tfHe14gacV_LbACuZQmitx1gcQps4/s1600/cry2.gif'/>:((
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNHxqkYarAthrnda4dGsjdMmEPLQyzc7cIu9CKNqApay__Bc-ehfEQsKYjpmg3e8DFY4OzeVeWuwEzfZslm20dh8N3UceHQw6z3rj4IkpE4D-V1pgbesugQqxEc0FPOD5dVL248cgM_qI/s1600/rofl.gif'/>=))
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9zzzd8unzk4r1LqWzE_DEZfFzi3UB8XjxF7qHUrDmvwJWOgIbV6B6IINv3Dh-9k80D91HLC0CK1yoIzayQnID14qD840tS82wPZbDNRvaRQARWDoTMwBsQsDYU7vL_Vp5b0fYWvaJOI/s1600/suicide.gif'/>=D&gt;
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOPObXPlRtqhtxGw4JzLyDz9wbSIbH-lcoEXLYdnelGxtqaHZSSUarH3-nHaKXTuBYBb_I2m-zo4iCNJ_sLJvtU58J8LieKRliDoTDY-S13aFHxkeYND1vvFp4kDs-lJJXPRk4UbeQPk/s1600/biggrin.gif'/>:D
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz1bz_UUPEvOvbA4-Wcw0e51TsS7iPj89VREggUjm4NGEfroyL48FDh9WbORPF9LXAC1bnhUS8ohtEmFffd-PR_V8AjyB2f9v839mZsFi4226Y0ehpHR9XHPgCM6BbiMFhBPZBC-uinko/s1600/tongue.gif'/>:P
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAm5rY-jLRtw7HicRWpQu25f6bUyo6PI6KQrKWZ-A9ofVUPkpN1aqZ38vaP68IEk2WvzJA2eUn1TBc31n7HdGX69ueWoYiHZ84XlNdoSH15UzVecB7zwX47AiBd0HcwNfTRMvFKtjd7o/s1600/shock.gif'/>:-O
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLmpZYyfNJjqjlNFemK9pqrNrISVL_NNeFIE0ImIlK_x-H_Q-yP9gXwu-z2gaLfp_mFs5XtVinvBSPszCaLusQ6DewNzONM5AxSG5qV_BoE19JLVhMAa_pnwbD8Z79scQNuCxom25uYU/s1600/think.gif'/>:-?
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCK6caMPseIjHqxm1pVSqDblPxcQ61VYfA_df0Lqc2j-JFiJKWAODL59mW3rwYz1KqUJTr6oYhAXmpQK3ZC69BztLxyrBoAc8QwLxK-QJXRyjPQ37P2sbh2t1WLE6TDoLpMXk6IZPeV98/s1600/unsure.gif'/>:-SS
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Xk5eCvmT7Dl3Ij_M5yktiFho7i_hqQcBrwLVL8QlKUc6uS541wc7yLqqcBwsVBKstIXRkCUzmiBuwifr4-iWS5T1pRgTwSGn8uYY6kMAlWCz5_IaJGt_9PgGUORlhyphenhyphenUnpJFmWP63HSA/s1600/flowers1.gif'/>:-f
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcmAqQWam_GBjZQ9gpviF_fuEL_njOviarH7GnNqhuk8hsiDj3tdwPvLJSHVoichHhoaghLhMLO0oeJRrIqwbNMGWtcNgEadP9uzn2RWCzdTlDqdrvpMw14OWtqRtJh9VPBCsjsYQlOLA/s1600/doh.gif'/>d(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgUvW9TwO-3Jqg1VPhjWjF2M5bKBVoh-TdwwCFW3CvF7fqMrh3WeOYmz2Cu7Hz4u2UNZtpA8ZVD0u9caqSgKiAa9kXFPXOzZmfN72ofJtWI4RR58qHlaB_t7RCAkJoiVYV9hyz6MW83A8/s1600/air_kiss.gif'/>:-*
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtB-po8XWEfY6ts-2yfcjGhPiWn45TRSdfYeC6Dt-BPRjxrNLo37W5Vp0UPHb6RXU6hZL06J_v7zq8kK1QxXbO2lYZuy7uIfjWreW8folqaW64Bjy4Sb_Hw-WV87tmsOz9z9p4E1P1MZc/s1600/threaten.gif'/>b-(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVM2V0Fe99iOMbtWeq5_lowWr8RiUk1U1G7ADUDiONpfMQMwlSicbOOe4lHiwVppbwzlucTbNtnBk992R2p-xDNNJv2YIGs49CpIa-MdtVJGw3SCMYYpqjCiFpZTanGCgxriJalVflDpY/s1600/help.gif'/>h-(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLa4dwLVQcxYeAiy-I6lqUKFDaZqsrKhlKFqVJs1rgommUlWfMWbB5ejTWPERcLSIQXW6yJKfgYa2viQJYKBf1ufTMAMAVIQlZD68t3Y7xrfRP_mgUtDnHUPo24N8ZQsUAnhmcwXX99jA/s1600/good.gif'/>g-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibPpsfr1rHqcz0FX7L4MdW3HQvgTlJHLc19OdNKAGJS8qSf8nb7OHnGgGMr90mw0lL1Lz3VYe8a1BcZkWIHE_MiYpM92SI2esdrtbTKzmkwi9G6GXVMVkeg4VNVm7_JO9eTfxEWGlyyyE/s1600/beee.gif'/>5-p
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGvaELnDzUoRu6KRcrAF-bNLdDMbD4dWOJ614eKzOxcV8Qw5El_fQWOqK3tQ-wKypvTSQwcfi0kjlqJUTMWO2ZW_mAogDfcy3ZHW2MrHMVI6tP7XFwY42W6O1y77SCzs5FPJYoGa-DPKg/s1600/yahoo.gif'/>y-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5uvMmhBswEHkH3szIaZSMdlJNgoBtALXbfIO4vbjxImsIJPfe_SCRdsoAMI7FO969YkzdhgutHkf0dT635MKhlW1-PbhLNFES63MyOjM4yAy1WMt4-jPJTgoql_CxjqaPITeWPJNlmj0/s1600/crazy.gif'/>c-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBnv0cSdEb7Z58xh1BQY9mhaD1x58YNt0gkIac2z1JTtamv1O0o1fgmyYsiDgGhmD7UjqtJMdbOO-_DvQmcgaQGtw5fWDYSoH1OLt8MlCnvltK0owYOFIB2dU3Lgpa32LIWUQLzbIYypk/s1600/spiteful.gif'/>s-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBf3aojU-T3ZOqvqI5DBQRj00lQpKXqFYIChBtRJLYqmfwzQS3ixeSCI4kc7CAyMGy4alQ8VYf5rJp6zkA7bUtGFSQeOdIR9pTKbozctMG8PmtEsVOdUekVdba-RSOAAGvOP12EoGaXvs/s1600/drinks.gif'/>d-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2tgdfNmwhX3Oifr62Qjbo_4Wv6d4FacLceKxTNvlfO2qDK5lFtgwrIMqEkaBtiaJUmdbQr0WlQOQRHKjpfBevMDFnK6D6hXFr8Fwfp0urnTjH4faGXMj0ngDmBIs6G2NtW6g7JorXJDM/s1600/cheer.gif'/>w-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWUDO5mNV4UxUJGRkfYMeuaZ1pTgqjbKSEfU3iXP5-xIzYdH2D4ZZqvSqQYNUoQBZ_es_OPLHFfN59zgZ7Y20vIlzTWBW1nHb6RCAvBAfJEq87jiaUQ0ehzyTekvf0WnBlKR0-I0-Azk/s1600/hi+2.gif'/>:-h
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_hj9Ctqkx-dF-wWjmmffmzkaLSgsvs3mp6E5STjZZr8UbyLMGRVoWlKW7DBRQDY8oiS79aayWK9wUm3GzD80heNuDH3Z66S4XX_-FOWGbCSDmwZMwO4VGBCG8lO-MOiP92OS4hxLSnA/s1600/give_heart.gif'/>:X
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'><div style='font-size:small;font-weight:bold;'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLp6NFn_wCWGhn-O23IE98HAEe7Mge6f26ik3cgXiiuC5FwkAdmd1HyU3wnE2QOy4Wgzgu3mBMIjseqGVF-h3v01nViADk9ih25jVa5y8792dPco01kuAlZ5j8TcigVNK_J9n5MLlwDA/s1600/smile3.gif'/></div></a></span>
</div></b:if>

Note: Ignore steps 11-12 if you are using threaded comments!

Step 11. Finally, find this code

]]></b:skin>

Step 12. Add this one below, just above ]]></b:skin>

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;width:400px;}
.emoticons a, .emoticons a:hover {margin-left: 20px;text-decoration:none;}

Note: if you want to change the size of the emoticon container, edit the red code.

Step 13. Save the Template and you're done. Enjoy!
All Done

How To Add Flag Counter Widget in Blogger ?

You might have seen visitors count with country flags on many blogs. Flag counter widget displays visitors count with their country flags/names. Bloggers use flag counter widget on their blogs to show that from where they're getting most of their traffic and to show their page-views. If you are a blog/website owner and you're looking to show a visitors/flag counter on your blog, then you're at right place. Today in this article we are going to learn How to Add Flag Counter widget to your Blogger Blog.

How to Add Flag Counter widget to your Blogger Blog

First of all go to http://www.flagcounter.com/. You'll see a plenty of options on that page for
Customization
1- Select Top Countries to display the visitors of top countries. Select Flag Map to display a map.
2- Select maximum number of flags to show
3- Choose its background color
4- Select the number of columns and text color
5- Choose its border color and make other necessary customization
Check your widget in preview section, if widget is perfect in preview section, click "Get your Flag Counter"

 It'll ask you to register, register your flag counter or click on Skip.
On the next page you'll see two codes, the first one for websites and the second one for forums. Copy the code for websites.

STEPS

Step 1. Log in to your Blogger dashboard and click on your blog
Step 2. Go to "Layout" and click the "Add a gadget" link on the right side
Step 3. From the pop-up window, scroll down and select the "HTML/JavaScript" gadget:

Step 4. Paste the code of the chosen widget found below it.
Step 5. Hit the "Save" button... and that's All
You Have Done!

How to Change a Mouse Cursor in Blogger ?

We frequently see a lot of people customizing their blog by implementing different practices like custom background, color schemes, widgets and etc. We received a similar query from one of our reader asking about how to change a mouse cursor in blogger? A custom cursor brings distinctiveness and magnetism to your site, and it might turn out to be a great addition to your site too. Today, in this article, we will be telling you how to change a mouse cursor in blogger.

What is a Mouse cursor?

In the computers, a mouse cursor is kind of a graphical image that helps to point other images. It is mostly used to perform functions like clicking, dragging, selecting and moving one thing to another place. It is like an arrow or a pointer. It is also known as a reference point.

Where to find Mouse cursor Images?

It’s obvious you cannot create a custom cursor image of your own until you are a quite good with Adobe Photoshop. To find cursor images go to http://www.cursors-4u.com and select it according to your needs.

How To Change Mouse Cursor In Blogger:

First and foremost login into your blogger account and go to Template >> Edit HTML. Look for the bskin tag and just above it paste the following piece of coding. Keep in mind do not forget to replace Your-Cursor-Image.png with the URL of the cursor. We would recommend you to check out our article how to host images in blogger to get an Image URL of your cursor.

body{
cursor: url(Your-Cursor-Image.png), auto;
}

Once everything is done save the template and you have successfully customize your mouse cursor to a image of your choice. You should go and checkout how it looks in real.

(This Article Brought To You By MBL Networks)

How to Show Most Commented Posts in Blogger ?

One of the best gadgets for your Blogger blog is a popular posts widget for your sidebar. This lets visitors see what your trending posts are right now and encourages them to click on them to read them. This basic widget is just a little too basic, however, for the modern day website visitor. Not only do they want to see your trending posts, but they also want to join the discussions that are happening on your blog. To do that, you'll need a most commented posts widget for Blogger.

Having a customized widget on your site is a lot easier than you might think. In order to have an effective widget, however, you're going to need a few specific things to help you out.

Here's What You're Going To Get

There are certain aspects in the design of a most commented posts widget that you should expect. That's why you'll find these specific components with this custom widget:

• Ordered by popularity. The posts that have the most comments are the most likely to have visitors want to read the post and join in with the conversation. By ordering your posts based on the popularity of them, you'll give each visitor the chance to see what the hype really is about! This lets you have a charted graphic that gives a visitor easy recognition, but also allows you to keep it straight and aligned if you're looking for a cleaner look.

• Graphic incorporation. Blog posts that have at least one graphic incorporated with them will receive 100% more traffic than posts that have no images at all. For every graphic that you include with a blog post, the more likely you are to get a click! The same is true with your most commented posts widget, so be sure to incorporate graphics that stand out with your design.

• Descriptions that blend in. The internet today revolves around the value that you can provide each individual user. People don't just click on things because they look visually tempting. They click on them because they promise a level of value that another website like yours isn't able to provide. By having descriptions that blend in, you'll be able to enhance the perceived value that your site can provide. This leads to more clicks!
  

Add the Most Commented Posts Widget to Blogger

Step 1. Log in to your Blogger account and go to Template, press the "Edit HTML" button.

Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box. Type the following tag inside it and hit Enter to find it:

</Group>

Step 3. Just below </Group>, add this code:

<Group description="Most Commented" selector=".most-commented">
<Variable name="most.commented.background1" description="background color1" type="color" default="#fa4242" value="#ee377a"/>
<Variable name="most.commented.background2" description="background color2" type="color" default="#ee6107" value="#fcad37"/>
<Variable name="most.commented.background3" description="background color3" type="color" default="#f0f" value="#f8e000"/>
<Variable name="most.commented.background4" description="background color4" type="color" default="#ff0" value="#c7e93d"/>
<Variable name="most.commented.background5" description="background color5" type="color" default="#0ff" value="#5ebded"/>
</Group>

Note: if you can't find the </Group> tag, try to find the following tag instead and add the variables just below it:

<b:skin><![CDATA[

Step 4. Now search for the following tag (CTRL + F):

]]></b:skin>

Step 5. And just above it, add this CSS code:

.comment-count {
    padding: 3px 10px;
    background: #fff;
    color: #000;
    font-size: 10px;
    float: right;
}

.most-commented ul {
    padding: 0px !important;
    font-family: Century Gothic, sans-serif;
}

.most-commented ul li {
    list-style-type: none;
    padding: 10px;
    color: #555;
    margin-top: -10px;
}

.most-commented ul li a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

.most-commented ul li img {
    float: left;
    margin: 0px 5px 0px 0px;
    width: 60px;
    height: 60px;
}

.most-commented:nth-child(3n+0) {
    background: $(most.commented.background1);
    width: 100%;
}

.most-commented:nth-child(4n+0) {
    background: $(most.commented.background2);
    width: 95%;
}

.most-commented:nth-child(5n+0) {
    background: $(most.commented.background3);
    width: 90%;
}

.most-commented:nth-child(6n+0) {
    background: $(most.commented.background4);
    width: 85%;
}

.most-commented:nth-child(7n+0) {
    background: $(most.commented.background5);
    width: 80%;
}

Step 6. Save the template.

Now, let's add the Most Commented Posts widget to the Layout of our Blogger blog. Head over to the "Layout" section of your Blogger dashboard and click on the "Add a gadget" link on the right side. From the pop-up window, scroll down the list and select the "HTML/JavaScript" gadget:

 Copy and paste this script inside the content box:

<script type="text/javascript">
function stripTags(s,n) {
    return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
    var i;
    for (i = 0; i < feed.count ; i++) {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postthumbnail = "<img src="+feed.value.items[i].postthumbnail+" />";
var postDescription = feed.value.items[i].postdescription;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li><div class="comment-count">' + postComments + "</div>" + postthumbnail + "<a href="+ postURL + '">' + postTitle + "</a>"  + '<p>' +stripTags(postDescription,10)+'...</p>' + '</li></ul></div>';
 document.write(postList);
     }
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
AddUrlHere=http://www.kingoftricks.tk
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"
type="text/javascript"></script><span style="font-size: 80%; float:left;"><a href="http://helplogger.blogspot.com/2014/08/most-commented-posts-blogger-widget.html">Add this widget</a></span>

Here, change http://www.kingoftricks.tk with your blog URL. If you want to add more characters to the description, modify the "10" value in red from "postDescription,10".

If you want a more simple look (without the thumbnails and post snippets), add this script instead:

<script type="text/javascript">
function stripTags(s,n)
    {
    return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li style="margin-bottom: 10px"><div class="comment-count">' + postComments + "</div>" + "<a href="+ postURL + '">' + postTitle + "</a>"  + '</li></ul></div>';
 document.write(postList);
 }
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 AddUrlHere=http://www.kingoftricks.tk
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:left;"><a href="http://helplogger.blogspot.com/2014/08/most-commented-posts-blogger-widget.html">Add this widget</a></span>

.... and replace http://www.kingoftricks.tk with your address.
To add the "comments" text after the comments number, replace the line in red:

<div class="comment-count">' + postComments + "</div>"

with:

<div class="comment-count">' + postComments + " comments" + "</div>"

Once you have finished adding your own settings, press the "Save" button to enable the gadget in the sidebar of your blog. That's it!

(This Article Brought To You By Helplogger)

How to Show Random Posts in Blogger ?

Since your blog is more like a diary or because of its natural structure sometimes old articles gets neglected and hardly gets any visitors directly from your website. New users joins your website, takes complete benefit from it but never bother to visit your old good articles. However, a simple way to bring back attention to your old articles is to display them somewhere in your sidebar. Today in this article, we will show you how to display random posts in blogger.

What is Random Posts Widget?

This widget displays a list of random posts from your blog providing the ability to your visitors to read your good articles from the paste. On the other hand, this widget is probably ideal for bringing back limelight to some of your posts that are buried in your blog achieve. Before, you add this widget in your blog check out the screenshot below of this widget:

How to display Random Posts in Blogger?

This tutorial consists of two parts, in the first one we’ll be adding CSS of the widget and in the other half we will add the main structure coding on the widget. So, the very first thing you need to do is to login into your blogger account and go to Template >> Edit HTML. Now in the blogger template editor, search for ]]></b:skin> tag and just above it paste the following code.

ul#random-posts img {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
ul#random-posts li {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.rp-info {
    font-style: italic;
}
.rp-snippet {
    font-style: normal;
}
ul#random-posts a {
    font-weight: bold;
}

Till here, you have successfully installed CSS codes to your template, now it’s time to add main structure coding. It depends on you, where you would like to display random posts on your blog but popular blogs always recommends adding it in your sidebar. So, go to Layouts >> Add a Gadget >> Add HTML/JavaScript >> just paste the below coding in the HTML box.

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=80;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEANBOesVj3OXFH6J7gpjEIQzWl9fSCf9EgzCYbfVSCjfaATRt3Gj9NTb7WRGLaoburKlglx752GF82_O_O-3OqgA4CM_PktldaRCCvb8ZjHTD4oOwB0O3LbYau3fEiC5LweLmHIeHH5Y/s1600/no_thumb.png"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span><div  class="rp-info">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</div></span>'};document.write('<br/><div class="rp-snippet">'+rdp_snippet+'</div><div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Customization:

1. You can increase the number of post to display, just change '5' to any other. 
2. You can increase the summery of the post, just change '80' to any other.
3. By default it display's date and comments on the post, you can disable it by changing var rdp_info='yes'; to no. 

Once everything is done, you may save the widget by pressing “Save” button and that’s it. You have successfully added random posts with thumbnail on your blogger site.

(This Article Brought To You By MBL Networks)

How to Index your Website Faster in Google Search Easily

Today, having a website is not a challenging task anymore as it was considered before. In present online age people are more concern about getting their brand name or blog searchable on search engines to engage more valuable visitors. Many brand companies have already started to implement techniques that help their website to index faster in search engines. If you’re looking for some tips or techniques that could help your site to rank faster, then you are luckily at the right place. Today in this article, we will show you How to Easily Index your website faster in Google Search

Why Google Indexes new websites slowly?

We see a lot of users always complain about the fact that their new site takes a lot of time in indexing posts or articles. The main reasons of not getting your new site index are mentioned as below:

Less Authority: When you create a new site, it has almost ZERO authority while other old sites have better authority this is the reason why your site takes a while in indexing. The older your site would be, the more authority it would gain so it’s just a matter of getting your site a bit older.

Less Content: Google loves content, not just content, but fresh and quality content. New sites have less or no content, this makes almost impossible for search engines to get a blank page index (in some cases Google even indexes blank pages). However, write content that has quality and quantity at the same time.

Lack of Social Signals: Now days, search engines do count on social signals (the no of shares, tweets, likes the content is received from social networking websites) and on the basis of that they index or rank websites. For a new site, it is almost impossible to overnight get a lot of social followers.

Under the Scan: For those who don’t know, Google always takes a nice look at your site before it is indexed in the search engines so if there is any delay in indexation then your site is under the scan..

To find the number of pages indexed go to Google.com and search for site:kingoftricks.tk (Note: Do not forget to replace kingoftricks.tk with your website address). If you see no results, then you should implement the tips we have discussed in this article. Following screenshot shows the search results for the above query.

How to Easily Index your website faster in Google Search:

The techniques which we’ll be discussing in this article are applicable for both new and old websites. In short, we will be using some external websites to send search engine crawlers to our sites, forcing them to index our site faster than usual.

1. Submit sitemap to Google:

What is a sitemap? A sitemap is the list of posts or pages that you’ve published on your site which helps search engine crawlers to index your posts according to the its published dates. By submitting a sitemap to Google, Yahoo, Bing, AOL and etc. you’re inviting them to index your blog faster and efficiently.

If you haven't submit your sitemap to Google then do it today by going to the webmaster tool.

2. Commenting on Dofollow or CommentLuv Blogs:

After publishing a new article, comment on authority high traffic blogs. This not only provides some traffic, but at the same time search engine crawlers will follow your site if the attribution is set to Dofollow.

This is an old but working technique that every newbie blogger implements and if you haven’t then try it from today. You will start seeing the changes within a week or so depends on how much blogs you’re commenting on daily basis, I would prefer 20 to 30 comments a day.

3. Sharing on Social Communities: 

This is another method which is very effective for new blog owners. Facebook or even Google+ has active groups and communities that allows you to share your posts URLS on them. When you’re sharing those URLs on those groups, you are actually sending a social signal to your site. This means the more you share, the more social signals it will send back to your site.

We have also implemented the same technique in the early days of MyBloggerLab.com and results were pretty much amazing.

4. Ping Your Posts or Blog:

Ping service is another working way to alarm search engines to index your newly published posts. However, Blogger as well as WordPress automatically sends pings to search engines, but doing it efficiently by doing it yourself won’t hurt much.














Ping From this site: http://pingomatic.com/

5. Guest Posting:

People say Guest posting is no longer effective, but the reality is they have the same significance at the moment as well. If you have time write 5 to 10 quality articles and ask high authority blogs to publish them and provide a Dofollow link to you.

Try to guest posts on blogs that are related to your nice, are updated regularly and consists of the active audience. By doing this, you will get some healthy traffic and again in your authority.

(This Article Brought To You By MBL Networks)

2014 Best High Page Rank Dofollow Blog's Updated Latest

Backlinks are most important part of Search engine optimization.About 80% of SEO depends upon backlinks,if you don't have good amount of backlinks your website/blog will not rank well in search engines.So keeping it in mind we follow different ways of building backlinks some of us use different directories to build backlinks while some use forums.But the easiest and the most important part of building backlinks is do-follow commenting it still works but you have to make sure it is with your niche,its very important to post your link only on that website which is related to your niche.So for you I have collected the year 2012's one of the best High page rank do-follow blog,so you can easily build backlinks here is the list

List of Page Rank 6 Do-Follow Blog's

1. Grokdotcom
2. Links
3. Greens
4. Sirpi
5. FilipinoLibrarian
6. CurryBet
7. NewCritics
8. CarlGalloway
9. MoFuse
10. SocialTimes
11. EarthEasy
12. WeblogToolsCollection
13. BusinessFinanceMag
14. JustinTadlock
15. LendingClub
16. TheMallBlog
17. HurryUpHarry
18. UncommonPhotographers
19. BrazenCareerist
20. Pintini French
21. MarlenesCorner French
22. Frederic-Rolin French

Page Rank 7 DoFollow Blogs

1. http://www.educause.edu/blog
2. http://dig.csail.mit.edu/breadcrumbs/blog/4
3. http://pressblog.uchicago.edu/
4. http://blogs.nyu.edu/fas/dri/aidwatch/
5. http://delong.typepad.com/

Page Rank 5 DoFollow Blogs

1. http://www.communityspark.com/
2. http://focusorganic.com/
3. http://www.layercake.net/
4. http://www.hobo-web.co.uk/seo-blog/
5. http://justaddwater.dk/
6. http://www.krisbuytaert.be/blog/
7. http://blog.dmbcllc.com/
8. http://therenegadewriter.com/
9. http://www.iayork.com/MysteryRays/
10. http://www.lifeinthefastlane.ca/
11. http://elleeseymour.com/
12. http://profitsfinancesite.com/
13. http://newcritics.com/blog1/
14. http://www.uncommonphotographers.net/
15. http://links.org.au/
16. http://www.knrn.org/
17. http://blogs.cetis.ac.uk/asimong/
18. http://www.seobythesea.com/
19. http://www.oilman.ca/
20. http://andybeard.eu/

(This Article Brought To You By MBL Networks)