Online Free Tutorials: Blogger

Blogger Course Layout

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSf-FYaVEH5R_IbRAporKCvGSSqXh80otaGiDYOO440cnVKeZ3NJq91QQgwIDj2nvJx-Z6bOse-Ut9Ai4MVu-BBecEngCL-MafOH9vUC4mozuTtyWGyqmNoAwt3QAAnyzPp1jsX0k8dYj/s1600/blogger+course.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSf-FYaVEH5R_IbRAporKCvGSSqXh80otaGiDYOO440cnVKeZ3NJq91QQgwIDj2nvJx-Z6bOse-Ut9Ai4MVu-BBecEngCL-MafOH9vUC4mozuTtyWGyqmNoAwt3QAAnyzPp1jsX0k8dYj/s640/blogger+course.jpg" width="640" /></a></div>
<br />
<br />
<br />
                                             <span style="font-size: x-large;">   <b><u>Blogger Course: Layout</u></b></span><br />
<blockquote class="tr_bq">
In this Course we are going to learn About blogger.com..</blockquote>
<span style="font-size: x-large;">Note:</span>  Red Mark Topic has been Available on Blog remaining topics wil be provided soon<br />
Thank you!<br />
<br />
<ul>
<li><span style="color: red;">How to Make Blogger Account and Blog?</span></li>
<li><span style="color: red;">Basic View of Blog dashboard? How to Customize Template</span>?</li>
<li><span style="color: red;">How to Post on Blog and Set download button in each post?</span></li>
<li><span style="color: red;">How You Can Add Stylish CSS Animated Download button?</span></li>
<li><span style="color: red;">How to Set Drop Down Navigation Menu Bar?</span></li>
<li><span style="color: red;">How to Configure Header Title and description or Image for blog?</span></li>
<li><span style="color: red;">Add Facebook Page and Facebook like button in blog?</span></li>
<li><span style="color: red;">How to Make Blog Privacy Policy ?</span></li>
<li><span style="color: red;">How to Add Blog Template in blogger.com?</span></li>
<li>How to add menu and further their Sub menus ?</li>
<li>Add Twitter Button and Goggle Plus and Youtube  button in Blog?</li>
<li>Set Each Post in specific drop down menu bar and with labels?</li>
<li>Submit your blog in Google Web master tool?</li>
<li>Submit your blog in Bing& Yahoo… Web Master tool?</li>
<li>Submit your blog in Yendax Search Engine webmaster tool?</li>
<li>How to disabled Right click option on Blog? Prevents to stolen Content?</li>
<li>Add more Gadget and Remove Unnecessary Gadget?</li>
<li>Make addsense account? For our blog?</li>
<li>Set ads on your blogger?</li>
<li> Remove Locked Gadget?</li>
</ul>

Blogger Course Layout

Blogger Course: Layout In th...

How to Configure Header Title and description or Image for blog?

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9P1vo7Qdp1tI26iJ_2XoNNW3F4phBF4ne8h-lfwr0OO9fxFTMum6ojyW5myadopm2g_Tm4gQ_ecQoYKjBuEvQ63wwgS_gFdPnHrt_0_8j9QtlrgQhAtjxJXLw6nNFmMw_PZKtGP8I3b9s/s1600/Header.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9P1vo7Qdp1tI26iJ_2XoNNW3F4phBF4ne8h-lfwr0OO9fxFTMum6ojyW5myadopm2g_Tm4gQ_ecQoYKjBuEvQ63wwgS_gFdPnHrt_0_8j9QtlrgQhAtjxJXLw6nNFmMw_PZKtGP8I3b9s/s640/Header.jpg" width="640" /></a></div>
<br />
In this topic we discussed <b>How to create and configure blogger header </b>so here we are now First thing first many people think what is HEADER and why should make a Good looking Header so I'm giving all your answer which on your mind guys...So header is the top portion of web page that contain company name and Logo like Images Created in photoshop etc so next opening clossing tags are you between navigation bar to help user to move on site.<br />
<br />
<br />
I'm giving video tutorial which help you how you can create good looking Header through photoshop easily within few minutes because i used Photoshop CC7 and its works perfect..<br />
So guys Don't forget to watch video thanks ...<br />
<br />
<br />
Help Video Tutorial:<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/bMYTtvFE5ro" width="560"></iframe>

How to Configure Header Title and description or Image for blog?

In this topic we discussed How to create and configure blogger header so here we are now First thing first many people think what is HEAD...

