How to make partner page on blogger

If you want to add any partner section on your blogger blog then it's the right article for you. Like someone gives you the same money for giving backlink on her blog it's called blog partnership. Now how can you give the backlink to this person there is so much way but the best way is making a partner pager. So in this tutorial, I will tell you how to add a partner page.

Go to your blog dashboard (blogger.com). Now click on the go to page section and create a new page and give a name (ex. partner) then go to the HTML view of this page and add the below code on the page HTML view.

<style type='text/css'>@import url("https://fonts.googleapis.com/css?family=Roboto");#link-partner{font-family:'Roboto',sans-serif!important;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:#686868;font-size:15px;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;min-height:100%}#link-partner *,#link-partner *:before,#link-partner *:after{box-sizing:inherit}#link-partner .link-partner-blogger{font-family:'Roboto',sans-serif!important;padding:16px 0;margin:0;list-style:none;position:relative}@media (max-width:767px){#link-partner .link-partner-blogger{padding:32px 0}}#link-partner .link-partner-blogger:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:8px;height:8px;border-radius:50%}#link-partner .link-partner-blogger:after{content:'';position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:2px}#link-partner .link-partner-blogger .box-partner{position:relative;padding:32px 0;z-index:2;visibility:hidden}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner{font-family:'Roboto',sans-serif!important;text-align:center;background:#fff;border-radius:3px;padding:16px;border:2px solid #0177FA}#link-partner .link-partner-blogger .box-partner:first-child{margin-top:16px}#link-partner .link-partner-blogger .box-partner + *{margin-top:32px}}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner{font-family:'Roboto',sans-serif!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#link-partner .link-partner-blogger .box-partner:before{opacity:0!importantant}}#link-partner .link-partner-blogger .box-partner:hover #link-partner .link-partner-blogger .box-partner .mas-tamvan:before{background:#0177FA}#link-partner .link-partner-blogger .box-partner:last-child:after{content:'';position:absolute;bottom:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:8px;height:8px;border-radius:50%;visibility:visible}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner:last-child:after{bottom:-40px}}#link-partner .link-partner-blogger .box-partner a{color:#686868;text-decoration:none}#link-partner .link-partner-blogger .box-partner .mas-tamvan{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #0177FA;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:relative;z-index:1}#link-partner .link-partner-blogger .box-partner .mas-tamvan:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:50%;-webkit-transition:background 0.3s cubic-bezier(0.175,0.885,0.32,1.275);transition:background 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:1}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .mas-tamvan:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;height:2px;background:rgba(1,119,250,0.25);z-index:-1}}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner .mas-tamvan{position:absolute;top:0;left: 50% !important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}#link-partner .link-partner-blogger .box-partner .title-partner{margin:0}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .title-partner{margin:0 32px 0 0;text-align:right;width:400px}}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .deskripsi-partner{color:#a8a8a8;margin:0 0 0 32px;width:400px;font-family:'Raleway', Arial, sans-serif;}}#link-partner .link-partner-blogger .box-partner:hover .mas-tamvan:before{-webkit-animation:pulse 1.5s infinite;box-shadow:0 0 0 0 rgba(90,153,212,0.5)}@-webkit-keyframes pulse{0%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 50px rgba(90,153,212,0)}100%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:0 0 0 0 rgba(90,153,212,0)}}</style>
<div id="link-partner">
<ul class="link-partner-blogger">
<li class="box-partner" style="visibility: visible; opacity: 1;">       <h3 class="title-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
<a href="https://www.sayemtutorial.com/" id="https://www.sayemtutorial.com/" title="Sayem Tutorial"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Sayem Tutorial</font></font></a></h3>
<div class="mas-tamvan" style="transform: matrix(1, 0, 0, 1, 0, 0);">
</div>
<div class="deskripsi-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
Sayem Tutorial is a blogger tutorial blog, adsene, and many others about the world of blogspot. </font><font style="vertical-align: inherit;">Description of Social Media Optimization and Marketing (SMO SMM). </font><font style="vertical-align: inherit;">Social media tutorials and Blogspot for beginners Blogger HTML, Javascript, CSS, Templates, AdSense.</font></font></div>
</li>
<li class="box-partner" style="visibility: visible; opacity: 1;">       <h3 class="title-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
<a href="https://www.theallpoint.com" id="hhttps://www.theallpoint.com" title="The All Point"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">The All Point</font></font></a></h3>
<div class="mas-tamvan" style="transform: matrix(1, 0, 0, 1, 0, 0);">
</div>
<div class="deskripsi-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
How to Manual is a complete blogger tutorial blog for beginners, how to create a cool blog, how to design a blog to be interesting, tips and tricks on blogspot.</font></font></div>
</li>
<li class="box-partner" style="visibility: visible; opacity: 1;">       <h3 class="title-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
<a href="http://template.sayemtutorial.com/" id="http://template.sayemtutorial.com/" title="Template"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Template</font></font></a></h3>
<div class="mas-tamvan" style="transform: matrix(1, 0, 0, 1, 0, 0);">
</div>
<div class="deskripsi-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
Template here you get unlimited free premium blogger template check out this site.</font></font></div>
</li>
<li class="box-partner" style="visibility: visible; opacity: 1;">       <h3 class="title-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
<a href=https://www.youtube.com/sayemtutorial" id="https://www.youtube.com/sayemtutorial" title="Sayem Tutorial"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Sayem Tutorial</font></font></a></h3>
<div class="mas-tamvan" style="transform: matrix(1, 0, 0, 1, 0, 0);">
</div>
<div class="deskripsi-partner" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
Sayem Tutorial is a youtube channel that contains various information articles from all sources and of course is related to software and games, as well as other unique blogspot tutorials.</font></font></div>
</li>
</ul>
</div>

Now click on page option change this like below image(if you use old blogger).

After all, done now publish this page and done. One more bonus tips now after all done if you want to hide the sidebar from this page just add the below code on HTML view of this post.

<style>.sidebar {display:none}</style>

If you enjoy this post please share this post because one share equal to one more post writing inspiration or if you face any problem with this article comment down below I will reply as soon as possible. Thank YOU.