Blogger

Optimize your post title to H1 tags better SEO Blogger Hack

by

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

Change Blog Background Become Matrix Style

by

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

by

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

How To Add a Sitemap to Your Blog

by


A Sitemap is a beautiful and special effect for the blog. It is a   easy way for navigating the labels of your blog with a “New” feature. It shows the new posts and shows the “New” at the end of the post. 

Now your are going to see how to create a beautiful Sitemap in an easy way using JavaScript. 

  1. How to add a Sitemap to the blog?

  2. Go to Dashboard
  3. Click on Pages>>Create a New page.
  4. Name it or may not also.
  5. Copy the code shown below.
  6. </script><script src=”/feeds/posts/summary?alt=json-in-script&amp; max-results=500&amp;callback=loadtoc” type=”text/javascript”></script>
  7. Click on Html section of the page and paste the code in it.
  8. Preview the page and then save the page.

U R Done…!!!


Note:U can change the no. of the results in the script.

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