How To Set Drop Down Navigation Menu In Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLHsrnrhheKSL3ItgR0dnkJmRiTv4uGZREzx96zfcUe8nPrItlq3cWMbCrSdSRrOtkURSxX1TlJ7IGVG_AAfBsxVla4Pa4UCMkJiATCtGCDjtVRL5sAgHLm6pOgPwCivhA47HR5noE1Gs/s1600/drop+down.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLHsrnrhheKSL3ItgR0dnkJmRiTv4uGZREzx96zfcUe8nPrItlq3cWMbCrSdSRrOtkURSxX1TlJ7IGVG_AAfBsxVla4Pa4UCMkJiATCtGCDjtVRL5sAgHLm6pOgPwCivhA47HR5noE1Gs/s640/drop+down.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Hey Guys today in this topic we discussed about How We Can Set Our Blogger Drop Down Menu...</div>
<div class="separator" style="clear: both; text-align: left;">
Many People Make Blogger account and customize there blog and set out a simple template and suddenly they think this template is not according their requirements so they want to make their Individual Selected menu names as what they want related to their blogger title....So its not hard to understand how we can set drop down menu of our website/blogger.Today topic Purpose to teach you how you can set your drop down menu easily through HTML language... If you don't know HTML language its not big problem try to follow my all step and listen don't forget to learn HTML because its essential language for web development of designing or blogger master...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Follow SOME step Including HELP VIDEO:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Go to Blogger Dashboard </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibk-7GM-Td-9iJ6EJZg0OnWK1JYzvV3marx_XyOtCYGSPxGpyXrMhqsqdAphczAFuoTV2tY6fOdd4U4tCW9zOXN6wXk0_xLlPFOs_m8pCXXCKdbNlYrXBVWORjLPSTHGHPF2hygahPELbI/s1600/Screenshot_44+-+Copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="486" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibk-7GM-Td-9iJ6EJZg0OnWK1JYzvV3marx_XyOtCYGSPxGpyXrMhqsqdAphczAFuoTV2tY6fOdd4U4tCW9zOXN6wXk0_xLlPFOs_m8pCXXCKdbNlYrXBVWORjLPSTHGHPF2hygahPELbI/s640/Screenshot_44+-+Copy.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Click On HTML:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNKu29vBwSp1f3kJsgqXzNGitLU1EMZ3qiWH1AjYlYaRbVc9pMFnEAE8q4l5FVv_16O6CSP-0mp_o2NqXPGSEqVCa6-9Ewdn3DSiSydAXzGUGl-39M6PbKjVKTdCSILkmWhtiyn4czc6u/s1600/Screenshot_45+-+Copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNKu29vBwSp1f3kJsgqXzNGitLU1EMZ3qiWH1AjYlYaRbVc9pMFnEAE8q4l5FVv_16O6CSP-0mp_o2NqXPGSEqVCa6-9Ewdn3DSiSydAXzGUGl-39M6PbKjVKTdCSILkmWhtiyn4czc6u/s640/Screenshot_45+-+Copy.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Look this Menu Below: It Contain Many menus its First Menu has Named THMES right now Copy this name and paste in Your HTML after Pressing Ctrl+F and paste Themes or what name of you navigation menu</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielW5pS-9JOfp668G7vk4EPxLL5pD6rW8aO-mHDhyUgHShnkzPmTfxlGfyr5QY3_25Mh8GLnpsZyDIQ3MujPTo5tEqqOXstcBShetpNkikXYdJME17ZxMNDtC2Ba_5JyjENemzUucpHgGH/s1600/Screenshot_46+-+Copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielW5pS-9JOfp668G7vk4EPxLL5pD6rW8aO-mHDhyUgHShnkzPmTfxlGfyr5QY3_25Mh8GLnpsZyDIQ3MujPTo5tEqqOXstcBShetpNkikXYdJME17ZxMNDtC2Ba_5JyjENemzUucpHgGH/s640/Screenshot_46+-+Copy.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now look that Image Below of blog Navigation Menu... Themes Menu Contain further sub menus as given in IMAGE below:  Now you guys thinking how i made these submenus below So i just make some HTML Coding to extend more menu in Theme</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Supposed thats theme Menu Code in HTML:</div>
<div class="separator" style="clear: both; text-align: left;">
<li><a href='#'>Themes</a><li>    Right </div>
<div class="separator" style="clear: both; text-align: left;">
Now you should have to removed  <li> list item</div>
<div class="separator" style="clear: both; text-align: left;">
and copy this code in whenever you make menus</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<li><a href='#'>Themes</a></div>
<div class="separator" style="clear: both; text-align: left;">
<ul></div>
<div class="separator" style="clear: both; text-align: left;">
        <li><a href='#'>Sub Menu 1</a></div>
<div class="separator" style="clear: both; text-align: left;">
         <li><a href='#'>Menu 2</a></div>
<div class="separator" style="clear: both; text-align: left;">
          <li><a href='#'>Menu3</a></div>
<div class="separator" style="clear: both; text-align: left;">
</ul></div>
<div class="separator" style="clear: both; text-align: left;">
<./li></div>
<div class="separator" style="clear: both; text-align: left;">
  </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
its wil show in your HTML like this above and you wil be successfully make sub menus if any problem follow all video</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFeb0gGMGAFOzR6dA_Hh3l4s2SJW9clgvCsrzY2sUmhDkuX5bb3tSN7exfnSvwbvUblGWxXsg2nupDp364Cu_o7n-vzJspZQtzlJXZjUC0kapQJ7a3pw2-ZQwZCfJE77UtL2XTqY2Ubs7t/s1600/Screenshot_47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFeb0gGMGAFOzR6dA_Hh3l4s2SJW9clgvCsrzY2sUmhDkuX5bb3tSN7exfnSvwbvUblGWxXsg2nupDp364Cu_o7n-vzJspZQtzlJXZjUC0kapQJ7a3pw2-ZQwZCfJE77UtL2XTqY2Ubs7t/s640/Screenshot_47.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8i5QpG5xm4yJoIfZbWLqoHcHSywRzkgCGS-iFcXphJLZzeCJRheKTZK26TQ3opKij4t_Zym-fsL3mR7ckAIuRsIH_chKnt2GMVRMZG3ymJcPqXZVZpVcWZQ5pbj4Nr-ZAKGHVv89i1zd6/s1600/Screenshot_48+-+Copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8i5QpG5xm4yJoIfZbWLqoHcHSywRzkgCGS-iFcXphJLZzeCJRheKTZK26TQ3opKij4t_Zym-fsL3mR7ckAIuRsIH_chKnt2GMVRMZG3ymJcPqXZVZpVcWZQ5pbj4Nr-ZAKGHVv89i1zd6/s640/Screenshot_48+-+Copy.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJ-EzOyzG84cZIn6_kG7-JIGW5WQnjs-GfKzYsGFPZUzfwhf_c-JNZrxE8dqUeDSFlxbjtQ6Npy-GlyWQ0vx6pGYHP1jfHMMZvXr9h_IophHFfhyphenhyphenv5BUj9ZxMUViHb9kNKUAoXjiQGZnd/s1600/Screenshot_48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJ-EzOyzG84cZIn6_kG7-JIGW5WQnjs-GfKzYsGFPZUzfwhf_c-JNZrxE8dqUeDSFlxbjtQ6Npy-GlyWQ0vx6pGYHP1jfHMMZvXr9h_IophHFfhyphenhyphenv5BUj9ZxMUViHb9kNKUAoXjiQGZnd/s640/Screenshot_48.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Help Video:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal">
<o:p></o:p></div>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/rjk9dt51nUY" width="560"></iframe>

How To Set Drop Down Navigation Menu In Blogger

Hey Guys today in this topic we discussed about How We Can Set Our Blogger Drop Down Menu... Many People Make Blogger account and c...

Set CSS Download Button On Your Blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjccBlRIEr-OGfLlWgkhMm_d7MTkaJqupF7FnXcA-LLGDMpRM_oyAL7j0NmzvgQHO4uZ8j4VsiffJFHXQClgBN9ezEkk48QKCaDC7e26DZyA0G1NA091t1KRpccHxJxQooJyZaULcrIPApT/s1600/31111.jpg" imageanchor="1"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjccBlRIEr-OGfLlWgkhMm_d7MTkaJqupF7FnXcA-LLGDMpRM_oyAL7j0NmzvgQHO4uZ8j4VsiffJFHXQClgBN9ezEkk48QKCaDC7e26DZyA0G1NA091t1KRpccHxJxQooJyZaULcrIPApT/s640/31111.jpg" width="640" /></a><br />
<br />
<br />
<br />
Today I'm going to Show you How you can make Beautiful download button on Your Blog...so this trick i learned from someone and its beautiful trick make good impression of your blogger download button...In Previous topic we leaned how we can make simple download button now in this post we learned about how we can make beautiful download button like this pic below as i'm also using this button<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNbRONYOJ0l-ImZ-Tl-1usIq2FkYSD4flNEKHw4cK0ud7LsyUbNWMJOCQwHoo1jz65OZv7o8tMBud6FBo77wgBzq3WiIpoeOMCcyxuqSztxaPgBkW-zKXaJDT_kw6SGawkXP7DaiJrLibu/s1600/Screenshot_13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNbRONYOJ0l-ImZ-Tl-1usIq2FkYSD4flNEKHw4cK0ud7LsyUbNWMJOCQwHoo1jz65OZv7o8tMBud6FBo77wgBzq3WiIpoeOMCcyxuqSztxaPgBkW-zKXaJDT_kw6SGawkXP7DaiJrLibu/s640/Screenshot_13.png" width="640" /></a></div>
<br />
<br />
<br />
Copy this Script and paste it<br />
<br />
Go to Blog Title ? Template ? Edit HTML and search for the code </body> and paste the below given code just above </body>.<br />
<br />
<div>
___________________________</div>
<br />
<style><br />
<br />
.abt-button {<br />
    margin: 50px auto;<br />
    width: 200px;<br />
}<br />
<br />
 /* Get this button at AllBloggerTricks.com */<br />
<br />
.abt-button a {<br />
    background: -moz-linear-gradient(center top , #00B7EA 0%, #009EC3 100%) repeat scroll 0 0 transparent;<br />
    color: white;<br />
    display: block;<br />
    font: 17px/50px Helvetica,Verdana,sans-serif;<br />
    height: 50px;<br />
    text-align: center;<br />
    text-decoration: none;<br />
    text-transform: uppercase;<br />
    width: 200px;<br />
    position: relative;<br />
    z-index: 2;<br />
<br />
  /*TYPE*/<br />
  color: white;<br />
  font: 17px/50px Helvetica, Verdana, sans-serif;<br />
  text-decoration: none;<br />
  text-align: center;<br />
  text-transform: uppercase;<br />
<br />
  /*GRADIENT*/<br />
  background: #00b7ea; /* Old browsers */<br />
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */<br />
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */<br />
  background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */<br />
  background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */<br />
  background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */<br />
  background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */<br />
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 ); /* IE6-9 */<br />
}<br />
<br />
.abt-button a, .abt-button p {<br />
    -webkit-border-radius: 10px;<br />
     -moz-border-radius: 10px;<br />
          border-radius: 10px;<br />
<br />
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);<br />
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);<br />
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);<br />
}<br />
.abt-button p {<br />
    background: #222222;<br />
    color: #FFFFFF;<br />
    display: block;<br />
    font: 12px/45px Helvetica,Verdana,sans-serif;<br />
    height: 40px;<br />
    margin: -40px 0 0 10px;<br />
    position: absolute;<br />
    text-align: center;<br />
    transition: margin 0.5s ease 0s;<br />
    width: 180px;<br />
    z-index: 1;<br />
  /*TRANSITION*/<br />
  -webkit-transition: margin 0.5s ease;<br />
     -moz-transition: margin 0.5s ease;<br />
       -o-transition: margin 0.5s ease;<br />
      -ms-transition: margin 0.5s ease;<br />
          transition: margin 0.5s ease;<br />
<br />
}<br />
.abt-button:hover .up {<br />
    margin: -5px 0 0 10px !important;<br />
}<br />
.abt-button:hover .down {<br />
    line-height: 35px !important;<br />
    margin: -85px 0 0 10px !important;<br />
}<br />
.abt-button a:active {<br />
<br />
background: #00b7ea; /* Old browsers */<br />
background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* IE10+ */<br />
background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 ); /* IE6-9 */<br />
<br />
}<br />
.abt-button:active .up {<br />
    margin: -20px 0 0 10px !important;<br />
}<br />
.abt-button:active .down {<br />
    margin: -70px 0 0 10px !important;<br />
}<br />
</style><br />
<div>
__________________________</div>
<div>
=======================</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
After copying above code below </body></div>
<div>
Paste this Code in each Blogger posting whenever you want </div>
<div>
<br /></div>
<div>
<br /></div>
<div>
________________</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
<div class="abt-button"></div>
<div>
      <a href="#">Download</a>                           </div>
