URDU - HINDI BLOGGER

How to add a gadget / widget in header for adsense

2013-01-14T16:23:00.002-08:00

In this tutorial I’ll show you that how to add a adsense banner or other widget in your blogger’s header. Header is the top most part of your blog, and inside the Header you will have other sub-blocks too - for the Header Title,theHeader Description, and others for the Adsense banners, a menu bar,search box, social media button etc... Many new blogger don’t know that how to add a Widget in blogger’s header. We can add widget in any part of blogger but in this tutorial i’ll show you how to add a widget on the right of blog Title. And by this section you can add any widget like Adsense , Search box, Social media etc .. in your blogger’s header. If you want to add this section in your blog just follow below instruction :

1 . First go to your blogger account
2 . Than go to Template >> Edit html >> Proceed
( make sure Expand Widget Templates Checkbox is Unchecked )
3 . Find following line in html ( press Ctrl + F to find )

<b:sectionclass='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widgetid='Header1locked='true'title='Your blog title(Header)'type='Header'/>
</b:section>

4 . Add following code after it.

<b:sectionid='header-right' showaddelement='yes'/>
<divstyle='clear: both;'/>

5 . Add some code of CSS. By this CSS code it will be displaying on the right of blog Title.



         >>>   Go to Template > Edit html > Proceed
           ( make sure Expand Widget Templates Checkbox is Checked   )

        >>>    Find    ]]></b:skin> in html code

>>>    Add following code before ]]></b:skin>

#header {width:50%;display:inline-block;float:left;}
#header-right {width:40%;display:inline-block;float:right;padding:10px;}

>>> Lastly Save template and Enjoy

Download Free Anti-Virus Software AVG

2013-01-09T11:20:00.000-08:00

In this tutorial I'll show you how to download free AVG antivirus software. AVG is free software for protect your computer, and it is simple to use. If you want to download this software just follow below instruction.

1.Click on image of AVG

2. Secondly click on download button

3. When open small pop up window than click to save button

4. Than double click on AVG tab in download windows

5. Click to button says " Run "

6. Click on Next >> Accept >> Next ( Make sure Check on basic protection ) >>

7. Click on Finish button

Click on image for Download anti virus

Download AVG Anti Virus

Awesome subscribe box with social media

2013-01-08T11:09:00.000-08:00

This is a subscribe box with hover effect for blogger blog. This is all in one widget subscribe box which contains feed subscription, rssfeed, social media button ( twitter, facebook, pinterest). Subscribe box is very important for blog where visitor can submit their Email ID to receive updates from your blog, and by social media button they are connected with you and recive update from your blog or website.

Live Demo

If you want to add this widget to your blog or website just follow below instruction :

1. first of all sign in to your blogger account and click on " layout "
2. Then Click on " Add a Gadget " tab.
3. Copy below code :

<style type="text/css">

#mysubform { background-image: url(https://lh6.googleusercontent.com/-vFg9hcqsv5M/UOCtS5EiCMI/AAAAAAAAAZc/nROq0dowT1g/s128/back4.png);
    background-color: #0FF; width: 300px;
    background-repeat: repeat-y;
    position: relative; padding:5px; border-color:#0f599e;
        border:2px solid; } #message { font-family: "Cooper Std Black";
    font-weight: bolder;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    height: auto;
    width: 250px;
    text-shadow: 2px 2px 2px #666;
    color: #006; } #emailinput { font-family: "Comic Sans MS", cursive; font-size: 12px; font-weight: bold; background-color: #CCC;
    background-position:center left;
    float: left;
    height: 30px;
    width: 150px;
    border-radius: 5px;
    border: thin solid #000; background-image: url(http://4.bp.blogspot.com/-75DRmFVu8bw/UN3JUCx42ZI/AAAAAAAAASU/sBP8EbQ3TTs/s1600/mesaage3.png); background-repeat: no-repeat;
    padding-left: 25px;
    padding-right: 5px; } #emailinput:hover { -moz-box-shadow: inset 0 0 1px 1px #fff;
-webkit-box-shadow: inset 0 0 1px 1px#fff;
box-shadow: inset 0 0 1px 1px #fff;
} #submitbtn { text-decoration: none;
    background-color:transparent;
    border:none; background-image:url(https://lh3.googleusercontent.com/-FxNV1wQEGEw/UOCUiRIFLaI/AAAAAAAAAVI/gVOpO2sIi-Y/s128/submit.png);
    text-align: center;
    display: inline-block;
    height: 38px;
    width: 85px; } #submitbtn:hover { transform:rotate(7deg);
-ms-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-o-transform:rotate(7deg); background-image:url(https://lh3.googleusercontent.com/-9gc2jqDsxvc/UOCUlMpmfoI/AAAAAAAAAVU/E6GVzykfzBQ/s128/submithover.png); cursor:pointer; } #followUS { font-family: "Cooper Std Black";
    color: #006;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: block;
    height: 45px;
    margin-bottom: 0px; } #feedreadercount {
