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.
<div class="Buka">
<ul class="BlogList">
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://thanhtuan.host/" target="_blank" title="NQnia">NQnia</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
Tutorial Blogger Or Tutorial Android</div>
</li>
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://netridere.blogspot.com/" target="_blank" title="NetRidere">NetRidere</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
Blogger Free Template or Paid Template Place</div>
</li>
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://th3safelink.blogspot.co.id/" target="_blank" title="Th3safelink">Th3safelink</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
The place to download free blogger premium templates.</div>
</li>
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://shaampc.blogspot.co.id/" target="_blank" title="ShaamPC">ShaamPC</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
The place to Download free Computer Software's.</div>
</li>
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://www.facebook.com/SHAAMPC01" target="_blank" title="Your blog ?">Your blog ?</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
Let's Join To Become A Part Of This Blog Partner.</div>
</li>
</ul>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js" type="text/javascript"></script>
<br />
<br />
<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://rawcdn.githack.com/Shaampc/NQnia/2f389d312b571a9a2b3e48a9767329bb73f76bd7/timpartner.css");
//]]>
</script>
<script src="https://rawcdn.githack.com/Shaampc/NQnia/92c5c0fe302f65452f835682162e68bd82d00224/SitePatner.js" type="text/javascript"></script>
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.
Tags:
Blogger