More about technology
 
HomeCalendarFAQSearchMemberlistUsergroupsRegisterLog in

Share | 
 

 Adding a Banner to your Blogger

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin


Posts : 7
Join date : 2009-10-30

PostSubject: Adding a Banner to your Blogger   Fri Oct 30, 2009 3:33 pm

In this demonstration I am going to show you very easily how to add a 468 x 60 to the header of your blogger account. For this demonstration I will be using the theme Thisaway. To add a 468 x 60 banner to your blogger requires that we place three pieces of code inside your Blogger template.

Step 1: Once you have logged into your blogger account go to the layout tab and select edit html.

Step 2: The first piece of could that we need to enter into our template is a <div id> inside our CSS. Now if you’re not familiar with programming don’t worry about it, just simple copy the code below.

#banner_468_60 {

float: right;

width: 468px;

height: 60px;

position: relative;

text-align: center;

padding-top: 2px;

padding-bottom: 2px;

padding-left: 2px;

padding-right: 2px;

}

Now you can place this piece of code anywhere within the CSS for the layout.

place_css1.jpg

Step 3: Once we have defined the CSS for our banner now were are ready to place the <div id> inside our template. Now you are going to want to place the <div id> code wherever you are going to want your banners to show up at. For this demonstration we are going to place it inside the header. Simply copy the code before and place into your Blogger template. Since we are wanting our banner to show up in the header we must placed our code right below <div id=’header-wrapper’>, which you will find inside your template.

<div id=’banner_468_60′> Placed Banner Code inside </div>

place-div1.jpg

If you have done everything right you should be able to view your blogger and see you banner ad displayed in your banner.

banner-pic1.jpg

Now to adjust the alignment of your banner simply go back to where you enter the CSS for the Banner and change the padding until you find the alignment that you like.

If you saving problems just send your email to uverworld_haikal@yahoo.com
Back to top Go down
View user profile http://igadget-school.3forum.biz
 
Adding a Banner to your Blogger
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» My Blogger Sites
» THE CHRISTIAN TRUTHER - EX-NEW AGE BLOGGER WARNS MEMBERS OF THE OCCULT FORMING NEW WORLD ORDER PROPHESIED IN DANIEL
» *Empty Banners*
» Royal Highland Fusiliers
» Cool Empty Banners

Permissions in this forum:You cannot reply to topics in this forum
iGadget Tips School :: Blogger :: Blogger Tips-
Jump to: