June 2015 - Foxtipsbd :: Web Desing & Other Trick

How To Improve Your Web Site Alexa Top Rank?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin-left: 1em; margin-right: 1em;">
<img height="225" src="http://img.bloggertipstricks.com/2013/04/improve-alexa-ranking1.jpg" width="400" /></div>
<div style="margin-left: 1em; margin-right: 1em;">
<br /></div>
<br />
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
<span style="line-height: 1.7em;">When I </span><a href="http://www.bloggertipstricks.com/wordpress.html" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #ff5c00; line-height: 1.7em; margin: 0px; padding: 0px; vertical-align: baseline;" title="How To Start Your Own WordPress Blog – Ultimate Guide!">started blogging</a><span style="line-height: 1.7em;"> </span><span style="line-height: 1.7em;">back in 2009, I had no idea what Alexa rank is and how to improve it.</span></div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
As time passed, I kept learning various aspects of Blogging and came to know that Alexa is like talk of the town in blog-o-sphere.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
As being a new blogger, it was comparatively tough to attain a good Alexa rank for my blog, but as my Blogging experience kept improving, my Alexa rank also started touching new heights.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
<span id="more-53" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span><br />
<b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">In this article, you will learn:</b></div>
<ol style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.875em; margin: 0px 0px 1.25em; outline: 0px; padding: 0px 0px 0px 3.15em; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">What is Alexa Rank?</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Why Alexa rank is important?</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">and Finally, How to improve Alexa rank?</li>
</ol>
<h2 style="background-color: white; color: #424242; font-family: Lato, sans-serif; font-size: 1.875em; line-height: 1.3; margin: 25px 0px 12px; word-wrap: break-word;">
What is Alexa Rank?</h2>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
<a href="http://www.alexa.com/siteinfo/www.bloggertipstricks.com" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #ff5c00; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">Alexa.com</a> ranks website on the basis of traffic they get. Not all the traffic, but only from those users who have Alexa toolbar installed in their browser.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
What does it mean is, if you are getting traffic from Alexa toolbar users, your Alexa rank will keep improving day-by-day.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
Alexa.com is a product/service of the giant of eCommerce business i.e Amazon.com. Although having a good Alexa rank doesn’t help you directly in any way, but still it have its own benefits. Let’s talk about them:</div>
<h2 style="background-color: white; color: #424242; font-family: Lato, sans-serif; font-size: 1.875em; line-height: 1.3; margin: 25px 0px 12px; word-wrap: break-word;">
Why Alexa rank is important?</h2>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
If you are into online marketing business, where you deal with several advertisers/ product owners then Alexa rank is very important for you.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
Blogs with impressive Alexa rank attract the advertisers to spend money on your site to feature their service/product. Alexa rank below 50K can impress advertisers easily as it shows the quality of the site.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
So, having a good Alexa rank help bloggers to make decent money from direct advertisements.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
Except money, it also helps in various other ways like:<br />
1. <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Backlinks</b>: other bloggers will start linking to your site if you have great Alexa rank. It will generate more <a href="http://www.bloggertipstricks.com/natural-backlinks.html" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #ff5c00; margin: 0px; padding: 0px; vertical-align: baseline;">natural backlinks</a> for you.<br />
2. <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Popularity</b>: it builds readers’ trust and you’ll become more popular in your niche.<br />
3. <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Interviews</b>: Novice or Amateur bloggers love to take and publish pro-bloggers’ interview on their blog so that they and their readers can learn some pro techniques from experts. So, if you have thrilling Alexa rank, get ready for incoming interview requests <img alt="😀" class="emoji" draggable="false" src="http://s.w.org/images/core/emoji/72x72/1f600.png" style="background: none !important; border: none !important; box-shadow: none !important; box-sizing: border-box; display: inline !important; height: 1em !important; margin: 0px 0.07em !important; max-width: 100%; outline: 0px; padding: 0px !important; vertical-align: -0.1em !important; width: 1em !important;" /></div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
<b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">PS:</b> I got interviewed several times of various good authority blogs and also on National news channel NDTV. You may like to watch my interview video:<br />
<iframe allowfullscreen="" frameborder="0" height="281" src="https://www.youtube.com/embed/LpeM0xtU2iQ?feature=oembed" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-width: 0px; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" width="500"></iframe><br />
<b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></b></div>
<h2 style="background-color: white; color: #424242; font-family: Lato, sans-serif; font-size: 1.875em; line-height: 1.3; margin: 25px 0px 12px; word-wrap: break-word;">
How to Improve Alexa Ranking?</h2>
<ol style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.875em; margin: 0px 0px 1.25em; outline: 0px; padding: 0px 0px 0px 3.15em; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="http://www.bloggertipstricks.com/claim-site-on-alexa.html" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #ff5c00; margin: 0px; padding: 0px; vertical-align: baseline;">Claim your site on Alexa.com</a></b> – Sign up for a free account on Alexa.com and submit your site there. This is the very first and baby step to improve your Alexa ranking.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Install Alexa toolbar into your browser</b> – The more Alexa toolbar users visit your blog, the better your ranking will be. You can’t decline this fact that you visit your blog more than any of your reader. So, why don’t you take advantage of your own visit <img alt="😉" class="emoji" draggable="false" src="http://s.w.org/images/core/emoji/72x72/1f609.png" style="background: none !important; border: none !important; box-shadow: none !important; box-sizing: border-box; display: inline !important; height: 1em !important; margin: 0px 0.07em !important; max-width: 100%; outline: 0px; padding: 0px !important; vertical-align: -0.1em !important; width: 1em !important;" /></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Add Alexa widget to your blog</b> – Alexa widget helps Alexa servers to better track the traffic. Add one in your blog and see a significant improvement in your rankings. It may not work overnight but something is better than nothing, right?</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Write Linkable and shareable content</b> – The more useful content you’ll write for your blog readers, then more traffic and backlinks you’ll get. People will more likely to share your content across their social networks and finally it will help you in improving your Alexa rank fast.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Drive traffic from Social Media sites</b> – If you are connected with other bloggers on social media, chances will be higher that they all are using Alexa toolbar. The more traffic you’ll get from your blogger friends the better chances will be to get a noticeable ranking.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Keep updating your blog with useful content and increase your returning visitors count</b> – Trust me, returning visitors (Happy readers) help a lot to boost blog’s ranking. They are happy readers so they will share your content several times on their various social network profiles. You know how it will be beneficial for you. You know, right? Do let me know in the comments.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Add videos inside your content</b> – Post interesting videos in your blog posts and share them on your social profiles. People love videos. So, You’ll get great exposure and it will increase visit time of your blog and hence your Alexa rank will boost.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Showcase your Alexa rank</b> to your social media friends/ bloggers friends and link back to your blog. It attracts huge clicks and your ranking will keep improving day by day. See, how I did that on facebook and got 100+ likes and 400+ traffic.</li>
</ol>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
<img alt="alexa rank tips" class="aligncenter size-full wp-image-26042" height="547" src="http://img.bloggertipstricks.com/2013/04/alexa-rank-tips.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; display: block; height: auto; margin: 10px auto; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" width="636" /></div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
So, these are the tips that will help you to improve your Alexa rank. I’ll keep updating this post for more helpful tips and strategies.</div>
<h3 style="background-color: white; color: #424242; font-family: Lato, sans-serif; font-size: 1.625em; line-height: 1.3; margin: 22px 0px 11px; word-wrap: break-word;">
Conclusion</h3>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
I highly recommend you to give some time in improving your blog’s Alexa ranking as it is important if you are a serious blogger and wants to generate money from direct advertisements.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
If you liked this article, then kindly share it on your social profiles and help me to spread my words.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
I would love to know from you, what’s the reason you want to achieve a better Alexa rank. Also, if you have any other tips/suggestions that work pretty well in improving Alexa ranking, then share it with me in the comment section and I’ll include that into my post.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #424242; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
Thanks <img alt=":)" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/simple-smile.png?c62b0a" style="background: none !important; border: none !important; box-shadow: none !important; box-sizing: border-box; display: inline !important; height: 1em; margin: 0px 0.07em !important; max-height: 1em; max-width: 100%; outline: 0px; padding: 0px !important; vertical-align: -0.1em !important; width: 1em !important;" /></div>
</div>