<div>
      <p class="up">click to begin</p></div>
<div>
      <p class="down">12.5MB .zip</p></div>
<div>
    </div></div>
</div>
<div>
__________________</div>
<br />
<br />
Help Video:<br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/r6Oe3GgVFz0" width="560"></iframe>

Set CSS Download Button On Your Blog

Today I'm going to Show you How you can make Beautiful download button on Your Blog...so this trick i learned from someone and its b...

Set Download Button On Your Blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpOqwCJhga88Wf7lvG3vHXRXTHRfFjv-KYe1nAtZw8uAoAopzHNfY2uLpZvJ_jNfIBvy-nPqENARufeu9ArRIgp4RVLEg37wkZYCdW4wWE1vNoOL2gqCqYaw-LBQAoTeg2dttjPaKTk_-/s1600/download+3699.jpg" imageanchor="1"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpOqwCJhga88Wf7lvG3vHXRXTHRfFjv-KYe1nAtZw8uAoAopzHNfY2uLpZvJ_jNfIBvy-nPqENARufeu9ArRIgp4RVLEg37wkZYCdW4wWE1vNoOL2gqCqYaw-LBQAoTeg2dttjPaKTk_-/s640/download+3699.jpg" width="640" /></a><br />
<br />
<br />
So here we are in this Topic we discussed how you can set download button on your blogger and manage your other posts..first to set download button we should download a Download PNG Image from <a href="https://www.google.com.pk/?gws_rd=cr&ei=wz4zWNeTHsfaU6TKouAM#q=download+png">Google PNG</a> and then download one and add on your Compose section below the Article which content you write up there.... So follow all Instructions below<br />
<br />
<br />
Go to Image Icon..<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxn8pvZqOFuc883dXp21RDF9KfQOrQmEv3cg_RhjNZJkGq9qKUxBnmF18ZsBuvKpcCUyTSD4WJZYhbwh2FJ5ARX7BzN5x-a0kd2eAKbocI2fUJV-RG2EFi7EZ6BJwJ872r2bwosJWbAYG/s1600/Screenshot_12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxn8pvZqOFuc883dXp21RDF9KfQOrQmEv3cg_RhjNZJkGq9qKUxBnmF18ZsBuvKpcCUyTSD4WJZYhbwh2FJ5ARX7BzN5x-a0kd2eAKbocI2fUJV-RG2EFi7EZ6BJwJ872r2bwosJWbAYG/s640/Screenshot_12.png" width="640" /></a></div>
<br />
<br />
<br />
Click and Chose your <a href="https://www.google.com.pk/?gws_rd=cr&ei=wz4zWNeTHsfaU6TKouAM#q=download+png">Download button Image</a> File...<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3rzbIGg3s25Z9RL_Jcpg6iGuzstNgRsZO2iCWmq2Rky0OfWC6RxsSoJe-snIlgu7ZLyz7XGCNQdd0zc9NSxCdSK0TotRcAYtC_i3Slv54jMHsxXAoGpxxNdPtgUqSHQoPZlXUTwpWTUv/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3rzbIGg3s25Z9RL_Jcpg6iGuzstNgRsZO2iCWmq2Rky0OfWC6RxsSoJe-snIlgu7ZLyz7XGCNQdd0zc9NSxCdSK0TotRcAYtC_i3Slv54jMHsxXAoGpxxNdPtgUqSHQoPZlXUTwpWTUv/s640/Screenshot_9.png" width="640" /></a></div>
<br />
<br />
Upload it and it will show you like this below<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0eZvaKUvQm9p5YZqchv3gwiYtM5b1mI6gFD2iAQZWaP8c_xhILfTY2zmDz-R-94pL54-0dPxQC_pVX9ePyv-aoeBOo40gD18I8BGyfnYGDza6k-SSX2_nES9v7gEjTzxmyaX_HIbqTBcv/s1600/Screenshot_10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="430" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0eZvaKUvQm9p5YZqchv3gwiYtM5b1mI6gFD2iAQZWaP8c_xhILfTY2zmDz-R-94pL54-0dPxQC_pVX9ePyv-aoeBOo40gD18I8BGyfnYGDza6k-SSX2_nES9v7gEjTzxmyaX_HIbqTBcv/s640/Screenshot_10.png" width="640" /></a></div>
<br />
<br />
<br />
<br />
Final step You show Go your Compose Section and paste your image file below your written Content and its will appear like this below<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVzIqhi_LGOw5yI8uCnVlP9vaee_KoinW0M_2qkbkI6_joMSytv6am5IHJWE0Z6111NruLZd951ZLTvbP8f4LXPgear01wqsr_Opgk4CTf52rFQyyDA5CP6jYqUHRyRkXi0QHx2s5_aiS/s1600/Screenshot_11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVzIqhi_LGOw5yI8uCnVlP9vaee_KoinW0M_2qkbkI6_joMSytv6am5IHJWE0Z6111NruLZd951ZLTvbP8f4LXPgear01wqsr_Opgk4CTf52rFQyyDA5CP6jYqUHRyRkXi0QHx2s5_aiS/s640/Screenshot_11.png" width="640" /></a></div>
<br />
<br />
<br />
<br />
<br />
Help Video:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/aadAUHLm7xE" width="560"></iframe>

Set Download Button On Your Blog

So here we are in this Topic we discussed how you can set download button on your blogger and manage your other posts..first to set downl...

