Friday, February 22, 2013

0 Beautify H2 Tags in Blogger to Increase your Traffic

Posted by Dulshan R D 11:27 PM
Share On Google+Add This To DeliciousTweet/ReTweet ThisShare On FacebookStumble Upon ThisDigg This


Beautiful H2 Tags
Most of these days people try to grow their Viewers and Readers to reach to a better State in their Blog Career. In Blogger SEO is one important thing in growing your Traffic. In SEO or Search Engine Optimization H2 Tags are more important to increase the significance of the Blog and the post. 





 So today I thought I should present you a new Design in Beautifying your H2 Tags. So Let's get on with it. Get a look on below Design and Judge it. That is the Design today I'm gonna present you.





Beautify H2 Tags in Blogger


So to add this H2 Tag Design to your Blogger Simply follow Below Steps



   Designing H2 Tags



  • Go to the Blogger Dash Board  > Edit HTML 

  • And Tick "Expand widget templates" box

  •  Press Ctrl + F to Find ]]></b:skin>

  • Paste the Below Code Just above it

 

**********/Blogging Industries Green Arrow H2 Tag Starts/**********
.TWtitle {background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_vmFfRQUYsAKcEUrmX46QeOjuR3a2wE8aeJL-w9IRlgtmUQDjj06c_kax8KqNQXwMdE0myeio8rbcBfbvCQEP3kayNeDwZyT63QcV7C3C9w2pVrpTk3_N7qtmTh9l1RRK67phtXB9_bY/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;}
**********/Blogging Industries Green Arrow H2 Tag Ends/**********

And type


<div class="TWtitle">YOUR TEXT</div>

When ever you want to use this H2 Tag. And simply Replace the "YOUR TEXT" with your Title.

If you want to use this separately, by not adding to your template but as a HTML/Java Script Widget add as this to HTML/Java Script Widget.



    <Style>

***/Blogging Industries Green Arrow H2 Tag Starts/***
   
 .TWtitle
    {background-attachment:
     scroll; background-color: white; background-image: 
    url(http://2.bp.blogspot.com/-yF2RDWQ4a1Q/TyAlXeze1CI
/AAAAAAAAABw/mZGVafmPU4M/s1600/h2title+tickkkk.png);
     background-position: 0% 50%; background-repeat: no-repeat no-repeat; 
    border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; 
    border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px
     solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; 
    color: #25991c; font-family: Lobster, cursive; font-size: 26px; 
    font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; 
    position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; 
    text-transform: capitalize;}

***/Blogging Industries Green Arrow H2 Tag Ends/***

</Style>

<div class="TWtitle">YOUR TEXT</div>

I hope this Tutorial was an effective one to raise up your SEO Tricks and I present the Trick in two ways that It would be more useful to you in that manner. So guys wait for the next tutorial and Stay Connected. Don't Forget to Comment.


Warning : Don't Copy this Post Without Linking Back to this Post



0 comments:

Post a Comment