Friendly site tool.
Some bloggers are looking for an advertising tool code or an ad exchange tool to add it to their blogs on Blogger, and in this post, I will show you how to add an ad exchange tool to Blogger blog.
The ad exchange tool is a link to some friendly sites that you want to add to your blog, and below you will find a way to add an advertisement tool with us.
See also: How To Profit From Blogger Without Adsense.
Blogger blog ad exchange tool, advertising tool from us, blogger plugins, friendly site tool.
Also, see: Adding an Article Table of Contents Tool to Blogger Blog, Table of Contents.
Read also:
Top 10 professional blogger plugins, codes, and blogger template plugins.
How to add an advertising tool to Blogger blog, add an ad exchange tool:
First: Go to your blog on Blogger, then the theme, and finally, edit the HTML
Go to your blog on Blogger and go to the HTML editor page to add the CSS code for the Ad Exchange tool.
How to add meta tags to your Meta tags blogger
Scan the following code and place it between the formats for your blog (CSS code), look for the code and <b:skin>put the code below <b:skin>directly below the .
.hiddenlist {
padding: 10px;
position: absolute;
margin: -60px 35px 0 0;
transform: translateY(-100%);
background: #2e3234bf;
border: 1px solid #eeeeee85;
width: 230px;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: visibility .5s, opacity .5s cubic-bezier(0, 0, 0.85, 1.66);
}
.hiddenlist a:hover {
text-decoration: none;
background-color: #587da2;
}
.LinkList-footer:hover .hiddenlist {
visibility: visible;
opacity: 1;
height: auto;
}
.hiddenlist a {
display: block;
background: #415a73;
margin: 10px 0;
text-align: center;
color: #fff;
}
#LinkList1 h4:after {
content: "\f0de";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin: 0 12px 0 0;
}
After adding the CSS code, save.
Second: Go to Layout and add Gadget where you want it.
Go to Layout and add a new tool in Sidebar, for example, and then a small window will appear; choose HTML / JavaScript.
Copy the code below and place it in this tool:
<div class="LinkList-footer" id="LinkList1">
<h4>مواقع صديقة</h4>
<div class="hiddenlist">
<a href="https://www.mobtakr.com/" target="_blank">مبتكر</a>
<a href="https://www.mobtakr.com/search/label/%D8%A8%D9%84%D9%88%D8%AC%D8%B1" target="_blank"> بلوجر مبتكر</a>
<a href="https://www.mobtakr.com/2019/09/seo-on-page-seo-blogger-blogspot.html" target="_blank"> سيو بلوجر</a>
<a href="https://www.mobtakr.com/2020/01/all-meta-tags-blogger-blogspot.html" target="_blank"> اكواد ميتا تاج بلوجر</a>
<a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html" target="_blank"> تسريع قالب بلوجر</a>
</div>
</div>
Just modify the code and add links to the sites you want to add to the list.
Ad Exchange Tool preview: