Free Unlimited Backlink

How To Get Free Unlimited Backlink

Free Unlimited Backlink

Open Google.com, input keyword below:

inurl: Your Keyword “This site uses KeywordLuv”

or

inurl: Your Keyword “Enable CommentLuv”

For example:
Read the rest of this post »

How To Optimize Onpage SEO On Blog

How To Optimize Onpage SEO On Blog is actually easy if you have the knowledge. It's different with offpage optimization, even if you already have the knowledge, the execution will still be difficult.

How To Optimize Onpage SEO On Blog

Read the rest of this post »

How To Make Marquee (Scrolling Text)

How To Make Scrolling Text (Marquee)?

How To Make Marquee (Scrolling Text)

Scrolling text or running text usually called marquee, because to make that we used marquee code. This text can make your blog look more attractive to visitors.

Read the rest of this post »

How To Make Breadcrumbs On Blogger

How To Make Breadcrumbs On Blogger

How To Make Breadcrumbs On Blogger

Breadcrumbs can help googlebot to faster recognize blog structure, because pages on upper hierarchy will get more point than pages on lower hierarchy. If you wanna install breadcrumbs can follow this procedure:
Read the rest of this post »

How To Write Article With SEO Standard Quality

How To Write Article With SEO Standard Quality

#1 Choose Article Title

The first step is determine article title. Make sure this title contain the most important keyword in article. The article title should be only 5-7 words.

Read the rest of this post »

How To Indexed Faster?

How To Be Indexed By Google Faster?

1. Use Google Webmaster Tool To Submit Sitemap

Register your blog on Google Webmaster Tool. Submit your blog sitemap to Google Webmaster Tool. This can speed up your blog get indexed.

Read the rest of this post »

9 Factor Optimization Onpage SEO For Blog

9 Factor Optimization Onpage SEO For Blog

Optimization Onpage SEO

Optimization Onpage SEO is something that we work directly on our website and seen by visitor (graphical display) or by search engine robot (HTML code of page). This is important for our blog ranking. So let's discuss things that we need to do to optimize our blog.

Read the rest of this post »

Popular Posts Widget for Christmas

The Christmas countdown has begun and while homes are decorated with colorful lights and the sweet smell of pine trees and the stores are playing Jingle Bells, there's no reason why we wouldn't decorate your Blogger blog with some ringing christmas bells right next to the Blogger Popular Posts widget!
So today I was playing around a bit with CSS and I was thinking that it would be nice to add some fresh styles to the Popular Posts widget so that it would look just ready for the forthcoming Christmas holiday.

Demo: Click here to see how it looks like.

How to Add the Popular Posts Widget with Ringing Christmas Bells to Blogger

Step 1. Log in to your Blogger Dashboard, go to Template and click the Edit HTML button

Step 2. Click anywhere inside the code area and press the CTRL + F keys, then search for this tag:

</head>

Step 3. Just above the </head> tag, add the following:

<style>
#PopularPosts1 .item-thumbnail:before{
display: block;
content: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFw-dHm_n_JAnlI630IN51JK1OuGEHfWUGx5Y6fx0p40zTdZjmbBqmNlxrpLVnOMrRXzoUT-sRC4AhK9AwOA2xZhw-sMxTuwpez911CryGBe5PzxlH5veBy8t_5XA5NSI6TFSgZWXryA13/s1600/bells.png');
margin-left: -15px;
margin-top: -5px;
z-index: 2;
position: absolute;
}
#PopularPosts1 .item-thumbnail img{
float:left;
margin:5px;
padding: 2px;
border: 6px solid #FED74C;
height: 72px;
width: 92px;
position: relative;
background: #F11C25;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
transition: opacity 1s ease;
}
#PopularPosts1 ul li:nth-child(odd){
  -ms-transform:rotate(20deg); /* IE 9 */
  -moz-transform:rotate(20deg); /* Firefox */
  -webkit-transform:rotate(20deg); /* Safari and Chrome */
  -o-transform:rotate(20deg); /* Opera */
 -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#PopularPosts1 ul li:nth-child(even){
  -ms-transform:rotate(-40deg); /* IE 9 */
  -moz-transform:rotate(-40deg); /* Firefox */
  -webkit-transform:rotate(-40deg); /* Safari and Chrome */
  -o-transform:rotate(-40deg); /* Opera */
 -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#PopularPosts1 ul li:nth-child(odd):hover{
  -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
}
#PopularPosts1 ul li:nth-child(even):hover{
  -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
}
#PopularPosts1 ul li{
display: inline-block;
float: left;}
#PopularPosts1 .item-thumbnail{
width: 70px;
}
#PopularPosts1 li{
margin-right: 15px;
}
#PopularPosts1 .item-snippet, .item-title{
display: none;
} </style>
<script src="http://helplogger.googlecode.com/svn/trunk/sounds.js"/>

