Partner Blog is part of a collaboration between blog writers who exchange their blog links, the purpose of this Blog Partner is to increase Domain Authority (DA) and Page Authority (PA).
Many of the bloggers who create a special Blog Partner page on their own blog, I also make it, but in this article I don't share how to create a Partner Blog on a static page but on the blogger widget that will be displayed later.
Demo For Partner Blog Widget
Benefits of Installing a Partner Blog Widget
Gain insight with many blog writers
Increase Domain Authority and Page Authority
Reach your blog to many readers
Increase probability of becoming Page One
Easy to see because its position is on the widget
How to Install Partner Blog Widget on Blogger
Login to Blogger dashboard
Click Layout
Create a new widget and select the position you want
Click Add New widget > select HTML/JavaScript
Then copy the following code:
<h3 class='title'> Partner Blog </h3> <style> #TrickPk-partnerBlog::-webkit-scrollbar{width:5px} #TrickPk-partnerBlog::-webkit-scrollbTrickPk-thumb{background:#484848;border-radius:100px} #TrickPk-partnerBlog::-webkit-scrollbTrickPk-thumb:active{background:#777} #TrickPk-partnerBlog{padding:0;margin:0;list-style:none;max-height:1000px;overflow:auto} .TrickPk-partnerBlog{margin:0;padding:0} .TrickPk-partnerBlog li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center;width:50%} .TrickPk-partnerBlog 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} .TrickPk-partnerBlog a:hover{color:#14A085!important;border:1px solid;border-radius: 12px;} .TrickPk-partnerRules {margin:0;padding:0;line-height:normal;display:block;float:left;background-color:#f8f9fa;font-size:13px;margin-top:-1px;margin: 0 8px 8px 0;padding:7px 15px;border-radius: 6px} .darkMode .TrickPk-partnerRules {margin:0;padding:0;line-height:normal;display:block;float:left;background-color:#353535;font-size:13px;margin-top:-1px;padding:7px 15px;margin: 0 8px 8px 0;border-radius: 6px} .darkMode .TrickPk-partnerRules a{color:#fff;} /*.rankFriends{margin:0;padding:0;line-height:normal;display:block;float:left}*/ </style> <div id='TrickPk-partnerBlog'> <div class="TrickPk-partnerBlog"> <li><a title='Description Partner Blog 1' href='https://www.trickpk.com' target='_blank'>Name Partner Blog 1</a> </li> <li><a title='Description Partner Blog 2' href='https://www.trickpk.com' target='_blank'>Name Partner Blog 2</a> </li> <li><a title='Description Partner Blog 3' href='https://www.trickpk.com' target='_blank'>Name Partner Blog 3</a> </li> <li><a title='Description Partner Blog 4' href='https://www.trickpk.com' target='_blank'>Name Partner Blog 4</a> </li> </div> </div>
Finally, don't forget to change the part I marked according to your blog partner