How to Install a Partner Blog Widget on Blogger

How to Install a Partner Blog Widget on Blogger

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

Add Partners Blog in Your Site - TrickPk
  1. Login to Blogger dashboard

  2. Click Layout

  3. Create a new widget and select the position you want

  4. Click Add New widget > select HTML/JavaScript

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

Related Post

No comments