Step 4. Now search for the following line (you'll find it twice but you should stop at the second one):
Note: if you don't want any ringing sound on mouseover, skip this step.

<a expr:href='data:post.href' target='_blank'>

And replace it with this:

<a onmouseover='mouseoversound.playclip()' expr:href='data:post.href' target='_blank'>

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

And you're done! Enjoy :)
If you've missed it, here's a tutorial on how to add falling snowflakes in the background of a Blogger blog

Happy Holidays!

How to Use Character Entities in CSS, HTML and JavaScript

Sometimes, when using scripts, we must write special characters like accents by using a special set of codes called character entities, however these don't always look good or we get a question mark or other strange symbols. Usually, this is solved if the character encoding is done right but the logic may not always work.

In Blogger, special characters most of the time appear correctly, but when it is about other services, like external files, things can get complicated.

For example, this usually looks good and when you click on this link, you should see the letters in the right way:

alert(" á é í ó ú  ☺ ✛ ❤ ");

If we are trying to use other method and we want to use this type of characters, sometimes we need to write them in a special format called escape sequence which is nothing but a backslash followed by a letter and a number in hexadecimal format. In the case of common characters or accents, it would be \x followed by two hex digits:

\xe1 is the letter á
\xe9 is the letter é
\xed is the letter í
\xf3 is the letter ó
\xfa is the letter ú

Other combinations generate special characters:

\n is a line break
\t is the tab character
\' is single quote
\" is double quote
\\ is a back slash

Or we can use \u followed by the Unicode character code expressed as four hexadecimal digits:

\u00e1 is the letter á
\u00e9 is the letter é
\u00ed is the letter í
\u00f3 is the letter ó
\u00fa is the letter ú

this will allow us to see correctly what we couldn't before if we were using some other services:

alert(" \u263a \u2764 \u271b ");

On this page you can find a comprehensive list of all the characters, both symbols and different alphabets.
Although rare characters are not often used in the CSS, there is a case when they are necessary as well, like when using the content property with the :after and :before pseudo-elements.

The same criteria applies there, but we only need to add a backslash followed by the four-digit hexadecimal code. For example:

content: ":\24d1\24d4\24d5\24de\24e1\24d4";

content: ":after  \263a  \2724  \2602";

:ⓑⓔⓕⓞⓡⓔ

:after ☺ ✤ ☂

Remember that IE doesn't understand the :before pseudoclass with content, and you would have to set the list-style-type property as none, or you would get 2 bullets in CSS compliant browsers.

Best Traffic Exchange

The best traffic exchange is manual traffic exchange. Why? Because if you use automatic traffic exchange, the bounce rate is almost 100%, and no conversion.

Here are top 5 best traffic exchange:
Read the rest of this post »

How to Create a Sitemap or Table of Contents in Blogger

One of the limitations of a blog is that it doesn't have an index or sitemap of the site that could make it easier for readers to find content that they are searching for.
While the blog archive and labels have all the information about the published post, these do not appear on a single page completely, so searching for more posts is not always easy.

Luckily, this gadget will help you to add a table of contents or sitemap on Blogger showing the index of all posts separated by categories that have been published. It will also show the latest posts with a text saying New!

Demo: You can see it working by clicking here.

How To Add a Sitemap with a List of Posts to Blogger

To implement it on your blog, follow the steps below:

Step 1. Login to your Blogger Dashboard and select your blog
Step 2. Go to Pages > click the New Page button and select Blank page

Step 3.  Click on the HTML tab and paste the following code inside the empty box:

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://helplogger.blogspot.com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93BzqNLlcX0WlQl3JznSItcZUKZ_mI5GrPkB8OS7NnjmW5jm8ICwldZpm7q1A-4-TzRAAUHql2vPeLyMn8a9LJtxiDEqa8JPfrUXW55T9OiG-bJIdYHD_k_DEr1t1FEvzZ9uCnQdQRyuM/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://helplogger.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

After adding the above code, replace http://helplogger.blogspot.com with the address of your blog.

Customization:

- to change the color and font size of categories title, replace the values in red
- to change the color of the links, replace the value in green

Step 4. Click Options on the right side and select Don't allow (hide existing) for the reader's comments

Step 5. Finally, click the Publish button and View the page.

That's all!
The index of the posts is sorted alphabetically and is updated automatically each time a new post is published.

Why Blog Traffic Decrease Or Unstable?

Why Blog Traffic Decrease Or Unstable?

Why Blog Traffic Decrease Or Unstable?

If you wanna know internal factor that can make traffic decrease read this article: 6 Mistakes Causing Blog Traffic Drop.

About external factor there are 5 factors that can make blog visitor decrease or unstable traffic:

Read the rest of this post »

How To Make Dofollow Blog

How To Make Dofollow Blog

What's the purpose of changing nofollow blog to dofollow blog? To invite visitors who search dofollow backlink.
Read the rest of this post »

Blogger Vs Wordpress

Which Is Better: Blogger Or Wordpress?

Blogger Vs Wordpress

Are you confused to choose blog platform? Actually there are many blog providers, but the biggest 2 blog platform is blogger and wordpress.
Read the rest of this post »

5 Reasons Facebook Promotion Failure

5 Reasons Promotion Failure On Facebook

Mistake 1: Only Using Personal Facebook Account For Promotion

Of course this can bring in visitor, but if you want more, try make a fan page.
Facebook fanpage has proven by many people more effective than post on personal facebook wall.
Read the rest of this post »

Backup Blog Data

How To Backup Blog Data?

Actually it's important to backup blog data. It's just that many people consider it too troublesome or simply don't know how to backup blog data. This can help to save your data whenever your data lost because many reason (hacker, Google delete your blog, etc).
Read the rest of this post »

Using JQuery + EasyDrag to Move Elements or Images by Clicking on Them

This is one way to make your site more interactive so that readers can "play" with certain elements of the page being able to drag from one side to another within the container in which they are, i.e. can drag the images with a script that will allow them to move from one place to another within the blog.

Demo

You can see an example in this test blog

To create this effect on images

Login to your Blogger account, go to Template and click the Edit HTML button:

Click anywhere inside the template's code and press the CTRL + F keys to search for this tag:

</head>

Just before </head> paste the following scripts:

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://helplogger.googlecode.com/svn/trunk/jquery.easydrag.js' type='text/javascript'/>

Note: If you already have jquery, please remove the code in red.

Now when you want to drag an image, use this code inside the HTML of your post or of your page:

<img id="easydrag1" src="image-URL" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
</script>

Change the URL of the image where is indicated, and furthermore, it is important that each image has a unique ID, in this example the ID is called easeydrag1, that ID must be twice.

If you have another picture with this effect, then you should put a different image with other ID, for example easydrag2, otherwise it will not work:

<img id="easydrag1" src="image-URL" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
<img id="easydrag2" src="image-URL" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
$(function(){ $("#easydrag2").easydrag();});
</script>

And how do you do if you want to put a link to the image?

We will set one Javascript function, so that when we will double click on it to open the page we want.

In this case, the code you would use, would be this:

<img id="easydrag1" style="cursor:move; border:0px;" ondblClick="javascript:window.open('link-URL')" src="image-URL" /><script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
</script>

With this the picture can be without any problems dragged around and can be activated by double clicking on its link.

Quality Backlink

What Is Quality Backlink?

Backlink is link from other website / blog that leads to your blog. Backlink is a source of point to get ranking on Google. There are many parameter that used to give value to backlink.

Read the rest of this post »

Filter out your visits to your blog from Google Analytics traffic statistics

The results of daily visits in the web hit counters always have a margin of error. In most of them, this margin is very high, therefore the statistics shown are not even a bit closer to the actual visits we have. Google Analytics has a very short margin of error, which makes it more reliable, so that we have a better idea of how many people visit us.

However, if you visit your own website, either to check if everything works well, to review comments, to answer them, to see if anyone is online, or just because you need to enter, then your visit will also be registered in the counter. This implies that the margin of error is larger again, because those visits are not our actual visits and we are not interested in knowing how many times we are coming back to our site, but how many people from elsewhere are visiting.
Therefore what we can do is to filter our IP so that we won't be registered in the statistics and thus to get "cleaner" results on the total number of visits and page views.

1. The first thing is to find out what is your IP address. Just type "what is my ip address" on google and above all of the results it will say "Your public IP address is..." or you can use an online service that shows your IP. There are many of these sites, one of them being http://whatismyipaddress.com... just go to the site and it will automatically show your IP.
2. Login to your Google Analytics account and click Admin in the orage bar on the right side. This will take you to the account administration screen 
3. On the left is the Account section and below you'll find a tab called All Filters, just click the "+NEW FILTER" button.
4. Give the filter any name you'd like. Filter Type is "Predefined filter", "Exclude", choose "traffic from the IP addresses" and "that are equal to" then enter your four numbered IP address you looked up in step 1.  Check whether it's IPv6 or not (if you don't know leave it unchecked).
5. Save the changes.

Screenshot:

You can add as many IP as you want, depending on how many different computers you use to access your site. And that's it. Now you can browse your site without registering a click in the Google Analytics metrics.

Increase Blog Traffic

How To Increase Blog Traffic?

If you wanna know how to increase blog traffic, the answer is simple "Provide what is needed or something that can become solution for other people's problems". If you can do that, you have basic to increase blog traffic. So the next step that you must do is make quality article.
Read the rest of this post »

Why Quality Article Is Important?

Have you ever heard "Content is king"? Why article quality is important? It's simple, quality is important because many people search it. Any product is always centered to quality problem.

Read the rest of this post »

Dofollow Nofollow Difference

Difference Between Dofollow And Nofollow

Dofollow Nofollow Difference

The basic difference between dofollow and nofollow link is the ability to pass on page rank point. Page that dofollow will give point to page that was referred, but nofollow page is not.

Read the rest of this post »

6 Mistakes Causing Blog Traffic Drop

6 Mistakes Causing Blog Traffic Drop

Mistake 1: Backlink growth that is not natural.

Backlink must be increasing consistently. Fluctuation is normal as long as consistent. If you get 1000 backlink in 1 day then drop to 0 in the next day, your traffic is going to drop.

Mistake 2: Not update routinely.

Update periodically everyday, or weekly, or monthly have influence on traffic. Blog that routine doing update have more traffic than blog that have many article but after that passive. For example 100 articles in 1 month is better than 100 articles in 1 day but the rest of the month is 0.

Mistake 3: Placing link on web that Google doesn't like.

For example paid links or paid reviews.

Mistake 4: Ignoring visitor question.

But becareful because visitor often insert backlink in his/her question.

Mistake 5: Don't have main article

Don't too often making simple articles. Make long article that connecting short articles.

Mistake 6: Too often changing blog template

Blog template is also recognized by search engine robot. If you too often changing template, then robot have problem to determine standard criteria from your blog. So your blog get minus point from search engine. Also don't place too much script, flash, or frame in your template

SEO Tools For Browser

Best SEO Tools For Browser

If you really wanna doing SEO optimization for your blog, it's best if you install your browser with SEO tools plugin that can help you doing your SEO activity.
Read the rest of this post »

Download Youtube Videos Without Software

How To Download Youtube Videos Without Software

1. Install Video Download Helper
2. Click add to firefox
Read the rest of this post »

SEO Search Engine Optimization

What is Search Engine Optimization (SEO)?

SEO Search Engine Optimization

Search Engine Optimization (SEO) is something that you do to make your website / blog appear on search engine result pages. The main purpose from SEO is to make your website getting many visitors from search engine like Google, Yahoo & Bing, etc.
Read the rest of this post »

Offpage Optimization SEO

What Is Offpage Optimization SEO?

Offpage Optimization SEO is SEO optimization outside of your website / blog. The purpose of Offpage Optimization SEO is to make search engine robot feel that your blog have authority, and
Read the rest of this post »

How To Get Backlink

How To Get Free Backlink

How To Get Backlink

Important Factor To Build Backlink

1. Backlink must be dofollow. But sometimes you must also make nofollow backlink. Read Dofollow Nofollow Difference.
2. Backlink must be one way.
Read the rest of this post »

How To Promote Blog

How To Promote Blog?

1. Promote Your Blog On Facebook

1. Find friends as many as possible. Join facebook groups that have the same theme as your blog.
Read the rest of this post »

How To Add Snow In The Background of Your Blog Using CSS

Today we’re going to go over a super simple CSS technique that you can use to make it snow on your Blogger blog. It seems particularly attractive since it doesn't require scripts, only CSS and three small images.

An advantage of this method is that by not using scripts doesn't overload the blog, the disadvantage is that users with not so modern browsers, will not be able to see it (in Internet Explorer works for version 10 and up).
The snow will fall in the background of the blog, which, in addition, prevent interfering with links or content (because the flakes are images), also prevent blocking the visibility of the content of the blog.

You can see the demo in this test blog.

How To Add Falling Snow To Blogger Blogspot

Step 1. Go to Template and click on the Edit HTML button:

Step 2. Click the small arrow on the left of <b:skin>...</b:skin> to expand the style (screenshot 1) and click anywhere inside the code area to search by using the CTRL + F keys for the ]]></b:skin> tag (screenshot 2)

