How to Create a Partners Widget in Blogger

how to create a partners widget, How to Create a Partners Widget in Blogger, How to Create a Partners Widget in Wordpress

Hello, guys welcome back to infinity blogger today we are going to learn how to create a partners widget on our website.

What is a partner widget?

I know many of you are thinking that what is a partner widget, so let me explain to you that what is a partners widget if you are new to my blog or a regular subscriber then I think you already have seen a partner widget on my blog.

But you still didn't understand that what is a partner widget, then we come and sit tight let me explain to you that what is a partner widget. Let's think that you want to create a backlink on any other website so there you need a partner widget to create a backlink... Partner widget also helps you to exchange traffic from other websites. exchanging traffic from other websites is really a helpful and great idea to increase your website traffic.

Is it important to have a partner widget on your blog?

No. It's important to create a partner widget on your website. But if you want to create backlinks or just want to give backlinks to others, then you must have to create a partner widget. If you created a partner widget on your blog or website then I think it's beneficial for you. because with the help of a partner we get you can transfer your traffic from one website to another website, or just sell your traffic to another website, like promotion.

Advantages of partners widget

As you know many bloggers work as a team and promote each other's websites, promoting each other's websites also help you to increase your traffic... So for exchanging traffic, you must have a partner widget on the booth's blogger template without it you can't exchange traffic in a professional way.
In my opinion, you must have a partners widget on your blogger template. Because it will give you backlinks from other sites and also traffic from other sites. So I think you should try this once.

Disadvantages of partners widget

I don't think that there are any disadvantages to the partner's widget. But the high number of links from other channels may create spam, so use with limitations.

How to create a partner widget?

Here comes the main part, So let's see how to create a partner widget on your website.
creating a partner widget on your blog or website or WordPress website is very simple, you just need to follow steps if you encounter any issue related to the partner widget then you can contact me on telegram.

so let's start guys just follow the simple steps as given below...

Steps:

  • Go to blogger.com
  • Log in then go to your dashboard
  • Click on the Layout
  • Then click on Add a Gadget
  • Then copy all the code given below and then paste it on your Gadget
  • Before saving it please change you are URL and Blog title
  • Then save. It's Done. ENJOY.

<ul class="blogFriend">
<li>
<a href="https://www.themessforest.blogspot.com/" target="_blank" rel='dofollow'  title='free premium website templates' > Themes Forest</a></li>

<li>
<a href="https://www.infinityblogger.in/" target="_blank" rel='dofollow' >Infinity Blogger
</a></li>

<li>
<a href="https://www.mrmj.in/" target="_blank">Tech Blog
</a></li>

<li>
<a href="https://themesplanet.blogspot.com/" target="_blank">Themes Planet
</a></li>

</ul>
<style>
ul.blogFriend {
    clear: both;
    position: relative;
    display: inline-block;
}
ul.blogFriend li {
    float: left;
margin-right: 10px;
}
ul.blogFriend li a {
    position: relative;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fdd929;
    box-shadow: 0 6px 18px 0 rgba(9,32,76,.075);
    font-size: 11px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #626262!important;
    display: block;
    margin-bottom: 11px;
    clear: both;
}
ul.blogFriend li a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 9px;
    height: 19px;
    background: rgba(0,0,0,.025);
    border-radius: 0 80px 80px 0;
}
ul.blogFriend .click {
    font-size: 10px;
    font-weight: 500;
    border: 1px solid #e94c393b;
    padding: 2px 5px;
    border-radius: 3px;
    float: right;
    background: #fff;
    box-shadow: 2px 2px #e94c393b;
    position: absolute;
    z-index: 2;
    width: fit-content;
    bottom: -9px;
    right: -24px;
    display: none;
}
ul.blogFriend li a:hover .click {
    display: block;
}
ul.blogFriend .click:hover {
    box-shadow: 5px 5px 4px 1px #e94c393b;
    color: #d53421;
}
</style>

Notes:

Change the Links and Titel Before Using It..
Links are Marked With  Yellow  Colour
Titles are Marked With  Red   Colour
And If You Want to Change Colours Then.
Background Colour is Marked With  Green  Colour
Text Colour is Marked With  Blue  Colour

It's DONE... Have Fun...