text-align:center; } #flike {
padding:10px; }#mysubform #socialbtncontain { text-decoration: none;
    text-align: center; } #mysubform #socialbtncontain #facebtn { text-decoration: none; background-image: url(https://lh3.googleusercontent.com/-vWyZiwbmja8/UOCaGY_VzzI/AAAAAAAAAV4/VyI3kt97UH4/s45/faceebook60.png);
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    height: 45px;
    width: 45px; } #mysubform #socialbtncontain #facebtn:hover { transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg); background-image:url(https://lh5.googleusercontent.com/-blfQtrigcPQ/UOCaFkMKviI/AAAAAAAAAV0/PkGPLrY4TAo/s45/facebook%2520haver.png); } #mysubform #socialbtncontain #twittbtn { text-decoration: none; background-image: url(https://lh3.googleusercontent.com/-pldLUCvMaCA/UOCaRBy-vxI/AAAAAAAAAXI/hC5sYSBaIIs/s128/twitter.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 45px;
    width: 45px; } #mysubform #socialbtncontain #twittbtn:hover { transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg); background-image:url(https://lh5.googleusercontent.com/-i2LDavmmJNc/UOCaSDsQXiI/AAAAAAAAAXQ/sC-DxxV5WPg/s128/twitterhover.png); } #mysubform #socialbtncontain #gplusbtn { text-decoration: none;
    background-image:url(https://lh6.googleusercontent.com/-Ro9gKizJGlg/UOCaHR_QjvI/AAAAAAAAAWA/wfoAnlp--yY/s128/gplus.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 45px;
    width: 45px; } #mysubform #socialbtncontain #gplusbtn:hover { transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);background-image:url(https://lh4.googleusercontent.com/-9Jimhumg7Dw/UOCaIyxETCI/AAAAAAAAAWI/auN6GcaRBWQ/s128/gplushover.png); } #mysubform #socialbtncontain #pintbtn { text-decoration: none;
    background-image:url(https://lh3.googleusercontent.com/-dJBBDL-Jzps/UOCaLKPSNxI/AAAAAAAAAWU/2PGzFzSTz2g/s128/pinterest.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 45px;
    width: 45px;} #mysubform #socialbtncontain #pintbtn:hover { transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg); background-image:url(https://lh6.googleusercontent.com/-2lL090Wd4-g/UOCaLzb6bvI/AAAAAAAAAWc/qXgBRfku6t4/s128/pinteresthover.png);
    } #mysubform #socialbtncontain #rssbtn { text-decoration: none;
    background-image:url(https://lh4.googleusercontent.com/-Qu3xNzbmMtM/UOCaMjypqMI/AAAAAAAAAWo/qieiD7UNmzQ/s128/rss.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 45px;
    width: 45px;
}#mysubform #socialbtncontain #rssbtn:hover { transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);background-image:url(https://lh3.googleusercontent.com/-ZHdOeGKq_dw/UOCaODTuSVI/AAAAAAAAAWw/41LKnDpiA60/s128/rsshover.png);
    } #mysubform #mycreditlink {
    font-family: "Comic Sans MS", cursive;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   display: block;
   color: #D6D6D6;
   margin-top: -10px;
   float:right;
   height: 10px;
   width: 70px;
    text-decoration: none; } #mysubform #mycreditlink a {
text-decoration:none;
    margin-bottom: 4px;
} </style>
<div id="mysubform">
<div id="flike">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Furduhindiblog&send=false&layout=button_count&width=100&show_faces=false&font=verdana&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe>
 

<div class="g-plusone" data-annotation="inline" data-width="150"></div>
<script type="text/javascript">
(function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

</div>
<hr/>
<a href="http://pinterest.com/USERNAME/"><img src="https://s-passets-ec.pinimg.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a>
 
<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.urduhindiblog.com%2F&media=http%3A%2F%2Fwww.urduhindiblog.com%2F" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
<hr/>
<p id="message">Get Free Update via E-mail</p>

<form action="http://feedburner.google.com/fb/a/mailverify" style="padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Feedburnur ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<p><input id="emailinput" name="email" type="text" value="Enter your email address:" onclick="this.value='';" />

 
<input value="Feedburner ID" name="uri" type="hidden" />

<input value="en_US" name="loc" type="hidden" />

<input id="submitbtn" value="" type="submit" /></p></form>
<div id="feedreadercount">
<p><a href="http://feeds.feedburner.com/Feedburner Name"><img src="http://feeds.feedburner.com/~fc/Urdu-HindiBlogger?bg=99CCFF&fg=444444&anim=1" height="26" width="88" style="border:0" alt="" /></a></p>
</div>

<div id="socialbtncontain">

    <a id="facebtn" href="your facebook url"></a>
    <a id="twittbtn" href="your twitter url "></a>
    <a id="gplusbtn" href="your gplus url"></a>
    <a id="pintbtn" href="your pinterest url"></a>
    <a id="rssbtn" href="your rss feed url"></a>

</div>
<hr/>
<div id="mycreditlink">
<a href="http://www.urduhindiblog.com">Get this >></a></div>

</div>

4. Select " HTML/JavaScript " and paste above code and click save and you are all done!

Change Highlighted area with with your feedburner id and social profile url

How to Create Direct Download link for user in Blogger and HTML

2012-12-16T16:15:00.001-08:00

In this tutorial I will teach you how to create a direct download link (image, video,file, etc.....) in blogger and html. If you want to allow your user to dawnload anything which you want to share with them.
Just follow my instruction below

1 . Go to https://sites.google.com/

2 . sign in with same g-mail account and click on button says Create and create site.

create a site from here

3 . When you will have finished above step, then click on tab says " new page" and create new page

4 . In the new page setting set your page name and fill all infirmation and select a " file cabinet " option from Select a template to use's dropdown list and click on Create.

5 . now click on " + add file " and browse the File and Upload.
6 . After uploading file you will see download button, just right click on "download " and " copy link location " and paste anywhere you want to allow them for download your material.

Watch video Tutorial:

Free download Facebook Timeline Cover

2012-12-15T19:12:00.002-08:00

Facebook is a social website and everyone knows about Facebook who use Internet. So I don't need to explain more about facebook. Because Today every single person knows about this site who knows basic knowledge of computer and internet. Facebook's popularity increase day to day.
If you want to make your Facebook profile or facebook page looks beautiful, So add a beautiful timeline cover in your facebook profile. Here you can download free photos for your facebook timeline cover.

Islamic Facebook Cover

Download