King Of Tricks : BTricks

Showing posts with label BTricks. Show all posts

Sunday, 30 November 2014

Add Emoticons in Your Blogger Comments Section

Posted by FaqeerMuhammad at 02:14 0 Comments

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:

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

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 == "item"'><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>
<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

Tuesday, 25 November 2014

How to Change a Mouse Cursor in Blogger ?

Posted by FaqeerMuhammad at 10:03 0 Comments

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)

Wednesday, 19 November 2014

How to Index your Website Faster in Google Search Easily

Posted by FaqeerMuhammad at 10:34 0 Comments

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

Posted by FaqeerMuhammad at 06:53 0 Comments

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

Page Rank 7 DoFollow Blogs

Page Rank 5 DoFollow Blogs

(This Article Brought To You By MBL Networks)

Monday, 17 November 2014

How To Remove Blogger Attribution Gadget

Posted by FaqeerMuhammad at 10:57 0 Comments

The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may of noticed this gadget is locked into you blog. To unlock it, follow the next steps:
Step 1. Log in to your Dashboard, go to Template > Edit HTML.

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

Step 3. Type or paste the following tag inside the search box then hit Enter to find it:

</head>

Step 4. Just above </head> add this code:

<style>
#Attribution1 {
display: none;
}
</style>

Step 5. Click on the Save Template button to save the changes.

If You Face Any Kind Of Problem Feel Free To Comment Below

How To Redirect Blogger 404 Error To Homepage ?

Posted by FaqeerMuhammad at 10:35 0 Comments