Customize Your Blogger Template and Upload New Template

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOL3pvQK16GQr9NlPPvI-pibthP8KKZyvQWW_xYb45RX872KRJY6h_KlQwEhA5AS7hVfoKJ3L_vlaZeHemLOY2Q-8C3DzJJg8cZsLiytPu6dJi_ho_OPvPnXTCrElLUPVRDnyTCjv8_m0/s1600/template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOL3pvQK16GQr9NlPPvI-pibthP8KKZyvQWW_xYb45RX872KRJY6h_KlQwEhA5AS7hVfoKJ3L_vlaZeHemLOY2Q-8C3DzJJg8cZsLiytPu6dJi_ho_OPvPnXTCrElLUPVRDnyTCjv8_m0/s320/template.jpg" width="320" /></a> Next Topic is How We can Customize Our Blogger Template and Upload new One Our Purchase or Free template so here we are lets start blogging now... As we already Learned How To Make a Blog on blogger.com So next step is to be its some necessary things knows about its dashboard and and its Traffic Source and Layout Template and more....</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
So lets start With Dashboard </div>
<div class="separator" style="clear: both; text-align: left;">
 This is Blogger Dashboard its shows Yours All settings and menu about your blog which you made...</div>
<div class="separator" style="clear: both; text-align: left;">
Dashboard contain Following Menus </div>
<div class="separator" style="clear: both; text-align: left;">
1. New Post</div>
<div class="separator" style="clear: both; text-align: left;">
2. Overview</div>
<div class="separator" style="clear: both; text-align: left;">
3. Post</div>
<div class="separator" style="clear: both; text-align: left;">
4. Pages</div>
<div class="separator" style="clear: both; text-align: left;">
5. Comments </div>
<div class="separator" style="clear: both; text-align: left;">
6. Static</div>
<div class="separator" style="clear: both; text-align: left;">
7. Earning </div>
<div class="separator" style="clear: both; text-align: left;">
8. Campaigns</div>
<div class="separator" style="clear: both; text-align: left;">
9. Layour</div>
<div class="separator" style="clear: both; text-align: left;">
10. Template</div>
<div class="separator" style="clear: both; text-align: left;">
11. Settings </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorQ5gw88feLz3XjXAgFCjvkUG-fNeN3m86Ha9pshZjHC9RJeVoGX5KJ4KqiuyuYCGaq4L-yjSnZCGMVCd1Ewff_i4wM1xqjLbPwuWNQbD-ZPP7RV5Qk9wv6Lq7fYAZ58WhyphenhyphenUCo-mTNqo7/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorQ5gw88feLz3XjXAgFCjvkUG-fNeN3m86Ha9pshZjHC9RJeVoGX5KJ4KqiuyuYCGaq4L-yjSnZCGMVCd1Ewff_i4wM1xqjLbPwuWNQbD-ZPP7RV5Qk9wv6Lq7fYAZ58WhyphenhyphenUCo-mTNqo7/s400/Screenshot_3.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7vpRcluJ4VO11AkaF5rWTvVkDa9bBsp9jr5HZeEZhW7HfM7aW1UoaovZYNKB7sOcfpkaI3fgVveW2xX0cb2lpqJMLuyUIX2u601_nHaBHSQi20eNF2guM1H5vw6HSSzlQcG9-QKMfijt/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7vpRcluJ4VO11AkaF5rWTvVkDa9bBsp9jr5HZeEZhW7HfM7aW1UoaovZYNKB7sOcfpkaI3fgVveW2xX0cb2lpqJMLuyUIX2u601_nHaBHSQi20eNF2guM1H5vw6HSSzlQcG9-QKMfijt/s400/Screenshot_4.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Video Help:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/LCxY-suzUbA" width="560"></iframe>

Customize Your Blogger Template and Upload New Template

Next Topic is How We can Customize Our Blogger Template and Upload new One Our Purchase or Free template so here we are lets start bloggin...

How To Make Blog?? On Blogger.com

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4PVneSKR13Bzl52k7iVKRBvWAyhojj0Vd_2UO2hkGELvB7B3A7YR9IpVIvwzAysFReXBp26wOt3D9H0Rq1ha6TGa8qE35-eZJ2yt3fd48E4O3_x6akveV8BIono9shNRgmJ5vxLgYgajk/s1600/5788.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4PVneSKR13Bzl52k7iVKRBvWAyhojj0Vd_2UO2hkGELvB7B3A7YR9IpVIvwzAysFReXBp26wOt3D9H0Rq1ha6TGa8qE35-eZJ2yt3fd48E4O3_x6akveV8BIono9shNRgmJ5vxLgYgajk/s320/5788.jpg" width="320" /></a>If You are looking to make your own Site So today i'm going to show you how you can make a Site or Blog on Blooger account.its simply easy way to complete each process...First of all the question appear in every mind what is blog? What is the main purpose of blog? So here is all answer Blog is Website which represents your skills like if you are huge knowledge in IT Technology and Fahsion media or teaching any thing if you have in your mind....So you are enabled to work on blog...When you get blog account you work hard and upload more content related to your topic which you selected...so now we starts to make blog account</div>
<div class="separator" style="clear: both; text-align: left;">
follow are steps given below.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Step 1:</div>
<div class="separator" style="clear: both; text-align: left;">
First you should have a Google Account called G-Mail Account.</div>
<div class="separator" style="clear: both; text-align: left;">
Example: Pakistan2810@gmail.com</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Step 2: </div>
<div class="separator" style="clear: both; text-align: left;">
After getting G-mail account go to <a href="http://www.blogger.com/">http://www.blogger.com</a> and click on sign in button.</div>
<div class="separator" style="clear: both; text-align: left;">
and register your self on blogger account it so simple and easy...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Step 3;</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
After Login in Blogger.com Create your New Blog as give in Screen Shoot:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuv_-saHRQeVGa5wWx_iUPheUninNeiC8VQ8vCx2c1BakAsezEsctCqOpfZNlLxg9c3VJViYQ-0Aw23eknQl_Uwmaw8dRwA_Cc2hAw4-ulJjo7hfjbKKlh4x4ieHEcGC2mYsK5xi47r4JS/s1600/Screenshot_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuv_-saHRQeVGa5wWx_iUPheUninNeiC8VQ8vCx2c1BakAsezEsctCqOpfZNlLxg9c3VJViYQ-0Aw23eknQl_Uwmaw8dRwA_Cc2hAw4-ulJjo7hfjbKKlh4x4ieHEcGC2mYsK5xi47r4JS/s320/Screenshot_8.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Step 4:  </div>
<div class="separator" style="clear: both; text-align: left;">
 After Clicking on New blog then set your title whatever you want and blog address is necessary thing and last thing Select blog template...all done </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6uAdbFzGXFN03w8NW16fZKNrWJTXyjVAYpis8ltPel8Oj3Ivc-1l8VGHnRSIWAsMbH_URdp1hmURqSxdC-lDw51bFJAQvhZL1vs-_qs5vALG9dWT4oIiVOfAVJSLfwF4IH8zp7xo4RaTj/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6uAdbFzGXFN03w8NW16fZKNrWJTXyjVAYpis8ltPel8Oj3Ivc-1l8VGHnRSIWAsMbH_URdp1hmURqSxdC-lDw51bFJAQvhZL1vs-_qs5vALG9dWT4oIiVOfAVJSLfwF4IH8zp7xo4RaTj/s320/Screenshot_1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Step 5:</div>