How To Improve Your Web Site Alexa Top Rank?

When I started blogging back in 2009, I had no idea what Alexa rank is and how to improve it. As time passed, I kept learnin...

Free Hosting in Google Drive With New Script & New Way

ASADUR 0 BLOGSPOT, WEB DESING 09:11

<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="Script hosting in google drive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Imbk08C6_wsR3vBOnP3ajqMh01_31dY9YXtmJ0zj9eFkj5mI2BdpOMWKPaXqc3VE_m4S035B0gNs_9a5pUs6KBCkuXd-9tSZP4dVqlmmbJeDA3ImAE8g6Z232F-IeS-vgsJaXWLcZnfT/s1600/script.png" /><br />
<br />
<br />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">Hosting and choosing hosting of a site is too important. Likewise script hosting for a site is also important. If you want to use any script in the blogs and sites, then you should either write those script into the blogger template and site's template or you also can host your script into other platform. But if you want to host, then you need memory or space for which you should pay. But here I just wanna tell you a simple and free way to host any script.</span><br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" /><br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" /><span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">You may not know that you can host script freely in Google drive. And this platform is not only easy and free way but also very flexible and hosting in Google drive makes your site faster than hosting in other platforms.</span><br />
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<h3 style="background-color: white; font-family: sans-serif; font-size: 18px; margin: 0px; padding-bottom: 5px; position: relative;">
How to Host Script into Google Drive?</h3>
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<i>Learn step by step way to host script into Google Drive:-</i></div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 01: </b>Login into <a href="https://drive.google.com/" rel="nofollow" style="color: #444444; text-decoration: none;" target="_blank">Google Drive</a>.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 02: </b>Click on <b>Create</b>>><b>Script</b>.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 03: </b>Write your script in there.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 04: </b>Click on run whether it is ready to use or not.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 05: </b>Finally click on <b>Publish</b>.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<br /></div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
After clicking publish, there you can get <b>web app URL</b>. That URL you can use in your blogs and sites. If any error occurs, just contact us. Thank you. </div>
</div>

Free Hosting in Google Drive With New Script & New Way

Hosting and choosing hosting of a site is too important. Likewise script hosting for a site is also important. If you want to use any sc...

2015 New Style Latest Facebook Comment Box in Blogspots Web Site

ASADUR BLOGSPOT, WEB DESING 09:02