A 404 error page tells you and search engines that a page is not found by displaying a text similar to it "Sorry, the page you were looking for in this blog does not exist.". This may happen because you have changed your URLs over time, either removed a few pages when you overhauled your design or a visitor may have accidentally misspelled an URL inexistent in your blog, so it automatically redirects to the 404 error page (page not found).And probably this will not make a good impression on the greatest potential users of our blog. Before the user clicks the back button or close the window/browser's tab, thus leaving our site forever, we may want to redirect 404 error in Blogger to a page, where are chances that the visitor will continue reading our blog.
One of the most used methods is the "meta refresh" but the problem with this method is that it breaks navigation (doesn't allow to return back). In this case, the best method is by using Javascript about which I will go in detail below.

Redirect Blogger 404 Error with Javascript

Go to your Blogger dashboard, select your blog and then to Settings > Search preferences > Custom Page Not Found

Copy and paste the following code inside the empty box:

Sorry, the page you're looking for in this blog does not exist.
You will be redirected to homepage shortly.
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

The message which is going to be displayed can be modified as you want. If you are willing to redirect your blog 404 error page to another page other than your home page, just replace pathname to href and / with the url of your page. And finally, the number 5000 which is the delay expressed in milliseconds, can be changed to other value if this is more convenient.

If You Face Any Kind Of Problem Feel Free To Comment Below

Saturday, 15 November 2014

Add Custom Robots.txt File in Blogger

Posted by FaqeerMuhammad at 11:32 0 Comments

Are you one of modern day bloggers without much knowledge of technical details, looking to enhance your blog's ratings and audience but don't know how to and your blogger friend told you that you can get a hike into your site visitors via editing your Robots.txt file? Or maybe you don't want search engines spiders to crawl through your pages? Or you do have a technical background but don't want to risk making changes without expert's words on topic? Well in either case, this is the right place for you to be. In this tutorial, you will see how to add Custom Robots.txt file in Blogger in a few easy steps.

But before we open and start working on Robots.txt, let's have a brief overview of its significance:
Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.

What is Robots.txt?

With every blog that you create/post on your site, a related Robots.txt file is auto-generated by Blogger. The purpose of this file is to inform incoming robots (spiders, crawlers etc. sent by search engines like Google, Yahoo) about your blog, its structure and to tell whether or not to crawl pages on your blog. You as a blogger would like certain pages of your site to be indexed and crawled by search engines, while others you might prefer not to be indexed, like a label page, demo page or any other irrelevant page.

How do they see Robots.txt?

Well, Robots.txt is the first thing these spiders view as soon as they reach your site. Your Robots.txt is like a hour flight attendant, that directs you to your seat and keep checking that you don't enter private areas. Therefore, all the incoming spiders would only index files that Robots.txt would tell to, keeping others saved from indexing.

Where is Robots.txt located?

You can easily view your Robots.txt file either on your browser by adding /robots.txt to your blog address like http://kingoftricks1.blogspot.com/robots.txt or by simply signing into your blog and choosing Settings --> Search engine Preference > Crawlers and indexing and selecting Edit next to Custom robots.txt.

How Robots.txt does looks like?

If you haven't touched your robots.txt file yet, it should look something like this:

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://myblog.blogspot.com/feeds/posts/default?orderby=UPDATED

Don't worry if it isn't colored or there isn't any line breaks in code, I colored it and placed line breaks so that you may understand what these words mean.

User-agent:Media partners-Google:
Mediapartners-Google is Google's AdSense robot that would often crawl your site looking for relevant ads to serve on your blog or site. If you disallow this option, they won't be able to see any ads on your specified posts or pages. Similarly, if you are not using Google AdSense ads on your site, simply remove both these lines.

User-agent: *
Those of you with little programming experience must have guessed the symbolic nature of character '*' (wildcard). For others, it specifies that this portion (and the lines beneath) is for all of you incoming spiders, robots, and crawlers.

Disallow: /search
Keyword Disallow, specifies the 'not to' do things for your blog. Add /search next to it, and that means you are guiding robots not to crawl the search pages /search results of your site. Therefore, a page result like http://myblog.blogspot.com/search/label/mylabel will never be crawled and indexed.

Allow: /
Keyword Allow specifies 'to do' things for your blog. Adding '/' means that the robot may crawl your homepage.

Sitemap:
Keyword Sitemap refers to our blogs sitemap; the given code here tells robots to index every new post. By specifying it with a link, we are optimizing it for efficient crawling for incoming guests, through which incoming robots will find path to our entire blog posts links, ensuring none of our posted blog posts will be left out from the SEO perspective.However by default, the robot will index only 25 posts, so if you want to increase the number of index files, then replace the sitemap link with this one:

Sitemap: http://myblog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

And if you have more than 500 published posts, then you can use these two sitemaps like below:

Sitemap: http://myblog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://myblog.blogspot.com/atom.xml?redirect=false&start-index=500&max-results=1000

How to prevent posts/pages from being indexed and crawled?

In case you haven't yet discovered yourself, here is how to stop spiders from crawling and indexing particular pages or posts:

Disallow Particular Post

Disallow: /yyyy/mm/post-url.html

The /yyy/mm part specifies your blog posts publishing year and month and /post-url.html is the page you want them not to crawl. To prevent a post from being indexed/crawled simply copy the URL of your post that you want to exclude from indexing and remove the blog address from the beginning.

Disallow Particular Page

To disallow a particular page, you can use the same method as above. Just copy the page URL and remove your blog address from it, so that it will look something like this:

Disallow: /p/page-url.html

Adding Custom Robots.Txt to Blogger

Now let's see how exactly you can add Custom Robots.txt file in Blogger:

1. Sign in to you blogger account and click on your blog.
2. Go to Settings > Search Preferences > Crawlers and indexing.

3. Select 'Edit' next to Custom robots.txt and check the 'Yes' check box.
4. Paste your code or make changes as per your needs.

5. Once you are done, press Save Changes button.
6. And congratulations, you are done!

How to see if changes are being made to Robots.txt?

As explained above, simply type your blog address in the url bar of your browser and add /robots.txt at the end of your url as you can see in this example below:

http://kingoftricks1.blogspot.com/robots.txt

Once you visit the robots.txt file, you will see the code which you are using in your custom robots.txt file. See the below screenshot:

Final Words:

Are we through then bloggers? Are you done adding the Custom Robots.txt in Blogger? It was easy, once you knew what those code words meant. If you couldn't get it for the first time, just go again through the tutorial and before long, you will be customizing your friends' robots.txt files.

In any case, from SEO and site ratings it's important to make that tiny bit of changes to your robots.txt file, so don't be a sloth :v

If You Face Any Kind Of Problem Feel Free To Comment Below

Tuesday, 11 November 2014

Add Pinterest Pin It Mouseover Button on Blogger Images

Posted by FaqeerMuhammad at 10:47 0 Comments

Images have always played a prominent role in attracting new visitors through search engines like Google and Bing. But when Pinterest decided to enter the social media mix, it upped the ante in a big way.

Pinterest lets blog owners use their service to add a 'pin' to photos or content images on the site. When visitors of that site see a photo they like, they can choose to click on the red Pinterest button for Blogger, and add it to their Pinterest account.

The person who pressed your Pinterest button for Blogger can now see your photo on their dashboard, and share it with friends or followers on the service. They can also come across this photo when users add keywords or category tags to the image. More importantly, that photo links to your site when clicked on and will contain a description title of your blog name or post.

Therefore, adding the Pinterest button for Blogger will help you to benefit from tons of new traffic coming from Pinterest and people who had found your photos and post links using the service. Here are some steps to add your very own Pinterest button.

1. Access your Blogger Template

The first thing to do is to edit the code of your template so that it knows when to display this Pinterest Button for Blogger with the content. You can do this by logging into your Blogger Dashboard and finding your way to "Template" > "Edit HTML".

When the editor opens up, it may look a bit foreign to you if you don't have much experience using HTML. Click anywhere inside the code area and search by pressing the CTRL + F keys for the </body> tag - hit Enter to find it:

</body>

The body tags makes up the general content in your webpage. Think of it like the settings panel of a website. If you were to delete everything in this section your site would turn into a blank white page.

2. Add The Pinterest Pin it Script

Once you found the </body> tag, insert the following script just above it:

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht8jXVFlCeJZkXLrK8wM6wcQutgzJCUDYD5BSOSZkwfZ_rms9y-q7uduqNH6VDXpYzEvmwX-T1sw5_jj_uX-P6lm97NYxRlPacCupl3MAb13iZQCM78FqDo5bg3X8aV8PDi2Hgaco3o_EJ/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'>
// Visit www.kingoftricks.tk for more widgets and tricks.
</script>

3. Changing the Position of the Pin it! button

The cool thing about this code is that you have some freedom over where the Pinterest button for Blogger will go over the image. Take a look at the code that you just copied and pasted into the HTML for the word 'center'.

var pinit_button_position = "center";

To move the pin to a different area of the photo, replace center with one of these texts:

topleft
topright
bottomleft
bottomright

And to change the Pin it! button that appears on mouse over, replace the address in blue from above with your own:

var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht8jXVFlCeJZkXLrK8wM6wcQutgzJCUDYD5BSOSZkwfZ_rms9y-q7uduqNH6VDXpYzEvmwX-T1sw5_jj_uX-P6lm97NYxRlPacCupl3MAb13iZQCM78FqDo5bg3X8aV8PDi2Hgaco3o_EJ/s1600/pinit-button.png";

4. Save The Template

Make sure that you added everything correctly, then save the template and navigate to a recent post that you made that contain images. Hover your mouse over the image and you should now see a red Pinterest button for Blogger displayed on the image. Test it out and see it how it works.

If you want to hide the pinit button from a specific image, when you create a post, switch to the HTML tab of your post editor and type class="nopin" right before the closing slash and angle bracket of your image element, like this:

The only downside of this button is that it doesn't take the information from your custom image titles. It's automatically set to take the title of the blog post where the image is located. So, you'll need to pay closer attention to the title of the posts so that it fits closely with the images being shown.

Remember that when you have this code activated, you have to label your titles so that they are relevant to the photos you are posting. This might sound obvious, but sometimes you create a post with an image as a joke that won't make sense in the context of viewing it on Pinterest.

If You Face Any Kind Of Problem Feel Free To Comment Below

Monday, 10 November 2014

Add Alt Tags to blogger Images to Drive more Traffic

Posted by FaqeerMuhammad at 10:55 0 Comments

Today Images and quality Screenshots plays the major role for driving much traffic that also helps to index website posts to search engines. But this is so difficult to learning the correct and proper way of Optimizing images in blogger or WordPress on internet and any palace. Today Google image search used widely for finding best reference about anything by images, icons, and photos. You know that high level of your blog traffic mostly depends on image search. Almost newbies knows about writing quality posts but don’t know about how to tag images and add Alt text to images. But search engine robots cannot able to read graphic images and flash such as GIF format. So we are going to discuss about “how to add tag images for drive much traffic” in details.

Please read few tips then after go to next steps

please use pictures in only PNG and JPEG Format because GIF format not supported by Google search and Google spiders not read it correctly and Ignore them.
Please use a picture that completely matches with your post title on top on your blogger posts Like me and then fill up it completely with your tags.
Please use Quality picture because low quality picture not able to index by Google.
Use right screenshots in your posts.

How to tag Images to Drive the traffic on high Level?

when you are adding a photo in your post Editor, switch to "Edit HTML" mode and then find the following post.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNsfGXAkO4MbSbS20lxBos-p0TuSpO_tVDmqBeSj7L9EMKHJyyLOXKTNX8vYtXZEar-fWdE060EkUW3fzm9XFjDxydk6jfmt_MYgkaf0-QL_cdB8acdD3jZph51AK-4SR2bXCuEjifXPs/?imgmax=800"><imgsrc="http://lh3.ggpht.com/- s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D. png?imgmax=800" /></a>

Now you need to identify the HTML code of your Image which is shown in Above highlighted portion, then just After the <img add the alt tag just like Below.

<a href="http://lh3.ggpht.com/- s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D.pn g?imgmax=800" ><img alt="IMAGE DESCRIPTION" src="http://lh3.ggpht.com/- s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D. png?imgmax=800" /></a>

Congratulations!!, you are successfully added the alt tag to your Blogger images now you can published your post and after few days see the changes.

If you face any kind of problem feel free to comment below

Make Blogger Template SEO Friendly

Posted by FaqeerMuhammad at 10:30 0 Comments

Blogger is a popular CMS which is being used by millions of Bloggers. The best thing of it is that it is owned by Google which helps the web masters to engage their blog with Google and get more traffic from Google. There we can also install custom templates but one thing, most of templates are not SEO optimized because these are designed by different developers. So if you are also using any custom template or default template then you should check that it is search engine optimized or not. If no then you will have to optimize it for getting handsome traffic and improving errors in web master tools account. So in the today's tutorial we are going to learn that how can we make our Blogger Template SEO friendly.
In order to SEO optimize any template we need to do little changes in different part of our template. Below I'm going to discuss that all. You just need to read it carefully along with following the simple steps.

Display Post Title First In Search Results

Have you ever noticed that your post title appears after the blog title in search results ? If yes then continue following this section. First of all look the at the example below.

After seeing the above image, I think you have got my point. The reason why post title should appear first in search results is that when someone is going to search any content he will read the only few beginning words of title now if that words are matched with the content which he/she need then you will enter to that page otherwise he will leave it. In order to display post title first in search results simply follow the below steps.

Go To Blogger >> Template >> Backup Your Template
Click Edit HTML and Find For Below Code.

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

Replace The Above Code With The Following Code

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

Save Your Template & You Have Done!
Let's Jump To Next Step.

Adding Meta Description & Keyword Tags

So, This is another section our post and in this section we're going to add meta description and keywords tags in your blog which will tell the search engine's crawler that in which category your blog is based. It will also help the search engines to show your blog's posts on proper keywords. In order to add meta description and keyword tags, Simple follow the below steps.

Go To Blogger >> Template >> Edit HTML
Find For <head> and Paste The Following Code Below <head>

<meta content='YOUR BLOG's DESCRIPTION GOES HERE' name='description'/>
<meta content='KEYWORDS GOES HERE' name='keywords'/>

Replace YOUR BLOG's DESCRIPTION GOES HERE With Your Description and KEYWORDS GOES HERE With Your Keywords
The maximum characters for description is 150 characters and also 150 characters for keywords.
Finally Save It !

Optimize Post Title Using H2 Tag

This is said by many professional bloggers that we should use H2 tag in our post titles for better search engine optimization. By default in Blogger, H3 tag is used for post title but using H2 tag will be better. To use H2 tag in post title just follow the below simple steps.

Go To Blogger >> Template >> Edit HTML
Find For Below Code

<b:if cond='data:post.title'>

You Will See Something or Similar Code Like The Image Below

In the above image you can see in starting that post title starts with H3 tag now you just need to replace H3 with H2 and also replace the ending tag </h3> with </h2>. After replacing you code will look like below image.

After optimizing post title, Just save your template and you have done!
CONGRATULATIONS! Your Template is successfully search engine optimized!

Sunday, 30 November 2014

How To Add Kolobok Smileys to Blogger Comments

Tuesday, 25 November 2014

What is a Mouse cursor?

Where to find Mouse cursor Images?

How To Change Mouse Cursor In Blogger:

Wednesday, 19 November 2014

Why Google Indexes new websites slowly?

How to Easily Index your website faster in Google Search:

1. Submit sitemap to Google:

2. Commenting on Dofollow or CommentLuv Blogs:

3. Sharing on Social Communities:

4. Ping Your Posts or Blog:

5. Guest Posting:

Monday, 17 November 2014

If You Face Any Kind Of Problem Feel Free To Comment Below

Redirect Blogger 404 Error with Javascript

If You Face Any Kind Of Problem Feel Free To Comment Below

Saturday, 15 November 2014

What is Robots.txt?

How do they see Robots.txt?

Where is Robots.txt located?

How Robots.txt does looks like?

How to prevent posts/pages from being indexed and crawled?

Adding Custom Robots.Txt to Blogger

How to see if changes are being made to Robots.txt?

Final Words:

If You Face Any Kind Of Problem Feel Free To Comment Below

Tuesday, 11 November 2014

1. Access your Blogger Template

2. Add The Pinterest Pin it Script

3. Changing the Position of the Pin it! button

4. Save The Template

If You Face Any Kind Of Problem Feel Free To Comment Below

Monday, 10 November 2014

Please read few tips then after go to next steps

How to tag Images to Drive the traffic on high Level?

If you face any kind of problem feel free to comment below

Display Post Title First In Search Results

Adding Meta Description & Keyword Tags

Optimize Post Title Using H2 Tag

If You Face Any Kind Of Problem Feel Free To comment Below

Popular Posts

Labels

Alexa Rank