<div class="separator" style="clear: both; text-align: left;">
Its final step how your blog looks like so here it is given below:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlyQAso4IZ59hMYsVPnr2eLBlW8ulqgY3V7XUg-YXZfFDWl3s1ExelnPHap84nGqStRwg8aJwB-p35uF4PU9uQXzF0LOvXsy8-hCL8fHtuqvi3WTB93Ot0cIrvKNKYQ0P2byCbuIuod4Hi/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlyQAso4IZ59hMYsVPnr2eLBlW8ulqgY3V7XUg-YXZfFDWl3s1ExelnPHap84nGqStRwg8aJwB-p35uF4PU9uQXzF0LOvXsy8-hCL8fHtuqvi3WTB93Ot0cIrvKNKYQ0P2byCbuIuod4Hi/s320/Screenshot_2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Help Video:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/kF6l_2qMd80" width="560"></iframe>

How To Make Blog?? On Blogger.com

If You are looking to make your own Site So today i'm going to show you how you can make a Site or Blog on Blooger account.its simply e...

How Create/Generate Privacy Policy For Your Website/Blog

<h3 style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFEMxgJDP6VjRef1Sa9DyytzVFArocXqUuISKgJscJLZ_34-6reBSh7JsfRtpWXpSy5a_ovaWkN5w1phgw9v8oh93C5G2g2hKYyWLjTaXPP13iyynnoo08_afYJOTiryT9Jhyphenhyphen57TtiDIb/s1600/images+%25284%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFEMxgJDP6VjRef1Sa9DyytzVFArocXqUuISKgJscJLZ_34-6reBSh7JsfRtpWXpSy5a_ovaWkN5w1phgw9v8oh93C5G2g2hKYyWLjTaXPP13iyynnoo08_afYJOTiryT9Jhyphenhyphen57TtiDIb/s1600/images+%25284%2529.jpg" /></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="clear: both; text-align: center;">
<b>Follow these Steps to Make Your Own Privacy Policy Easily In Just 15 minutes So lets starts </b><b>First of all We Should have a E-mail ID After that Go the http://www.privacypolicies.com</b><b>After entering in the site Follow these steps and make Your Own Privacy Policy Easily</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Step.1</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHdsX2NnpwP5HcSn19QkhYCK6tLDDmr1dsWHaxndQU8jZDLm_rjlAGRRfh2BXhuxBiMYljdgxHV5M1hs8p0LYw_FcJ6ZrLKuAxcYaTasOJ6Ycn9gy3T73zg8DC91XVft6YU9E9anCI47ma/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHdsX2NnpwP5HcSn19QkhYCK6tLDDmr1dsWHaxndQU8jZDLm_rjlAGRRfh2BXhuxBiMYljdgxHV5M1hs8p0LYw_FcJ6ZrLKuAxcYaTasOJ6Ycn9gy3T73zg8DC91XVft6YU9E9anCI47ma/s320/1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 2.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNy51VRIxN5oiwOYpZRlmoPzEr0_XqoRGJmy8nmBi96F7IUHYdxwxXOb2XGDpLWPt7zHQfCkXPAGj65pzoQW2IbsxsxSAThjtG6xfyjfYr_eOU6L8aGV11oHb5XzdNsEtoMRYJqhADE3s/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNy51VRIxN5oiwOYpZRlmoPzEr0_XqoRGJmy8nmBi96F7IUHYdxwxXOb2XGDpLWPt7zHQfCkXPAGj65pzoQW2IbsxsxSAThjtG6xfyjfYr_eOU6L8aGV11oHb5XzdNsEtoMRYJqhADE3s/s320/2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 3.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WHm3p6LSpxl0pRoQ2yMZI0krv0CgUb-0QlnrDIKHCXRXDQZPzqLFUK1kVFcdvc5bwLLidOT_ZVeAPBUGZ1d8dwu6im1hBmup_Bjiim-pJI6THs5ylHtHbH7xJVRuUseGgdUToV_xPEvh/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WHm3p6LSpxl0pRoQ2yMZI0krv0CgUb-0QlnrDIKHCXRXDQZPzqLFUK1kVFcdvc5bwLLidOT_ZVeAPBUGZ1d8dwu6im1hBmup_Bjiim-pJI6THs5ylHtHbH7xJVRuUseGgdUToV_xPEvh/s320/3.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 4.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBcfML4J2ES-UIjuj1G3rou7ZjTs7iZqatSTsYz8OysOBe44XJcmgqt-58sF7jL3W7OZIGoENjWzRfWzIr9cs4WJ6kO501Qi9u29DjhrybsSHST4ZhQm9RlqUa8fbPrlo5sicvoeXZHeK/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBcfML4J2ES-UIjuj1G3rou7ZjTs7iZqatSTsYz8OysOBe44XJcmgqt-58sF7jL3W7OZIGoENjWzRfWzIr9cs4WJ6kO501Qi9u29DjhrybsSHST4ZhQm9RlqUa8fbPrlo5sicvoeXZHeK/s320/4.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 5.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRuCScT57YPUtCQiEWUuLikjh3Ss21Erb7-D6BL1YzAA3DkDJ9wwsUV314Lx6AKxBl3EN-Ri8nbKaTWV-tpdMiRWxqVFtDXZxcbqQApccEaUDc4AUc58aGY7i6acoGX2pOCWQ2AdNy6nkF/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRuCScT57YPUtCQiEWUuLikjh3Ss21Erb7-D6BL1YzAA3DkDJ9wwsUV314Lx6AKxBl3EN-Ri8nbKaTWV-tpdMiRWxqVFtDXZxcbqQApccEaUDc4AUc58aGY7i6acoGX2pOCWQ2AdNy6nkF/s320/5.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 6.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7D3ZQOKCZo6jsrDnTehQe2gm8CYyv8NZdC6DPHLppZhdmtOhdTSpo63KO00HiKQHM19SpORvVWp3WzU-tbqHJBsvWSNAi467sFA7QyCx_KnCy_KG3jWGMnzGvrfd3RWuYr8h-oWlLJt75/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7D3ZQOKCZo6jsrDnTehQe2gm8CYyv8NZdC6DPHLppZhdmtOhdTSpo63KO00HiKQHM19SpORvVWp3WzU-tbqHJBsvWSNAi467sFA7QyCx_KnCy_KG3jWGMnzGvrfd3RWuYr8h-oWlLJt75/s320/6.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 7.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXksunVvr7CpE15WPzcim28qJc89PildGFJ-7UFfkrA1E3DPk6vd41frYzmojptuFL4PgdJfr-32yl7GEkW08_uVFd9G9fIiTHMxN5-dSH_z38mvGAXLOyL3kLjsP9w6waiEEvEKNA8-u9/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXksunVvr7CpE15WPzcim28qJc89PildGFJ-7UFfkrA1E3DPk6vd41frYzmojptuFL4PgdJfr-32yl7GEkW08_uVFd9G9fIiTHMxN5-dSH_z38mvGAXLOyL3kLjsP9w6waiEEvEKNA8-u9/s320/7.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Step 8.</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Vo-w4ak-EPXfjFJXUtaeJ3WfuEBrUdNtIzARQ8ZCWzaZRZUhZCZzzH76uSH46uvj9jyWLKrlgN5DNiycXMistJht_6oN-UzDKDLLHflZhWZKtOCQie_sJltAMiCzjDOM-lhdhjz3s8DU/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Vo-w4ak-EPXfjFJXUtaeJ3WfuEBrUdNtIzARQ8ZCWzaZRZUhZCZzzH76uSH46uvj9jyWLKrlgN5DNiycXMistJht_6oN-UzDKDLLHflZhWZKtOCQie_sJltAMiCzjDOM-lhdhjz3s8DU/s320/8.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Step 9</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCgD3NmkXeEXMNSGcD9U7T3mIBQ1StI6mSJradteQRwYoYkVTDgcqVKGS4DSUviLphYugLB5PYauKHf0vvI8gi3yc0TGdsAf3qxhXK42gyiqmhEahSeee9S2c2U7xu6PsbZreTTdotrAC/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCgD3NmkXeEXMNSGcD9U7T3mIBQ1StI6mSJradteQRwYoYkVTDgcqVKGS4DSUviLphYugLB5PYauKHf0vvI8gi3yc0TGdsAf3qxhXK42gyiqmhEahSeee9S2c2U7xu6PsbZreTTdotrAC/s320/9.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
If You like this Please Share and Comments below</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>