<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="facebook apps" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUxx7bHgNq35UfvRR2SQEZFQ0Z7_CJxqssSIsF2mm91RvN8dDH82epnBz1NzlwP7KoEWOImu0vShhxavaIdXvKtphmyJPlc6pDdjCzEic7NNVybYonIa70EOQMFkFVi57v5nxuMHWiPsM/s640/b.jpg" width="640" /><br />
<br />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">There have been many plugins released by Facebook for websites and blogs. Recently the developers of Facebook have released the plugins “Facebook Comment Box”. This is awesome plugin of the Facebook. Using this Facebook comment box your blogger and websites user or viewers can comment on your posts and those comments will be automatically shared in their Facebook Comment Wall.</span><br />
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">Facebook comment box makes your visitors catch you easily, so this can be very important for those people who want directly interact with the admin and other visitors. I know there are various people who want to know the Facebook comment box on their blogger blog, Wordpress blog and many other site. So this tutorial can be the best solution for them. So now we will suggest you how to add simple comment box of Facebook in the blogger blog. You should that everything have its merits and demerits. Likewise, this Facebook comment box also its some advantages and some disadvantages.</span><br />
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">First of all, here we are discuss about the advantages of the Facebook comment box.</span><br />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">We all know that Facebook is the most popular social media of the world. They always introduce new features to serve the people and to catch the visitors more on the Facebook. So Facebook comment box is one of their popular feature.</span><br />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">when some people like and reply to their comment. notification is appeared to the user. And it also provides multiple commenting features.</span><br />
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">The main disadvantage of Facebook comment box in blogger is that Google spider never crawl Facebook comment, so these comment can not be useful in the view of optimization.</span><br />
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">You just find here two methods to put this comment box in your blogger blog. Both are very useful but in some of older blog's templates Method 1 might not work. So I recommend you to use the methods which works in your blog.</span><br />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">This are one of the most using techniques to making more visitors on your blogs and sites.</span><br />
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<b style="background-color: white; color: #45818e; font-family: sans-serif; font-size: x-large;">Suggestion: </b><i style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;"><span style="color: #e06666; font-size: medium;">Friends, use second method. Method 1 often does not work on some cases. It did not support on blogger. So Method 2 is best which works perfectly</span></i><span style="background-color: white; color: #45818e; font-family: sans-serif; font-size: medium;">.</span><br />
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<h4 style="background-color: white; color: rgb(96, 119, 148) !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; margin: 0px; padding-top: 10px !important; position: relative;">
<b>Method 1:</b></h4>
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<h3 style="background-color: white; font-family: sans-serif; font-size: 18px; margin: 0px; padding-bottom: 5px; position: relative;">
</h3>
<h3 style="background-color: white; font-family: sans-serif; font-size: 18px; margin: 0px; padding-bottom: 5px; position: relative;">
How to add Facebook comment box:</h3>
<ul style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Go to and login your blogger</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Go to template and click on <b>EDIT HTML</b></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Format your template</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Find the code <b><body></b></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Right after <b><body></b> paste the code below</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">if it is blogger you should parse this code</li>
</ul>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; background: rgb(11, 13, 25); box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; color: white; max-height: 300px; overflow: auto; padding: 5px;">
<div id="fb-root"></div><br />
<script>(function(d, s, id) {<br />
  var js, fjs = d.getElementsByTagName(s)[0];<br />
  if (d.getElementById(id)) return;<br />
  js = d.createElement(s); js.id = id;<br />
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=258795540967978";<br />
  fjs.parentNode.insertBefore(js, fjs);<br />
}(document, 'script', 'facebook-jssdk'));</script></blockquote>
</div>
<ul style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Find the following code: <b><data:post.body/></b></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">And copy the given code and paste it below of <b><data:post.body/></b> , if the website, paste it where you want to see your comments.</li>
</ul>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; background: rgb(11, 13, 25); box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; color: white; max-height: 300px; overflow: auto; padding: 5px;">
<div class="fb-comments" data-href="http://allblogsolution.blogspot.com/" data-width="620" data-numposts="10" data-colorscheme="light"><br />
<div class="comment boxe"><br />
<a href="<span style="color: lime;"><b><i>http://allblogsolution.blogspot.com/2014/02/how-to-add-latest-facebook-comment-box.html</i></b></span>">Facebook comment box</a><br />
</div><br />
</div></blockquote>
</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Note:</b> Replace the green text with your website url. You can change the width of the comment box replacing the <b>620 </b>with the desired width and replace the rows of the post you want to display</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px; margin-left: auto; margin-right: auto; padding: 4px; position: relative; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPA5dQ1tmIVX86ysB2OEubIWB9hRRuPzTRJ6ZqjdG5CWvSqjcT0SWZxKVTPtsWL3Tu5xQ5M36tZ5j03Oz-oeg5M_9XaraIYi3cDZEoVSpQl1iSToDMoRGHLV7wDdieMCrSNMhU8_ZXrVA/s1600/facebook+comment+box.jpg" imageanchor="1" style="color: #444444; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPA5dQ1tmIVX86ysB2OEubIWB9hRRuPzTRJ6ZqjdG5CWvSqjcT0SWZxKVTPtsWL3Tu5xQ5M36tZ5j03Oz-oeg5M_9XaraIYi3cDZEoVSpQl1iSToDMoRGHLV7wDdieMCrSNMhU8_ZXrVA/s1600/facebook+comment+box.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 13px;">Facebook comment box</td></tr>
</tbody></table>
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<ul style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">And then click on <b>SAVE TEMPLATE</b></li>
</ul>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b><br /></b></div>
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<h4 style="background-color: white; color: rgb(96, 119, 148) !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; margin: 0px; padding-top: 10px !important; position: relative;">
<b>Method 2</b>:</h4>
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
Hi friends, I found an error from our many visitors. The above can no longer be used in some of our old bloggers.  So concerning our visitors problem, I am just going to give another code which will definitely works in your blogger.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<br /></div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<h3 style="color: black; font-size: 18px; margin: 0px; padding-bottom: 5px; position: relative;">
Here is step by step process to add/put facebook comment on your blogger:-</h3>
<h4 style="color: rgb(96, 119, 148) !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: normal; margin: 0px; padding-top: 10px !important; position: relative;">
1. <a href="https://developers.facebook.com/apps/?action=create" rel="nofollow" style="color: #444444; text-decoration: none;" target="_blank">Create a New app</a></h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7sNVUtINdUU4sg7FT5lSkC-qPx-fgNeMekj3XZM2_rqvJu8lKvvxbRcWVm7uUdMmTyd0GhSvNDSJ4fhOvxM6ltvyk8oe9LhoTY18mNY9OcTmMim9Dsg1dnRsfItYhXkwpWWqbtz8Q5C3/s1600/a.jpg" imageanchor="1" style="color: #444444; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="New app id " border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7sNVUtINdUU4sg7FT5lSkC-qPx-fgNeMekj3XZM2_rqvJu8lKvvxbRcWVm7uUdMmTyd0GhSvNDSJ4fhOvxM6ltvyk8oe9LhoTY18mNY9OcTmMim9Dsg1dnRsfItYhXkwpWWqbtz8Q5C3/s1600/a.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" title="New app id " width="320" /></a></div>
<br />
It is the beginning thing that you should do which you can do easily by Facebook developer. First of all you should login into your Facebook then click on Facebook developers. After that click on Create New App<br />
and their appears a pop of form. Fill that form. Then fill that Captcha. Then copy the app id into your notepad, this is needed in further steps.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUxx7bHgNq35UfvRR2SQEZFQ0Z7_CJxqssSIsF2mm91RvN8dDH82epnBz1NzlwP7KoEWOImu0vShhxavaIdXvKtphmyJPlc6pDdjCzEic7NNVybYonIa70EOQMFkFVi57v5nxuMHWiPsM/s1600/b.jpg" imageanchor="1" style="color: #444444; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="facebook apps" border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUxx7bHgNq35UfvRR2SQEZFQ0Z7_CJxqssSIsF2mm91RvN8dDH82epnBz1NzlwP7KoEWOImu0vShhxavaIdXvKtphmyJPlc6pDdjCzEic7NNVybYonIa70EOQMFkFVi57v5nxuMHWiPsM/s1600/b.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" title="facebook apps" width="320" /></a></div>
<h4 style="color: rgb(96, 119, 148) !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: normal; margin: 0px; padding-top: 10px !important; position: relative;">
2. Now lets install the Facebook comment in blogger blog</h4>
It is necessary to login into your Facebook dashboard. Then go to template tab and click on edit html. After that find the following code.<br />
<b><i><html......></i></b> This code is in the first row of every blogger, so you can find it easily.<br />
<br />
Then, just paste the following <b><i>xmlns:og='http://ogp.me/ns#'</i></b> code just after the highlighted code which is shown in above. When you add this code the html structure is look like<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; background: rgb(11, 13, 25); box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; color: white; max-height: 300px; overflow: auto; padding: 5px;">
<i><html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'></i></blockquote>
Now find the <b><body></b> tag and paste the given code just after that <b><body></b><br />
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; background: rgb(11, 13, 25); box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; color: white; max-height: 300px; overflow: auto; padding: 5px;">
<i><div id='fb-root'/> </i><br />
<i><script> </i><br />
<i>    window.fbAsyncInit = function() { </i><br />
<i>    FB.init({ </i><br />
<i>      appId  : &#39;<b><span style="color: red;">AppId</span></b>&#39;, </i><br />
<i>      status : true, // check login status </i><br />
<i>        cookie : true, // enable cookies to allow the server to access the   session </i><br />
<i>      xfbml  : true  // parse XFBML </i><br />
<i>    }); </i><br />
<i>  };</i><br />
<i>    (function() { </i><br />
<i>    var e = document.createElement(&#39;script&#39;); </i><br />
<i>      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;; </i><br />
<i>    e.async = true; </i><br />
<i>      document.getElementById(&#39;fb-root&#39;).appendChild(e); </i><br />
<i>    }()); </i><br />
<i></script></i></blockquote>
<br />
The one thing is that you just replace or add your <b style="color: red;">A</b><b style="color: red; font-style: italic;">ppId </b>below <b>AppId. </b> You put your blog name in <b>All Blog Solution </b> and your facebook page url in <i>http://www.facebook.com/allblogsolution.</i><br />
Now there is needed to add meta tags. Just find the </<b>head</b>> and paste the following code replacing your app id<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; background: rgb(11, 13, 25); box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; color: white; max-height: 300px; overflow: auto; padding: 5px;">
<i><meta expr:content='data:blog.pageTitle' property='og:title'/> </i><br />
<i><meta expr:content='data:blog.url' property='og:url'/> </i><br />
<i><meta content='<b><span style="color: red;">AppId</span> </b>' property='fb:app_id'/> </i><br />
<i><meta content='<span style="color: blue;">All Blog Solution</span>' property='og:site_name'/> </i><br />
<i><meta content='http://www.facebook.com/<span style="color: blue;">allblogsolution</span>' property='fb:admins'/> </i><br />
<i><meta content='article' property='og:type'/></i></blockquote>
<h4 style="color: rgb(96, 119, 148) !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: normal; margin: 0px; padding-top: 10px !important; position: relative;">
3. Comment box in blogger blog.</h4>
At last you should put comment box structure in the blog.<br />
Go and just find this code <b><i><div class='post-footer-line post-footer-line-1'></i></b> and paste the following code just below the above code<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; background: rgb(11, 13, 25); box-shadow: rgb(30, 87, 153) 2px 3px 6px 5px; color: white; max-height: 300px; overflow: auto; padding: 5px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div style='padding:10px 0px 5px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br />
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='620'/></div><br />
<div><a href='http://allblogsolution.blogspot.com' style='color:black; font-size:12px; font-style:italic;' target='new'>Find blogger widgets on All Blog Solution</a> </div><br />
</div><br />
</b:if></blockquote>
<br />
Now you have successfully add your Facebook comment box.<br />
<br />
<b>Note:</b> If you want to change the width of comment, simply change the width. Thanks you did.</div>
<div>
<br /></div>
</div>

2015 New Style Latest Facebook Comment Box in Blogspots Web Site

There have been many plugins released by Facebook for websites and blogs. Recently the developers of Facebook have released the plugins “...

How To Add 7 Colored Popular Posts Widget For Blogger

ASADUR WEB DESING 22:07

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://10.175.165.11/SP74.125.68.132/SD3.bp.blogspot.com/Sp-inzYkZqV21Y%2fUZCv74ZfmII%2fAAAAA/Rqae5eb53b-c103-49e4-a363-9cb05f81161d/IDA782364BE72F8D66/RV200000/AVSkyController_3.1.2.50020/Br200/CL2-global/EI206804154/Ht240/IP10.63.7.41%3a49978/IQ25/MO15/MT0/NIGPMOCCA-SAVDIST1-SKFCTL3/OC0/OS0/Otpng/PB200/PNMedCongestion_2G_Desktop/SI070006003ac350000000000000000000000000000a3f07290000000000000000000000004a7d448448726779bafd9300/SUhttp%3a%2f%2f3.bp.blogspot.com%2f-inzYkZqV21Y%2fUZCv74ZfmII%2fAAAAAAAAAqo%2fpbWUgLWul5s%2fs1600%2fADD%2bCOLORED%2bPOPULAR%2bPOSTS.PNG/Sd736B7966697265/TI206804154/Tr1/Wh400/EVd004382be084683d3e598ae701c631c2/file.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://10.175.165.11/SP74.125.68.132/SD3.bp.blogspot.com/Sp-inzYkZqV21Y%2fUZCv74ZfmII%2fAAAAA/Rqae5eb53b-c103-49e4-a363-9cb05f81161d/IDA782364BE72F8D66/RV200000/AVSkyController_3.1.2.50020/Br200/CL2-global/EI206804154/Ht240/IP10.63.7.41%3a49978/IQ25/MO15/MT0/NIGPMOCCA-SAVDIST1-SKFCTL3/OC0/OS0/Otpng/PB200/PNMedCongestion_2G_Desktop/SI070006003ac350000000000000000000000000000a3f07290000000000000000000000004a7d448448726779bafd9300/SUhttp%3a%2f%2f3.bp.blogspot.com%2f-inzYkZqV21Y%2fUZCv74ZfmII%2fAAAAAAAAAqo%2fpbWUgLWul5s%2fs1600%2fADD%2bCOLORED%2bPOPULAR%2bPOSTS.PNG/Sd736B7966697265/TI206804154/Tr1/Wh400/EVd004382be084683d3e598ae701c631c2/file.png" width="230" /></a></div>
<br />
<br />
Popular Posts are the best way to highlight your top articles of your blog and this will help to increase your page view and let your readers to also read some top most famous articles. So it is necessary to give stylish and interesting look to popular post which attract user towards your articles. Here is stylish and amazing popular post widget design which will change your default view with amazing multi-color shaded articles list. This widget is simply made from css codes without any use of JavaScript means this stylish widget lighter and doesn't have any effect blog loading speed.<br />
If you want to make more attractive and want to give multi shaded effect as shown in screenshot if you like it then follow below given steps about making rainbow color shaded popular posts.</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<h3 style="-webkit-box-shadow: rgb(187, 187, 187) 0px 8px 6px -6px; border-left-color: rgb(10, 105, 200); border-left-style: solid; border-left-width: 3px; box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; margin: 0px; padding: 7px;">
Steps To Add Multi-color Popular Post widgets</h3>
</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<h4 style="-webkit-box-shadow: rgb(187, 187, 187) 0px 8px 6px -6px; border-left-color: rgb(255, 0, 0); border-left-style: solid; border-left-width: 3px; box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; font-family: verdana, sans-serif; margin: 0px 0px 10px; padding: 5px;">
Steps Add Popular Post Widget</h4>
</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
</div>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">First of you need to add default popular post widget into your blog if you know how then its good otherwise follow below steps.</li>
</ul>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Open Blogger <b>Dashboard</b> >> <b>Layout</b> >> <b>Add an Element</b> >> Then select <b>Popular Post</b> from given list and save it by selection number of posts you want to show.</li>
</ul>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Before saving it must unselected the option of thumbnail for popular posts and then save it.</li>
</ul>
<br style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;" />
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">
<h4 style="-webkit-box-shadow: rgb(187, 187, 187) 0px 8px 6px -6px; border-left-color: rgb(255, 0, 0); border-left-style: solid; border-left-width: 3px; box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; font-family: verdana, sans-serif; margin: 0px 0px 10px; padding: 5px;">
Steps To Give Multi-color Effect</h4>
</div>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Go to <b>Template</b> Section of blog then click on <b>Edit HTML</b></li>
</ul>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Now search by <b>CTRL+F</b> in coding box for the code <span style="color: red;"><b>]]></b:skin></b></span></li>
</ul>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">After searching for <span style="color: red;"><b>]]></b:skin></b></span> code simple paste below given codes just above it.</li>
</ul>
<pre style="background-color: white; color: #333333; font-size: 15px; line-height: 22.5px;"><code style="-webkit-box-shadow: rgb(187, 187, 187) 0px 8px 6px -6px; background-attachment: scroll; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLrbW0CUoCx7msxGoL3ramtuYFpNGtpGzVboXINl8LRrutL0Zz_G_Q8mepdVmoFEW82_dETaqalYexfjo8YVmZGwkr5cppNpn6oNYHOkH_g6zGGUuvCDjNZ8tyyovRQIW0fsUk932NIlTB/s1600/btsnts-code.png); background-origin: initial; background-position: 0px 0px; background-repeat: repeat; background-size: initial; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; clear: both; display: block; font-family: 'Courier new', Courier, mono; font-size: 12px; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; width: 525.296875px; word-wrap: break-word;">#PopularPosts1 ul li a:hover{
color:#fff;
text-decoration:none
} 
#PopularPosts1 ul li a {
-webkit-text-size-adjust: auto; 
-webkit-text-stroke-width: 0px; color: #333333; 
display: block; 
font-family: Georgia, 'Times New Roman', Times, serif; 
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
letter-spacing: normal; 
line-height: 18px; 
margin: 0px 40px 0px 0px; 
min-height: 30px; orphans: 2; 
padding: 0px; 
text-align: -webkit-auto; 
text-decoration: bolt !important; 
text-indent: 0px; 
text-transform: none; 
white-space: normal; widows: 2; 
word-spacing: 0px;
} 
#PopularPosts1 ul li .item-thumbnail{
float:left;
border:0;
margin-right:10px;
background:transparent;
padding:0;
width:51px;
height:51px
} 
#PopularPosts1 ul li:first-child:after, 
#PopularPosts1 ul li:first-child + li:after, 
#PopularPosts1 ul li:first-child + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
position:absolute;
top:10px;right:5px;
border-radius:50%;
border:2px solid #ccc;
background:#353535;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} 
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} 
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} 
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} 
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} 
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} 
#PopularPosts1 ul li:first-child + li + li:after{content:"3"} 
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} 
#PopularPosts1 ul li:first-child + li:after{content:"2"} 
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} 
#PopularPosts1 ul li:first-child:after{content:"1"} 
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} 
#PopularPosts1 ul li{
position:relative;
margin:6px 0;
border-radius:25px 0px 25px 0px;
border:2px solid #f7f7f7;
-webkit-box-shadow:3px 3px 3px #000;
-moz-box-shadow: 3px 3px 3px #000;
padding:10px
}

