Increase blog traffic using powerful meta tags

This is a very useful article for all bloggers,every blogger had a dream that their blog got higher rank in Google or other search engines.Adding meta tags to your blogger blog help you to increase blog traffic.The meta tag helps the search engine to find appropriate results,This is a powerful Search Engine optimization(SEO) method used by popular websites and blogs.

Within a few steps you can add powerful meta tags by following the below steps


  • Sign In to your Blogger Account
  • Take Design tab in your blog dashboard
  • Select Edit HTML
  • Add the following code inside <head> section

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta content=’Place blogger description here‘ NAME=’description’/>
<meta content=’Place your blog’s keywords here(seperated by commas)
NAME=’keywords’/>
</b:if>

Replace the Red text by your blog’s description and keywords and place it inside <head> section.Now your blogger blog meta tags are placed.The Blogger description you placed in meta tag description will display as the description of your blog in Google search results(as shown in the figure).

Now day by day there are so many blogs are arriving on internet.This powerful meta tag technique will help you to go your blog success.

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Optimize your post title to H1 tags better SEO Blogger Hack

This is an important SEO Blogger trick to increase SEO. Heading tags have a great importance in Search engine results, Heading tags helps Search engines to recognize what is important in your blog.Heading are form H1 to H6 .H1 tags have higher priority.So we are going to
hack blogger template by changing H3 tags to H1 tags. By default blogger post title is in H3 tag,here is a trick to change it to H1 tag for more SEO.

  • Go to Blogger Account
  • Select Template -> Edit HTML [click Proceed
  • Find the code like below [Find easily using Crtl+F]
  • Or simply find <H3



<h3 class=’post-title entry-title’>
      <b:if cond=’data:post.link’>
        <a expr:href=’data:post.link’><data:post.title/></a>
      <b:else/>
        <b:if cond=’data:post.url’>
          <b:if cond=’data:blog.url != data:post.url’>
            <a expr:href=’data:post.url’><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
  </h3>
  • and Change it with <H1 [Change all H3 to H1]
  • Change all H3 tags with H1 tag
  • Done ..Wait for few weeks you can find the change in Google SERP.
  • Your Blog pages will show in Google Search Page.

I think you enjoyed this ..if so please share… 
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

5 Ways For Your New Blog To Get Traffic


Most new bloggers stop blogging after a few months, or even weeks. Why? It�s because traffic doesn�t come to their blog as quickly as they want it to. But it�s normal, even for experienced bloggers who have been working on their sites for a long time.
Below are a few ways to get traffic to a new blog or any blog for that matter:




Network with others using Facebook and Twitter.
Try to connect with groups in Facebook. You should also try to promote yourself there so you won�t miss bringing Facebook traffic to your blog. You may find it hard in the beginning but once you get Facebook followers, it becomes very easy.
On Twitter, just follow top bloggers in your niche. Also follow their followers because this is the most simple and effective way to increase your targeted followers. After that, you can tweet your new articles and ask your followers to retweet it.


Video Marketing.
Create at least 2 videos that include your blog link at the start, then submit them to YouTube, Metacafe, and other video networking communities. This helps you expand your network not just to readers, but also to video viewers.


Take your time to write detailed articles.
Do not assume that you can get quality traffic without a lot of effort. You need to present your blog as a unique site to others to make it successful. It takes time to create content, and while you don�t have to spend your full time making only average 600-word posts, you need to make them as good as they can get.


Take your time to create great content.
If you can�t spend your entire time on blogging, at least try to create detailed posts once or twice a week. This way, you can grab others� attention and show your blogging expertise to your readers.
It�s really essential for you to make detailed articles regularly to survive in blogosphere, with no shortcuts. This can bring your quality traffic from other sites or search engines.


Always work with your SEO in mind.
Many people say just forget about the SEO (Search Engine Optimization) when you�re just starting out. But that�s a dumb suggestion! You have to focus on and be careful with what keywords to use. You should also know how much keyword density you have to maintain in your content to bring search engine traffic to your blog.
If you�re just starting out, the least you can do is to make a proper keyword analysis before you write your articles then add them into your posts. There are many free keyword tools like Google AdWords, and SEO-friendly blogging platforms like WordPress or Joomla. Just don�t go overboard with the keywords so search engines won�t tag you as a spammer.


Conclusion:
Although there are many ways of getting traffic, the most essential factor is NETWORK. The more networks you have the more traffic you can get. Start interacting with others on social communities to begin networking, so you can spread the word about your blog until your traffic finally does it for you.

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Change Blog Background Become Matrix Style


Previously, I’ve posted about Change Blog Background Become Fire. Now, I will posted about Change Blog Background Become Matrix Style. Have you watch Matrix? I think you have. Because Matrix is a big movie. Even this movie can enter into Box Office and earned $742,128,461! Amazing! So, if you like Matrix, by learn this trick, you can try to change your blog background become Matrix style. Interested  Just follow the steps below.



1. Log in to your blogger account
2. Go to Design –> Page Elements –> Add Gadget
3. Choose “HTML/Java Script”
4. Add the code below

<style type=”text/css”>
<!–
body {
background-color: #000;
background-image: url(http://facebookskin.com/imgres/matrix-animated-image.gif);
}
–>
</style>


=> You can change the matrix style with other image, for example

    http://1.bp.blogspot.com/-tSfSsH65WZQ/TcJhgd58YWI/AAAAAAAAAYA/Ahbme-7fRzc/s1600/Matrixl.gif

5. Now, you can click SAVE

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Best CSS3 Web button With Pseudo Classes

Pseudo classes are bolted on to selectors to specify a state or relation to the selector. They take the form of selector:pseudo class { property: value; }, simply with a colon in between the selector and the pseudo class.


Many CSS proposals are not supported by all browsers, but there are four pseudo classes that can be used safely when applied to links.

                                                                       DEMO 
  • Link – This is the for the default link.
  • Visited – This Is the state you give to links which have already been visited.
  • Hover – This is the state when the mouse is over the link.
  • Active – This is the state you give when the visitor clicks on the link
 Image shows three different styles for link, hover and active.
The HTML for this button is simple, it’s just a link anchor tag with a class.

<a href=”#” class=”web_button”>CSS Button</a>

# Button Link State
This is the default setting for the button, for this we are going to use gradient colours, box shadow and border-radius.

.web_button{
background: #0.4; /* Old browsers */
background: -moz-linear-gradient(top, #b4df5b 0%, #b4df5b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4df5b), color-stop(100%,#b4df5b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4df5b 0%,#b4df5b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4df5b 0%,#b4df5b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4df5b 0%,#b4df5b 100%); /* IE10+ */
background: linear-gradient(top, #b4df5b 0%,#b4df5b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=0 ); /* IE6-9 */
width:125px;
padding:20px;
display:inline-block;
color:#fff;
text-decoration:none;
font-weight:bold;
text-align: center;
border:1px solid #8dc025;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: 0px 2px 3px 2px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 2px 3px 2px rgba(50, 50, 50, 0.4);
box-shadow: 0px 2px 3px 2px rgba(50, 50, 50, 0.4);
}


# Button Hover State 
On the hover of the button we are going to change the background colour of the button.

.web_button:hover{
text-decoration:none;
background: #8dc025; /* Old browsers */
background: -moz-linear-gradient(top, #8dc025 0%, #8dc025 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc025), color-stop(100%,#8dc025)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8dc025 0%,#8dc025 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8dc025 0%,#8dc025 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8dc025 0%,#8dc025 100%); /* IE10+ */
background: linear-gradient(top, #8dc025 0%,#8dc025 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc025', endColorstr='#8dc025',GradientType=0 ); /* IE6-9 */
}


# Button Active State 
For the active state we are changing the box shadow to be inverted by using the inset on the box-shadow property. 

.web_button:active{
-webkit-box-shadow: inset 0px 1px 3px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 3px 2px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 1px 3px 2px rgba(0, 0, 0, 0.4);
cursor: pointer;
}


Original Article >>

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com