How to Add Partner In Blogger Website using HTML ?

Hey Guys, In this Post, I will share How can you promote your parntner Blogs. Partner blogs, also known as partner blogs or partner blogs, are a collaboration between partner blogs and other blogs that usually have their own goals or interests.

Examples like increasing domain authority (DA) and page authority (PA), yes, although not so important. But it's not bad, you can get free backlinks.

Apart from increasing the DA PA of the blog, the blog partner page can also increase the blog's position in Google search results and other search engines.

What is a Blog Partner ?

The Blog Partner or also known as Partner Blog is a collaboration between fellow blogs and other blogs which usually have their own goals or interests.

The purpose of creating a partner blog page is also definitely different, whether it's to exchange links (link exchange), get free backlinks, build relationships, or just style.

What is Benefits of Creating Blog Partner Widget ?

As I said above, there are many benefits to creating a partner blog page:

Increase Domain Authority (DA) and Page Authority (PA) blogs.

Linking to many other blogs.

Introduce your blog to new visitors to other blogs.

Increase the blog's position in Google search results and other search engines.

How to Add Partner Sites Widget in Blogger :-

Step 1 :- First Go To Blogger.Com.

Step 2 :- Then Login Your Account.

Step 3 :- Then Click on Theme Menu.

Step 4 :- After Click on Edit Html.

Step 5 :- Then Paste The Given Css Code Above The </head> Tag.


<style type='text/css'>
#ATNT-blogFriends::-webkit-scrollbar{width:5px}
#ATNT-blogFriends::-webkit-scrollbar-thumb{background:#484848;border-radius:100px}
#ATNT-blogFriends::-webkit-scrollbar-thumb:active{background:#777}
#ATNT-blogFriends{padding:0;margin:0;list-style:none;max-height:1000px;overflow:auto}
.ATNT-blogFriends{margin:0;padding:0}
.ATNT-blogFriends li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:left;width:50%}
.ATNT-blogFriends a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin: 0 8px 8px 0; padding: 7px 15px; font: 400 13px 'Noto Sans', sans-serif; -webkit-transition: .3s; letter-spacing: -.35px; -moz-transition: .3s; -o-transition: .3s; color: inherit; border: 1px solid rgb(230,230,230);border-radius: 6px}
.ATNT-blogFriends a:hover{border-color: #0d041a;}
</style>

Change This Color Code According To You Need.

Step 6 :- Then Don't Forget to Click on Save Theme.

Step 7 :- Then Go To Blogger Layout.

Step 8 :- Then Click on Add a Gadget.

Step 9 :- Then Select The Html/JavaScript.

Step 10 :- Then Paste The Given Html Code.

<div id='ATNT-blogFriends'>
<div class='ATNT-blogFriends'>
<li><a title='Click Blog' href='https://abhishektipsntricks.blogspot.com'>Click Blog</a></li>
<li><a title='NGO HOANG ANH TUAN' href='https://abhishektipsntricks.blogspot.com'>NGO HOANG ANH TUAN</a></li>
<li><a title='Small Street' href='https://abhishektipsntricks.blogspot.com'>Small Street</a></li>
<li><a title='Code Pro' href='https://abhishektipsntricks.blogspot.com'>4th Code Pro</a></li>
<li><a title='Yash Technologist' href='https://abhishektipsntricks.blogspot.com'>Yash Technologist</a></li>
<li><a title='Pham Van Linh' href='https://abhishektipsntricks.blogspot.com'>Pham Van Linh</a></li>
<li><a title='Nguyen Phong Blog' href='https://abhishektipsntricks.blogspot.com'>Nguyen Phong Blog</a></li>
<li><a title='Hyip Hunter' href='https://abhishektipsntricks.blogspot.com'>Hyip Hunter</a></li>
<li><a title='Team37' href='https://abhishektipsntricks.blogspot.com'>Team37</a></li>
<li><a title='Theme Falcon' href='https://abhishektipsntricks.blogspot.com'>Theme Falcon</a></li>
<li><a title='Nguyen Chuong Blog' href='https://abhishektipsntricks.blogspot.com/'>Nguyen Chuong Blog</a></li>
<li><a title='Thanh Truong Blog' href='https://abhishektipsntricks.blogspot.com'>Thanh Truong Blog</a></li>
<li><a title='Add Your Link' href='https://abhishektipsntricks.blogspot.com/p/contact-us.html?ref=https://abhishektipsntricks.blogspot.com'>Add Your Link</a></li>
</div>
</div>

Step 11 :- Then Don't Forget to Click on Save.

Conclusion :-

On this post I have explained How to Add Partner Sites Widget in Blogger. I Hope this tutorial can be useful for you.Thank you for visiting AbhishekTipsNtricks

Reference:
https://abhishektipsntricks.blogspot.com/

Post a Comment

Previous Post Next Post