</code></pre>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<ul style="list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">After Pasting codes save your template <b>settings</b>. </li>
</ul>
<ul style="list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsuWbx9JS1_KrwfwMN_ib6FoXOg7UzotDbgZOBClocUK7Z-T8jlWA14DQfaff_qr2lQrPuZMhcBrB3D7_0vKXTQKLREglyYBFURX2Gl7ySR8-CoeJta6kQUe48Nar4bCjQv3GNROvfDBBg/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Now open your blog and observe made on <b>popular post widgets.</b></li>
</ul>
</div>
</div>

How To Add 7 Colored Popular Posts Widget For Blogger

Popular Posts are the best way to highlight your top articles of your blog and this will help to increase your page view and let your ...

2015 Update .TK Domain Set Your Blog Site Full Tips

ASADUR 0 WEB DESING 21:50

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">Are you publishing your blog with Blogger.com? Are you feeling that your long domain name like your-blogname.blogspot.com, giving you bad reputation at many points of view? If your answer is yes! Then you came to right place and read out my post.</span><br />
<h4 style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
Why should I change to custom domain?</h4>
<span style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">Search engines except Google, rest of all will never result your blogspot well at their listing. Social networking sites don’t like your blogspot.com tag when compared with top level domain. They don’t love to back link you. Moreover, the blogspot.com domains are blocked by some Internet service providers including China. You can also get custom e-mail like admin@your-domain.com with Google Apps. So this time, I am posting step by step guide to set up a custom domain using Dot.tk.</span><br />
<h4 style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
Guide to set up a Dot Tk custom domain using free DNS service:</h4>
<h4 style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
Registering Dot Tk Domain:</h4>
<i style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">Step-I:</i><br />
<ol style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
<li>Go to <a href="http://my.dot.tk/cgi-bin/amb/landing.dottk?nr=358789::8902527::1" style="color: purple; text-decoration: none;" target="_blank"><b>Dot.tk</b></a> website.</li>
<li>Enter your preferred Dot Tk domain name and click <b>Go</b>. If entered domain is available, you will be promoted for further steps.</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fjlr-IdaE36BHOpwGXYOLEGEtLBIp-ZgfBdBakdH2bd_KJOBZVYrfERIxV44GXy8k36oz7fZTla84oPq-ngxq9kHfzsAYiaENj2xK_TITzK60loPf3z7igphbMqSvoEQYhsFIfT2Fc36/s1600/dot+tk.bmp" imageanchor="1" style="color: purple; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Dot Tk domain registration panel" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fjlr-IdaE36BHOpwGXYOLEGEtLBIp-ZgfBdBakdH2bd_KJOBZVYrfERIxV44GXy8k36oz7fZTla84oPq-ngxq9kHfzsAYiaENj2xK_TITzK60loPf3z7igphbMqSvoEQYhsFIfT2Fc36/s320/dot+tk.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="Dot Tk domain registration panel" width="320" /></a></div>
<li>Now it shows availability of your domain.  For free domain you need to produce minimum of 25 hits per 90 days. Free domain has same services as paid domain. Select your choice and move on to next step.</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6JVPEXjpI8ot9tt-L37bMyhi75iAx84M8MhESJw3u4mDmcT09RUkmEy6TYDnV6wHTuZwIwJjZEsTQhu2zBw_uF3ZONFJq1P6Od11WbeTb9HFI2u0Chg4xHHqas_ukH2dEvLAo6DQ-DzNn/s1600/Dot+tk+siign+up.bmp" imageanchor="1" style="color: purple; margin-left: 1em; margin-right: 1em; text-decoration: none;" target="_blank"><img alt="Dot tk sign up" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6JVPEXjpI8ot9tt-L37bMyhi75iAx84M8MhESJw3u4mDmcT09RUkmEy6TYDnV6wHTuZwIwJjZEsTQhu2zBw_uF3ZONFJq1P6Od11WbeTb9HFI2u0Chg4xHHqas_ukH2dEvLAo6DQ-DzNn/s400/Dot+tk+siign+up.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="Dot tk sign up" width="400" /></a></div>
<li>Enter your blogspot URL and set registration length as 12 months. Now sign up with Dot Tk. Here you have to verify your Dot Tk account by email or you can also use social Networking accounts like facebook, yahoo, flicker etc.</li>
</ol>
<h4 style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
Dot Tk settings in Blogger:</h4>
<i style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">Step-II:</i><br />
<ol style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
<li>Log on to your blogger account.</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu5ufAuC9vozTWEQfEj68DJDbqwO-4KU0YqJXAzoFi5RGQFYeTcltrB_UtsCVYh46hUZKiaXIBC4v130uJCTIfjXg4dPHayS6v3Xxt7HuqDes6A_YNmR2EbR9rIa8tzXeEojMDEQLC9x8d/s1600/blogger_cutom+_domain.bmp" imageanchor="1" style="color: purple; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Adding custom domain" border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu5ufAuC9vozTWEQfEj68DJDbqwO-4KU0YqJXAzoFi5RGQFYeTcltrB_UtsCVYh46hUZKiaXIBC4v130uJCTIfjXg4dPHayS6v3Xxt7HuqDes6A_YNmR2EbR9rIa8tzXeEojMDEQLC9x8d/s400/blogger_cutom+_domain.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="Adding custom domain" width="400" /></a></div>
<li>Go to <b>Settings</b> and find <b>Publishing</b> option in your dashboard. Now click on <b>Add a Custom Domain</b>. You will be prompted to buy a domain for your blog.</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxBYMzm-xfA0NZy__X5UtEyRx_XxNXoO_IvhxE5HZOjzmp2JOa-n3-A8-9m0K-a41_ctBWOPQUn2A1t4-w8BQDujZZThgXprRoRhEqJRoHmXUE9UNBQ7qAS0S-r8N9rJj7FStYtaUcmDS/s1600/blog_custom_domain_publishing.bmp" imageanchor="1" style="color: purple; text-decoration: none;"><img alt="Blogger custom domain settings" border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxBYMzm-xfA0NZy__X5UtEyRx_XxNXoO_IvhxE5HZOjzmp2JOa-n3-A8-9m0K-a41_ctBWOPQUn2A1t4-w8BQDujZZThgXprRoRhEqJRoHmXUE9UNBQ7qAS0S-r8N9rJj7FStYtaUcmDS/s400/blog_custom_domain_publishing.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="Blogger custom domain settings" width="400" /></a></div>
<li>Simply click on <b>Switch to advanced settings</b>. Then enter your Dot Tk domain with www in the place of<span style="color: orange;"> </span><span style="color: #3d85c6;"><b>www.filmyhub.tk</b> </span>(as shown in the picture). Now you have to verify domain ownership by adding two CNAME records. For this, click on <b>Settings instructions</b>. You will be landed to a page that having dynamically generated CNAME valus with detailed set up instructions.</li>
</ol>
<h4 style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
DNS Configurations in Dot TK:</h4>
<i style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">Step-III:</i><br />
<ol style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
<li>Now log on to your Dot Tk account and click on <b>Domain Panel</b>. It gives the list of your Dot Tk Domains. Now, click on <b>Modify</b> option to configure DNS Settings for your domain.</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh83audpkN0dft6UpPZAwntK6Owh5MbWdJrsCnTirCVx-yzAvRvGYETVPDDCmLO7jTnx3jSb04lr6sjgJJPF6OxxycBoConyOEqlXSNwXRQ9q_olCXP74_MdwUxXsc4WbwnAwH9cpV9lMIm/s1600/dot_tk_blogger_configurations.bmp" imageanchor="1" style="color: purple; text-decoration: none;"><img alt="DNS settings in DOT TK" border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh83audpkN0dft6UpPZAwntK6Owh5MbWdJrsCnTirCVx-yzAvRvGYETVPDDCmLO7jTnx3jSb04lr6sjgJJPF6OxxycBoConyOEqlXSNwXRQ9q_olCXP74_MdwUxXsc4WbwnAwH9cpV9lMIm/s400/dot_tk_blogger_configurations.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="DNS settings in DOT TK" width="400" /></a></div>
<li>Here, you will get a pop up window of Domain settings. Select <b>Dot TK DNS Service</b> and configure your DNS settings like above shown screenshot according to your domain name. You will find dynamically generated CNAME values in below image. </li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Kw14PaZ7dFxvA7JR2GqgxwPjrEThaM862REOkHf8QLD-DUAp_yHPptiKDK_ZohTVbmou8fgfgvsbj49jviHD7lwTmsoHGPfOYzM5QLxdu6NOSNd7XnAcUvW3lKaoXww6evkgBXXP8xra/s1600/DNS_Blogger_instructions.bmp" imageanchor="1" style="color: purple; text-decoration: none;"><img alt="DNS settings in Blogger" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Kw14PaZ7dFxvA7JR2GqgxwPjrEThaM862REOkHf8QLD-DUAp_yHPptiKDK_ZohTVbmou8fgfgvsbj49jviHD7lwTmsoHGPfOYzM5QLxdu6NOSNd7XnAcUvW3lKaoXww6evkgBXXP8xra/s400/DNS_Blogger_instructions.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="DNS settings inBlogger" width="400" /></a></div>
<li>For the first CNAME, enter Host Name as "<span style="font-family: 'Courier New', Courier, monospace;">www</span>" and IP address as "<span style="font-family: 'Courier New', Courier, monospace;">ghs.google.com</span>". It is fixed for any blog. Second CNAME record needs dynamically generated values. It means Host name with dynamically generated name (which is highlighted in blue) and IP Address with dynamically generated value like "<span style="font-family: 'Courier New', Courier, monospace;">gv-xxxxx.domainverify.googlehosted.com</span>" (which is highlighted in pink). These fields are different for different blogs. Do not forget  to select record type as CNAME record.</li>
<li>To make your naked domain available, you have to add A record with following details. select record type as A record, then fill Host Name field with your dot tk domain without www (example: filmyhub.tk ) and IP address as <span style="font-family: Courier;"><b>216.239.32.21</b></span></li>
<li>Before you move onto next step, wait about 30 min or an hour for your DNS settings to activate.</li>
</ol>
<h4 style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
Saving Custom Domain settings in Blogger:</h4>
<i style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">Step-IV:</i><br />
<ol style="background-color: white; color: #333333; font-family: 'Comic Sans MS'; font-size: 14px; letter-spacing: 0.20999999344348907px; line-height: 22.399999618530273px;">
<li>Again go to <i>advacned settings</i> that configured in second step under <i>publishing</i> and save them. If you get any error, come back after some time and save settings.</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydW4AA4XeIYm54ihgaeV_2jL6ffpl9DkxUfK-HBnxMtFDKpq3KihSSgmDciJ-uTL4AHGnaekBOSXDZaz4XMh58FCIGkT2BQk-d6NIfhJrdy5e4dyd4sm26fr4pXL6NRBxfGNwFc_K149_/s1600/final_blogger_settings.bmp" imageanchor="1" style="color: purple; text-decoration: none;"><img alt="custom domain settings in Blogger" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydW4AA4XeIYm54ihgaeV_2jL6ffpl9DkxUfK-HBnxMtFDKpq3KihSSgmDciJ-uTL4AHGnaekBOSXDZaz4XMh58FCIGkT2BQk-d6NIfhJrdy5e4dyd4sm26fr4pXL6NRBxfGNwFc_K149_/s400/final_blogger_settings.bmp" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 0px;" title="custom domain settings in Blogger" width="400" /></a></div>
<li>Once you are done with saving, under <i>publishing </i>edit your custom domain and set redirection option by putting tick mark as shown in picture.</li>
<li>If you have any trouble in following any step, put a comment that helps me to catch you back.</li>
</ol>
</div>

