Is Possible to How to Create a Full Width Page in Blogger ? Yes we can do this easily using CSS3. Blogger loverz want to create pages like, Home,About Me,Contact Me and privacy policy Pages.If you do this trick then your blog look more beautiful.Blogger allow us to customize blogger designs. When you visit page you can see sidebar and footer.And we want to remove sidebar from contact me or any other page.And make good looking. That is the reason for hide sidebar from page using XML and CSS.Now I am going to give you simple and very very easy trick.We always think better for you.First Check Live Demo then apply trick.In future me share more tricks and widgets.

Live Demo

• Go to Blogger dashboard >>
•  Layout >>Add a Gadget Show in given below Screenshot

• Now Click on "More Gadgets"
• And  find  "Contact Form" and click on the Contact Form  and click Save.
• You Almost Done.See Below Screen Shot.

It will be added automatically to your blog sidebar, and then you can easily drag it anywhere you want.It's upto you.And at the end see live demo below Picture.

Yes I forget Just for testing you can send message and message will send in your blogger account on which you are running your site.Ok

Don't Forget and  Take 5 seconds and share this article with Friends and make us Happy.That's All

• Go To Blogger >>Template>>Customize.
• Click on Advance  and Choose Add CSS.
• Paste the below  code in white box.

• Now Finally Click on Apply Blog.

#navbar-iframe { display: none !important;}

1. Create a Cute E-mail Subscription Form.
2. How to add Animated Social Sharing Widget With Cool Hover Effects.
3. Touch me sharing widget for blogs/blogger.
4. Add Flying Letters below Mouse Pointer Animation.
5. How To Remove Powered By Blogger from blog?
6. New Facebook Pop Up Like Box for Blogger 2013.

How to  Add "Touch me"  sharing widget for blogs/blogger?

<style>

    #salahuddin-ayubi {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
    }
 
    #email-news-subscribe .email-box{
        padding: 5px 5px;
        font-family: "Arial","Helvetica",sans-serif;
       height:38px;}

    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;} 

    #email-news-subscribe .email-box input.email:focus{color:#333} 
 
#email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#666 0,#333 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
     
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:white;
       
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}

    #email-news-subscribe .email-box input.subscribe:hover{
     
        background-image:-moz-linear-gradient(top,#333,#666);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
     

        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:#FFFFFF;
     } 

    #other-social-bar {
        padding: 0px;
        overflow: hidden;
           height:37px;
         margin-top:-8px;
    }

    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}

    #other-social-bar .other-follow {
        float: left;
        overflow: hidden;
        padding:5px;
        width: 270px;}

    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}

    #other-social-bar .other-follow li {
 
        display:inline;
        border:0;
      }

    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#666;
        font-weight: bold; font-family:arial;
        display:inline;
        }
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlClftHrFBFFHt3svkHvE-Gcz-hcSrZbK8rIywT7jAwVAIBWCtG-uNtKOw_BqeM2F4pDM8GK_diJZOTbiwu7_La5LdAsSVOxJ-nulQihyYGauqEbtV2pGtpoIqz3Fkwi0SoN-W4Z5BjF4/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}

    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAFnS-QFEVjj4rKRrExZ6Z1FLT0T_dbTBq8pGuMh2FEU5osH6SKqh_-2dWsgPQ3vaO8YPIkgyqGLVTZBx3JRL4M7tr3-rqCiflY6NLAkCfAhDQ30-ybXK_KERPCC6W0UmxI-idisbvqWU/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3WVODBWgA8H1ZMJT4Onk5gI_UogRZEwHK4OlM6gHCth6OPtzbVKqv68svOClpEnm7I05itFNRUCar1WGhmurhFYTFEAPTKLrl7cttQ83A_sOBWm5P7OqN7QXQsM8IdVX-x6jjI_FITiU/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

.emailicon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLOSjDHIi83S5fP3y8F4WaZ1cLOG_LUugApseUKWOgu_XZ2l7f4mbQ-Ib89z4uTO8k2ldHbVsR4KFeHGL_iIBtGA-NICMCSttNyFcx5ZPw-IKNmegiba_KhyRglK9eApjDttq-zm_jqQwz/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);

}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family:  impact; 
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;

}

    </style>

    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #333;
        }
    </style>
    <![endif]-->

<div id="salahuddin-ayubi" >

<div class="emailicon"><p>Subscribe to our Free Email Updates! </p></div>

<div id="email-news-subscribe">

<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

<input type="hidden" value="tntbystc" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>

<div id="other-social-bar">

<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li>

<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/farhankayani143"  target="_blank">Twitter</a> </li>

<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/100052689605336447119target="_blank">Google Plus</a> </li> 
</ul> 
</div>

</div>

•  Replace tntbystc with your Feedburner title.
• Replace the bolded sections with your twitter and Google+ username details.

• Go to Blogger Dashboard.
• Now Go to  Template >> Edit Html.
• And Find</body> tag inside your template  using (CTRL+F.)
• And Paste the Following Code Below </body>.
• Save your Template.

<script type='text/javascript'>var text=&#39; Flying Text By Www.bloggerwidget4u.Blogspot.Com &#39;;</script><script src='https://tricksmaster.googlecode.com/svn/cursor-letters.js' type='text/javascript'></script>