$1.99/Mo. for 12 months of Economy Hosting at GoDaddy.com

Pages

Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

How to add a gadget / widget in header for adsense


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:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1locked='true' title='Your blog title(Header)' type='Header'/>
</b:section>
 



4 . Add following code after it.




<b:section id='header-right' showaddelement='yes'/>
<div style='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
Read More

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

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:



Read More