2015 Update .TK Domain Set Your Blog Site Full Tips

Are you publishing your blog with Blogger.com? Are you feeling that your long domain name like your-blogname.blogspot.com, giving you bad r...

How To Do Add Custom Robots.txt file in Blogspot web Site? Full Tips !!

ASADUR SEO TUTORIAL 19:41

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<img alt="Blogger Custom Robots.txt" height="233" src="https://blogger.googleusercontent.com/img/proxy/AVvXsEgmYwdcuVZaTK9uyCvdhAjkLnv1f2335KrY6pDV0e8e_d44PLfDC_R1fnzkr-tqxfdgEJjApkYOC-VAc52m4Qa5vo9LAiWX0thj23d_pe89vbLMVwPNFHUtQOROWDGjlhN3EzDzgbSnjs65QzxLdoqxsdcbwUOruYDTzjrSdy9YRsDG2t5GLv0P-FZcvLPW=" width="640" /><br />
<br />
In one of my previous posts I have discussed about <a href="http://www.bloggertipstricks.com/custom-robots-header-tags.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Custom Robots Header Tags for blogger">Custom Robots Header Tags for blogger</a>. If you have read that post then I hope you guys are aware with its importance in search rankings. Today, I come with a very useful and must aware blogging term that is <b style="box-sizing: border-box;">Robots.txt</b>. In blogger it is known as Custom Robots.txt that means now you can customize this file according to your choice. In today’s tutorial we will discuss about this term in deep and come to know about its use and benefits. I will also tell you how to add custom robots.txt file in blogger. So let start the tutorial.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<img alt="blogger custom robots txt" class="aligncenter size-full wp-image-26838" height="354" src="http://img.bloggertipstricks.com/2015/04/blogger-custom-robots-txt.png" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 2.5rem auto 0px; max-width: 100%; width: auto;" width="630" /></div>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
What is Robots.txt?</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Robots.txt is a text file which contains few lines of simple code. It is saved on the website or blog’s server which instruct the web crawlers to how to index and crawl your blog in the search results. That means you can restrict any web page on your blog from web crawlers so that it can’t get indexed in search engines like your blog labels page, your demo page or any other pages that are not as important to get indexed. Always remember that search crawlers scan the robots.txt file before crawling any web page.<br />
<span id="more-26836" style="box-sizing: border-box;"></span><br style="box-sizing: border-box;" />
Each blog hosted on blogger have its default robots.txt file which is something look like this:</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
User-agent: Mediapartners-Google<br />
Disallow:<br />
User-agent: *<br />
Disallow: /search<br />
Allow: /<br />
Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED</div>
</blockquote>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
Explanation</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
This code is divided into three sections. Let’s first study each of them after that we will learn how to add custom robots.txt file in blogspot blogs.</div>
<ol style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: decimal;"><span style="box-sizing: border-box; font-weight: 700;">User-agent: Mediapartners-Google</span></li>
</ol>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
This code is for Google Adsense robots which help them to serve better ads on your blog. Either you are using Google Adsense on your blog or not simply leave it as it is.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">User-agent: *</span></li>
</ul>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
This is for all robots marked with asterisk (<span style="box-sizing: border-box; font-weight: 700;">*</span>). In default settings our blog’s labels links are <a href="http://www.bloggertipstricks.com/prevent-blog-indexing.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="restricted to indexed by search crawlers">restricted to indexed by search crawlers</a> that means the web crawlers will not index our labels page links because of below code.</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Disallow: /search</div>
</blockquote>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
That means the links having keyword <span style="box-sizing: border-box; font-weight: 700;">search</span> just after the domain name will be ignored. See below example which is a link of label page named SEO.</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
http://www.bloggertipstricks.com/search/label/SEO</div>
</blockquote>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
And if we remove <span style="box-sizing: border-box; font-weight: 700;">Disallow: /search</span> from the above code then crawlers will access our entire blog to index and crawl all of its content and web pages.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Here <span style="box-sizing: border-box; font-weight: 700;">Allow: /</span> refers to the Homepage that means web crawlers can crawl and index our blog’s homepage.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<span style="box-sizing: border-box; font-weight: 700;">Disallow Particular Post</span><br />
Now suppose if we want to exclude a particular post from indexing then we can add below lines in the code.</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Disallow: /yyyy/mm/post-url.html</div>
</blockquote>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Here <span style="box-sizing: border-box; font-weight: 700;">yyyy</span> and <span style="box-sizing: border-box; font-weight: 700;">mm</span> refers to the publishing year and month of the post respectively. For example if we have published a post in year 2013 in month of March then we have to use below format.</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Disallow: /2013/03/post-url.html</div>
</blockquote>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
To make this task easy, you can simply copy the post URL and remove the blog name from the beginning.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<span style="box-sizing: border-box; font-weight: 700;">Disallow Particular Page</span><br />
If we need to disallow a particular page then we can use the same method as above. Simply copy the page URL and remove blog address from it which will something look like this:</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Disallow: /p/page-url.html</div>
</blockquote>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED</span></li>
</ul>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
This code refers to the sitemap of our blog. By adding sitemap link here we are simply optimizing our blog’s crawling rate. Means whenever the web crawlers scan our robots.txt file they will find a path to our <a href="http://www.bloggertipstricks.com/blogger/submit-sitemap-google-webmaster.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="sitemap">sitemap</a> where all the links of our published posts present. Web crawlers will find it easy to crawl all of our posts. Hence, there are better chances that web crawlers crawl all of our blog posts without ignoring a single one.<br />
<span style="box-sizing: border-box; font-weight: 700;">Note:</span> This sitemap will only tell the web crawlers about the recent 25 posts. If you want to increase the number of link in your sitemap then replace default sitemap with below one. It will work for first 500 recent posts</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500</div>
</blockquote>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
If you have more than 500 published posts in your blog then you can use two sitemaps like below:</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500<br />
Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=500&max-results=1000</div>
</blockquote>
<h2 style="background-color: white; box-sizing: border-box; color: #20627a; font-family: lora, sans-serif; font-size: 3.5rem; font-weight: 400; line-height: 1.2; margin: 0px 0px 1.6rem; padding: 0px;">
Adding Custom Robots.Txt to Blogger</h2>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Now the main part of this tutorial is how to add custom robots.txt in blogger. So below are steps to add it.</div>
<ol style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: decimal;">Go to your blogger blog.</li>
<li style="box-sizing: border-box; list-style-type: decimal;">Navigate to <span style="box-sizing: border-box; font-weight: 700;">Settings</span> >> <span style="box-sizing: border-box; font-weight: 700;">Search Preferences</span> ›› <span style="box-sizing: border-box; font-weight: 700;">Crawlers and indexing</span> ›› <span style="box-sizing: border-box; font-weight: 700;">Custom robots.txt</span> ›› Edit ›› Yes</li>
<li style="box-sizing: border-box; list-style-type: decimal;">Now paste your robots.txt file code in the box.</li>
<li style="box-sizing: border-box; list-style-type: decimal;">Click on Save Changes button.</li>
<li style="box-sizing: border-box; list-style-type: decimal;">You are done!</li>
</ol>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<img alt="Blogger Custom Robots.txt" height="240" src="http://img.bloggertipstricks.com/uploads/2013/03/blogger-custom-robots-txt.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; width: auto;" title="Blogger Custom Robots.txt" width="660" /></div>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
How to Check Your Robots.txt File?</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
You can check this file on your blog by adding <span style="box-sizing: border-box; font-weight: 700;">/robots.txt</span> at last to your blog URL in the browser. Take a look at the below example for demo.</div>
<blockquote style="background: white; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 20px; box-sizing: border-box; color: #999999; font-family: Georgia, serif; font-size: 16px; line-height: 26px; margin: 4rem 4rem 2.4rem; padding: 10px 15px;">
<div style="box-sizing: border-box; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
http://www.bloggertipstricks.com/robots.txt</div>
</blockquote>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Once you visit the robots.txt file URL you will see the entire code which you are using in your custom robots.txt file. See below image.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<img alt="robots.txt" height="176" src="http://img.bloggertipstricks.com/uploads/2013/03/robots-txt.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; width: auto;" width="626" /></div>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
Final Words!</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
This was the today’s complete tutorial on how to add custom robots.txt file in blogger. I really try with my heart to make this tutorial as simple and informative as possible. But still if you have any doubt or query then feel free to ask me. Don’t put any code in your custom robots.txt settings without knowing about it. Simply ask to me to resolve your queries. I’ll tell you everything in detail. Thanks guys to read this tutorial. If you like it then please support me to spread my words by sharing this post on your social media profiles. Happy Blogging!</div>
</div>