Step 3. Add the following code just above it:

/* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#falling-snow {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0aHcRAVyU7HOTfiNZJa29DnGBhbLwvCdUK7-Btuq0uCo51ljqNqEmbUGmTbCz0QyXSX7N9xJSLzK4hPxhTdTr4vF3_gsTFifAIEteaFeo_4DiSk7EgDx7i1JrxhYOQJMt1YdWUQx5btBK/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkmtoqOxNQR6JxFnXgb0oyBG2jL1-lr9BP_tNWqMob2ex9Jf_aDk9vdcXx4o8rhRiwssdR5ImMU36w8VQPpjzeE3tdFtj1VDiv2ZYSW_zqV33ub1o5nHt1o-EG28WKhcLpDEZ7N4_tNg5G/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwrDyCLeOtZ0u2euAKKhlSOykoQqSfq9QeDSN6PB-eU_Ry-Ro8m6yIiBdyL3JKUAvTT122D4IjLXDMP7A0JfZ-wh2e9EYMMNpwddeL63IGs9GPdA-uKi8I-YZySh7dPw-ylLxRY4bZPvm/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

Screenshot 1: 

Screenshot 2:

Step 3. Now, search (CTRL + F) the <body> tag or if you can't find it, search this line below:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Step 4. And just below, add this:

<div id='falling-snow'>

Step 5. Finally, find the </body> tag (CTRL + F) and add the following just above it:

</div>

Step 6. Save the changes and that's it. Enjoy!!! :)

As you can see this tricks is very simple and easy to install, does not block the visibility of blog's content and most important, it has no scripts, only CSS and nothing else.

How To Register Feedburner

How To Register Feedburner

1. Open feedburner website.
2. Login with google account.
Read the rest of this post »

How To Make Meta Description, Title Tag, And Heading Tag Different Every Post

Title Tag, Heading Tag and Meta Description must be different for every post.

Title Tag

1. Click template. Backup your template.
2. Click edit HTML.
Read the rest of this post »

Change Heading (h1, h2, h3) Post Title And Widget

How To Change Heading (h1, h2, h3) Post Title And Widget On Blogspot

Post Title

Usually default template give heading h3 for post title, and h2 for widget. We must change this.
1. Click template. Backup your template.
Read the rest of this post »

Dynamic Heading (Post Title Become h1 Title Tag)

How To Make Dynamic Heading (Post Title Become Header / h1 Title Tag) On Blogspot

1. Click template. Backup your template.
2. Click edit HTML
Read the rest of this post »

Onpage Optimization On Blog

Onpage Optimization On Blog

Onpage Optimization On Blog

1. Use SEO friendly template.
2. Use dynamic heading and related posts.
Read the rest of this post »

How to Fix/Solve the Website Screen Resolution Problem ?

For long times I have been looking for solution to fix my

Website Resolution problem

. Initially I tried all the responsive design and all that, But nothing works. Then a thought pop up in my Mind about

adjusting website resolution

as per Screen Size of any resolution.

Solution is even more easier than it look.

CSS Provides property named scale which can scale the size(width x height) of any element in the document.

For example, <div id ="t_div"></div>
Now we can scale the size of the division as follow:

#t_div
{
-moz-transform:scale(1.5,1.5); //for Firefox
}

Above code will increase the size of division by x1.5 .

First of all suppose that you have your Website designed for fix size say, WIDTH x HEIGHT(e.g. 1280 x 768, 1366 x 768 etc.).

Now we will use this property of CSS to scale our website's main Tag(<html>) to adjust size according to screen size.

But we have to scale <html> tag dynamically according to screen size. For this we will use jQuery-a javascript library, to

apply CSS Property dynamically

.

Step - 1:

Apply the following CSS to your index page.

html{
 position:absolute;
 margin:0px;
 padding:0px;
}
body{
   position:absolute;
   padding:0px;
   margin:0px; 
   top:0px;
   left:0px;
//set height and width property at its maximum size in 'px' value.
}

step - 2:

Link the jQuery to your link page.you can download the local copy of jQuery OR link the online jQuery by using following tag.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

step - 3:

Now copy the following code to in your javascript.

$(document).ready(function() {

//Other code ...

/*HEIGHT and WIDTH below is your screen size not the your browser's
inner Size. AND if your width is 1280px then replace WIDTH by 1280.0 
(Note 0 after point)in the code below and same for HEIGHT.*/

factor_x = ($(window).width()) / WIDTH;
factor_y = ($(window).height( ))/HEIGHT;

$('html').css("transform","scale("+factor_x+","+factor_y+")");  
//For Firefox
$('html').css("-moz-transform","scale("+factor_x+","+factor_y+")"); 
      
//For Google Chrome
$('html').css("-webkit-transform","scale("+factor_x+","+factor_y+")");

//For Opera
$('html').css("-o-transform","scale("+factor_x+","+factor_y+")");

});

After doing this thing properly, Check your Website for various resolution. It should work.

What we are doing is scaling the <html> tag Up or Down, keeping aspect ratio of screen constant.

In case of any difficulty please comment below.

Was this Information helpful?

Yes No

Related Post(s):

• Using HTML5 Web Worker: Introducing Multithreading in JavaScript
• How create Web application with OpenShift using Eclipse
• How to Include Your Website in Google Search Result
• How to Install MongoDB (NoSQL database) on Windows 7?
• How to use Python in Web Application Development ?