How Create/Generate Privacy Policy For Your Website/Blog

Follow these Steps to Make Your Own Privacy Policy Easily In Just 15 minutes So lets starts First of all We Should have a E-mail ID Af...

How to Add facebook like Button In Blog Urdu/Hindi/English

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_6f_VgBh2nmEY7N-d5i_k0YIaeBDZ02uQTbP7F4olG8ZT9ul4jTPvjV4QmephR-nWZC4C30DtJyb-tiGGOHbbaykmRnBcU5_ymW2zoMGBngO18q1Mtc-WsIJc-Mc0T7KdKMrKhLQaPkj/s1600/download+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_6f_VgBh2nmEY7N-d5i_k0YIaeBDZ02uQTbP7F4olG8ZT9ul4jTPvjV4QmephR-nWZC4C30DtJyb-tiGGOHbbaykmRnBcU5_ymW2zoMGBngO18q1Mtc-WsIJc-Mc0T7KdKMrKhLQaPkj/s1600/download+%25281%2529.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Today I'm Going to Show You How U can Add Facebook Button in your Blogger, Blog So Basically Why and Where We add facebook button in our blog and what is the advantage?? its a good Question So dear Friends i have Answer for this that<br />
1. First Its Increase your Blog Traffic means a number of Visitors Visit your blog and they like your work and share to other there friends like social media Twitter,Facebook,Instagram, etc so Its create much traffic and helping to increase your ranks.<br />
2. Its looks Great impression on your site.<br />
<br />
 Now Follow these Step to Add Facebook like Button...<br />
1. Go to the following site" http://developers.facebook.com/docs/plugins/like-button" Copy this code and paste in Browser URL section<br />
2. Enter Your facebook profile or page which you want to like on your blog Insert URL of Your Page then Set following Formate Which your like button looks like and then<br />
3. Click on Get Gode after click 2 code wil appear first one is HTML java script and Second One is also HTML but now u should copy first code and GO to Blog Template and then HTML then Press Ctrl+ F A search bar wil appear and Find <body and then press enter<br />
paste Your code below the body like this image<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnobym_zPnsL8rByBwiK9vFvwoxHM6ndqIQ3obuObG-LA6ZmwQ6zffjI_Cb87DYjT82cD9LqhZ5KkVdpd2DRs_Yh5OpL-0X5Pnp9GvLPZ03ZjoI2xDTFCw0OCKyJWMD-kSg1kuT07ljb0D/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnobym_zPnsL8rByBwiK9vFvwoxHM6ndqIQ3obuObG-LA6ZmwQ6zffjI_Cb87DYjT82cD9LqhZ5KkVdpd2DRs_Yh5OpL-0X5Pnp9GvLPZ03ZjoI2xDTFCw0OCKyJWMD-kSg1kuT07ljb0D/s320/Screenshot_1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Note:In this Image I mark a code this my add button code i again i also mark another code which necessary for changes because i wil show you XML error so You should change and enter amp; there after 1&<br />
 So our Half Work is done now......So now its final step Go to Layout in Blog and then set a add a gadget button in HTML Java Script and Paste Second Code in this Section below title and Most important that Title should be named like Like Us On Facebook..<br />
<br />
<br />
Like My Page and Share it on social media also comments thank you,,<br />
<br />
<br />
Video Help:<br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/iMPtDM44B90" width="560"></iframe>

How to Add facebook like Button In Blog Urdu/Hindi/English

Today I'm Going to Show You How U can Add Facebook Button in your Blogger, Blog So Basically Why and Where We add facebook button...

How to Set Drop Down Navigation Menu of Your Blogger Urdu/HIndi

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2qZOsWYNO1qt2djjGDLvVrHpgd29ZEykenuwDEnVXnKt2dTQJbsHjioBpxlibuGse6Mhy1DEvmu630WFGGmErLzNW_rojsrIcOa9QpLO7KK3ae25l49Oq77K8fA9avTYkhGhZTSKGUEQX/s1600/letters-428970_960_720.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2qZOsWYNO1qt2djjGDLvVrHpgd29ZEykenuwDEnVXnKt2dTQJbsHjioBpxlibuGse6Mhy1DEvmu630WFGGmErLzNW_rojsrIcOa9QpLO7KK3ae25l49Oq77K8fA9avTYkhGhZTSKGUEQX/s320/letters-428970_960_720.jpg" width="320" /></a></div>
Today I'm going to show you How You can Set Your Drop Down navigation Menu In a Blog. So first thing First as You know Why Drop Down menu or Navigation menu is more important Because its can reduce the stress of visitors who want to search their relevant subject or things and its provide easy way to find out things in each section and each categories which your subject matter so that's why a blogger or web designer use menu Bar... So i hope its clear now now we discuss how we can se it so follow me<br />
1. Go to Blog and then go Template and Click HTML and Then find Your first menu Bar name For Example My first Menu Bar name is<br />
Home Earnings Blogging Books Tutorials so on,<br />
So Press Ctrl + F and search Your First Menu name Which You wanted to change Your own Related topic So you can change menu names and each drop down menu name ... For more information Follow Video<br />
<br />
<b>Video Help:</b><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/e2IXSrcPodo" width="420"></iframe>

How to Set Drop Down Navigation Menu of Your Blogger Urdu/HIndi

Today I'm going to show you How You can Set Your Drop Down navigation Menu In a Blog. So first thing First as You know Why Drop Down ...

How to add Temaplate In Your Blog Urdu/Hindi (Step2)

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLGSEG9LVEWyocL88qNYAVCmJgZceFKwWbGz2eBtf_EhWXTk7gnoQU7RovVnXhHdQ4Z9CtWWUOIPL5Wrwh9k3MUCKi5c2SyKg0Gs1_vPiUTA3UtCZQdpDhyk74t6ZBGMqP_fskEnVlpJr/s1600/letters-428970_960_720.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLGSEG9LVEWyocL88qNYAVCmJgZceFKwWbGz2eBtf_EhWXTk7gnoQU7RovVnXhHdQ4Z9CtWWUOIPL5Wrwh9k3MUCKi5c2SyKg0Gs1_vPiUTA3UtCZQdpDhyk74t6ZBGMqP_fskEnVlpJr/s320/letters-428970_960_720.jpg" width="320" /></a></div>
So Viewers You are thinking What is Blog Template and Why We Use in Our Website So First of all<br />
We Have to Use Blog template from Free Site Which i already given link below but Some of template are made under HTML language So HTML language is a Hyper Text Markup language Which Only Internet Browser accept HTML language to Design the Web Site Or Web Page So many peoples Use Free template and some of them purchase from sites....<br />
<br />
Procedure:<br />
Fist Go to blog template option then above right site You wil be showing you Backup/restore button click on this after they wil appear 2 option first if you have already a good looking template and you don't want to lose it so you can click and save it safely then Second option is edit Your own template You can be upload your own template on your site. where You purchase or carry a Good template...For more information further follow the video,,,<br />
<br />
In this video In Urdu/Hindi Language I m showing You how You can add own template and how you can Use Inside Blog Template So lets Watch Complete Video...<br />
<br />
<br />
<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" scrolling="no" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCompaq911%2Fvideos%2F1198937843449591%2F&show_text=0&width=560" style="border: none; overflow: hidden;" width="560"></iframe>

<br />
You Can Download Any template From this site below<br />
http://www.free-css.com/free-css-templates

How to add Temaplate In Your Blog Urdu/Hindi (Step2)

So Viewers You are thinking What is Blog Template and Why We Use in Our Website So First of all We Have to Use Blog template from Free S...