How To Do Add Custom Robots.txt file in Blogspot web Site? Full Tips !!

In one of my previous posts I have discussed about Custom Robots Header Tags for blogger . If you have read that post then I hope you g...

Full SEO Tutorial Basic On Page SEO Tips For Blogspot Blogs

ASADUR 0 SEO TUTORIAL 19:28

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Search Engine Optimization (SEO) is the most important thing to learn for best blogging experience. Without proper blog optimization, we can’t even dream to get impressive traffic from search engines. From past few days, I am getting too much request of newbie bloggers to share some On-Page SEO Tips. That’s why today I plan to mention all those On Page SEO tips which I already shared on my blog in my earlier posts. I’m sorry if you have read those posts before, but I need to grab attention of newbie bloggers who just start learning SEO for their blog. All those tips are must to know by every blogger.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<span id="more-26858" style="box-sizing: border-box;"></span></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
So, let’s take a look on best On-page SEO Tips for Blogspot Blogs and if you have read them before then don’t ignore this post. May be you learn something new which you missed before because of any reason.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
<img alt="blogger on page seo tips" class="aligncenter size-full wp-image-26860" height="354" src="http://img.bloggertipstricks.com/2015/04/blogger-on-page-seo-tips.png" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 2.5rem auto 0px; max-width: 100%; width: auto;" width="630" /></div>
<h2 style="background-color: white; box-sizing: border-box; color: #20627a; font-family: lora, sans-serif; font-size: 3.5rem; font-weight: 400; line-height: 1.2; margin: 0px 0px 1.6rem; padding: 0px;">
On Page Search Engine Optimization Tips For Blogspot</h2>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Below are the tips and tricks that will be beneficial for you to <a href="http://www.bloggertipstricks.com/optimize-blog-google.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Optimize Your Blog For Google and Other Search Engines">optimize your blog for Google and other search engines</a>. Read them carefully and apply all of them on your blog to make your blog lovable and trust worthy for search engines.</div>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#1 Custom Robots Header Tags</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
There are some settings for bloggers that they can personally do for their blogs to make their blogs for SEO friendly. Custom Robots Header Tags setting in one of them. It’ll be beneficial for you to use custom robots headers tags correctly. It’s easy to manage these settings. Just take a look at below tutorial.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Check:</span> <a href="http://www.bloggertipstricks.com/custom-robots-header-tags.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Custom Robots Header Tags Settings in Blogger">Custom Robots Header Tags Settings in Blogger</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#2 Custom Robots.txt</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Search engine bots like Googlebot (Web Crawling Robot of Google) needs some guidelines on how they have to crawl and index our blog. We can prevent some non-important pages labels pages from indexing in Google to protect our blog from duplicate content issues. Got confused? Check out below tutorial which will clear all of your confusions.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Must Check:</span> <a href="http://www.bloggertipstricks.com/blogger/custom-robots-txt.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;">Add Custom Robots.txt file in Blogger</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#3 Optimize Blog Post Titles</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
If you just started your blog on blogger’s default template, then definitely you’ll not be aware with this fact that your post titles are not properly optimized for search engines. You need to do some editing in your blog template to make your post titles properly optimized. You will see a noticeable change in organic traffic of your blog after making this change. Follow the instructions given in below mentioned post.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Read:</span> <a href="http://www.bloggertipstricks.com/post-title-before-blog-title.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Show Post Title Before Blog Title in Blogger">Show Post Title Before Blog Title in Blogger</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#4 Image Optimization</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
You may definitely notice relevant images between the posts on many blogs. Images not only enhance the look of our content, but it also plays an important role to optimize our blog posts. If we make effective use of images in our blog posts, then we can attain extra traffic from search engines. Follow below post to learn more on image optimization in blogger.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Read:</span> 6 Tips To Optimize Images For SEO</li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#5 Internal Linking SEO</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
Many bloggers fail to optimize their internal links or even they don’t link their posts to each other internally. This is really a big mistake that we must avoid. Internal linking not only increases our blog page views but also help our posts to rank well in search engines. If you are also doing the same mistake, then you must need some tips to optimize your internal links.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><a href="http://www.bloggertipstricks.com/internal-linking-benefits.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Benefits of Internal Linking in SEO">Benefits of Internal Linking in SEO</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#6 Search Engine Submission</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
When we are ready with our blog optimization, then we need to submit our blog in Google’s webmaster tool. Verifying and submitting our blog in Google webmaster tool helps it to get indexed in Google super fast. It also tells about our blog issues like broken links, HTML improvements etc that we must try to resolve. We just need to verify our blog ownership and submit a sitemap. That’s it. If you have not added your blog GWT, then I recommend you to read below tutorial.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Recommended:</span> <a href="http://www.bloggertipstricks.com/blogger/submit-sitemap-google-webmaster.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Submit Blogger Sitemap To Google Webmaster Tools">Submit Blogger Sitemap To Google Webmaster Tools</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
#7 Improve Your Blog Load Time</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
If your blog takes lot of time, then visitors will go back and never come back again. It will increase <a href="http://www.bloggertipstricks.com/reduce-blog-bounce-rate.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="Reduce Blog Bounce Rate">bounce rate of your blog</a> and you’ll lose your valuable traffic. Search engines give more value to fast loading blogs because they want to build best user experience. That’s why it’s very important to optimize blog loading time. I have shared some best tips that can help you to enhance your blog’s loading speed.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin: 0px 0px 2rem 4rem; padding: 0px; text-align: justify;">
<li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; font-weight: 700;">Don’t Miss:</span> <a href="http://www.bloggertipstricks.com/reduce-blog-load-time.html" style="-webkit-transition: all 0.1s ease-in-out; box-sizing: border-box; color: #0faee9; text-decoration: none; transition: all 0.1s ease-in-out;" title="9 Tips To Reduce Blogger Blog Load Time">9 Tips To Reduce Blogger Blog Load Time</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: lora, sans-serif; font-size: 2.8rem; font-weight: 400; line-height: 1.2; margin: 38px 0px 1.6rem; padding: 0px;">
Feedback!</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
I have mentioned all the On page SEO Tips for Blogspot Blogs in this post which I shared in my blog till yet. I’ll provide more quality tips and tricks in my future posts. All these tips have their own value. So, don’t ignore a single one and optimize your blog as much as possible to get flow of traffic on your blog. Wish you success for your blogging goals.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Georgia, serif; font-size: 19px; line-height: 30px; margin-bottom: 2rem; padding: 0px; text-align: justify;">
............by,,by.......</div>
</div>

Full SEO Tutorial Basic On Page SEO Tips For Blogspot Blogs

Search Engine Optimization (SEO) is the most important thing to learn for best blogging experience. Without proper blog optimization, we c...