How To Add Partner Widget On Blogger Or Wapkiz - Easy Tricks

    Social Items

Hello! Welcome To EasyTrks. Today I Will Show You How To Make A Partner Widget On Blogger Or Wapkiz.


First Go To Blogger & Add This Css Code Before </style>

For Wapkiz Go To Panel Mode > Css Theme > Scroll Down > Add New With Editor & Add This Code. 

/* 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;}

After Adding The Css Code You Just Need To Add The Html Where You Wanna Install The Partner Widget.


<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.

How To Add Partner Widget On Blogger Or Wapkiz

How To Add Partner Widget On Blogger Or Wapkiz

Hello! Welcome To EasyTrks. Today I Will Show You How To Make A Partner Widget On Blogger Or Wapkiz.


First Go To Blogger & Add This Css Code Before </style>

For Wapkiz Go To Panel Mode > Css Theme > Scroll Down > Add New With Editor & Add This Code. 

/* 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;}

After Adding The Css Code You Just Need To Add The Html Where You Wanna Install The Partner Widget.


<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.

Subscribe To Our Newsletter

Notifications

Disqus Logo