Please help me on new blogger template

I have one problem with my new blogger template. I have upload one new blogger template on my blog internetjobscams[.]blogspot[.]com, I want to add two 125*125 banner ads side by side on my sidebar, but when I put two 125*125 banner code on the widget the two ads display vertically, not horizontally, I think I have to edit the my template, but I have not so much idea about editing my new template as it is something complicated. Please help me, If you want I will send you the template to you. Thank you.

 

It would be best to put those images in your sidebar so we can have a look at what code is controlling them. They don't seem to be there at the moment. Do you have access to the Style Sheet?

 

Now I have placed two ad code of 125*125 banner on the widget. Its just coming vertically, not horizontally.

I have tried to edit the CSS code, but as I am not one experienced template editor so I can not come to know how to edit it. Also the template is something confusing for editing. Please I will send you the template, I think it will make much help you to understand.

 

Do you have a link to the template your using? Also you may need to create a <div> in the text area and contain it so it forces horizontal images. To be honest I have never tried adding 2 images side by side but I think if you do the following it may work.

<div id="horiz_img>
<div id="horiz_img_one></div> 
<div id="horiz_img_two></div> 
</div>

Code (markup):

In the CSS you would have to adjust the container size to fit the images forcing them to sit side by side like this

#horiz_img { 
       width: 200px;                  <<< Container DIV
       height: 150px;
       float: left;
}
#horiz_img_one { 
       width: 100px;                  <<< Image DIV
       height: 150px;
       float: left;
       background-image: images/img_one.jpg;
}
#horiz_img_two { 
       width: 100px;                  <<< Image DIV 2
       height: 150px;
       float: left;
       background-image: images/logo.png;
}

Code (markup):

As already stated not sure if you can use this method in WordPress as I don't really use it for web development.

Also someone may have a far simpler way of doing this with minimal coding

 

A simple solution would be simply to add this to your CSS:

.widget-content div {float:left;}

You may also want some padding or margins to separate them a bit. Let us know.