How to make a partner widget on blogger - Onet4u Tech
Dark
News Update
Loading...

How to make a partner widget on blogger

How to make a partner widget on blogger
Today I will share how to make a partner widget on blogger as in this blog

How to Install an Ad Box on a Blog  On this occasion, We will discuss the tutorial to make the ad box on the blog that measures 125x125 pixels. Maybe you already know that writing articles on a blog is no longer just a hobbyist or a time gap. Making a blog and managing it properly and correctly can also produce material in the form of money that most bloggers make as one of their livelihoods.

How to make a partner widget on blogger


Showing or creating ad space in the form of a banner on a website/blog is usually used as a separate business opportunity by a blog or website that has a lot of visitors and has popularity in search engines. But it does not rule out the possibility that your new blog can be offered by advertising to put their advert on the blog that you have. If you are interested in providing or creating an advertisement box on a blog, follow the blogger tutorial that I will explain below.

I need to say that before you create an advertisement box for blogs, it is something that needs to be considered when displaying ad banner space is its location and layout to attract more people. So it is not the origin of the image that finally the ad that is displayed becomes less attractive because it is messy.

How to create a partner widget:

Login to your blogger and edit theme using HTML editor and find your CSS style part:

Then add this CSS code to your CSS style

/* Partner Widget */
.my-partner-wd {text-align: center;}
.my-partner-wd img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.my-partner-wd img:hover {border:1px solid #aaa}
.my-partner-wd img.noborder {border:0;}

Then save your template, Now go Create a new widget on sidebar using this code

<div class="my-partner-wd">
<a href="PARTNER-URL" title="PARTNER-TITLE"><img class="noborder" src="PARTNER-IMG-URL" alt="PARTNER-IMG-ALT" width="125" height="125" /></a>
<a href="PARTNER-URL" title="PARTNER-TITLE"><img class="noborder" src="PARTNER-IMG-URL" alt="PARTNER-IMG-ALT" width="125" height="125" /></a>
<a href="PARTNER-URL" title="PARTNER-TITLE"><img class="noborder" src="PARTNER-IMG-URL" alt="PARTNER-IMG-ALT" width="125" height="125" /></a> 
<a href="PARTNER-URL" title="PARTNER-TITLE"><img class="noborder" src="PARTNER-IMG-URL" alt="PARTNER-IMG-ALT" width="125" height="125" /></a> 
</div>

Edit
PARTNER-URL : Partner Blog/Website Url
PARTNER-TITLE : Partner web/blog Title
PARTNER-IMG-URL : Partner Img Banner
IMAGE SIZE : Partner Img Size (As you)

Then save your widget.

I don't think it's difficult to create an ad box on a blog, just need to add some code to the blog template. For that I just end the tutorial on How to make a partner widget on blogger. May be useful.
dottycat
“Don’t try to plan everything out to the very last detail. I’m a big believer in just getting it out there: create a minimal viable product or website, launch it, and get feedback.”

RELATED POSTS

COMMENT

Load Comments

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel