-->

How to Make Adsense Link Ad Slots on Blog

How to Make Adsense Link Ad Slots on Blog - 

Ad slots are similar to Google Adsense which is a type of link ad, so by implementing these ad slots you can open advertising services through text on your blog so that you can increase your pocket money hehehe with also a responsive appearance for sure. 

This feature is the same as the ads on Google Adsense with the link destination, okay do not have to go at length just to the way

First, my friend enter first to Blogger> Themes> Edit HTML then copy the CSS code below and paste it directly above the code </style>or]]></b:skin>

.link-btn{
  width:100%;
  position:relative;
  padding-top:15px
}
.link-btn:after {
  clear: both;
  content: "";
  display:block;
}
.label-link-btn{
  font-size:12px;
  color:#333;
  position:absolute;
  top:0;
  left:0;
  line-height:1;
}
.label-link-btn svg{
  width:15px;
  height:15px;
  vertical-align:-3px;
}
.label-link-btn svg path{
  fill:#00aecd;
}
.link-btn-left,.link-btn-right{
  width:calc(50% - 10px);
  float:left
}
.link-btn-left{
  margin-right:10px
}
.link-btn-right{
  margin-left:10px
}
.tombol-link {
  width: 100%;
  height: 41px;
  display: block;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  line-height: 41px;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.35) inset, 0px 1px 1px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #1c2fff;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000000;
  font-weight: normal;
  font-family: arial, sans-serif;
  font-size: 16px;
  margin: 5px auto;
}
.tombol-link:hover {
  background-color: #1c2fff;
  color: #fff;
}
@media screen and (max-width:640px){
  .link-btn-left,.link-btn-right{
  width:100%;
  float:none;
  margin:0 auto;
}
}


If you've Click Save on theme mate, now the placement of code HTML it is up to anywhere in the layout also can Layouts > Add Gadget > HTML / JavaScript , laid diTemplate also be for placement between <body>up</body>

<div class='link-btn'>
<div class='link-btn-left'>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
</div>
<div class='link-btn-right'>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
</div>
<a href='#' target='_blank' title='Iklan oleh Wiendhy Wianan'>
<div class='label-link-btn'>
<svg x='0px'>
<path d='M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z'/>
</svg>
Iklan oleh Wiendhy Wianan
</div></a>
</div>


For those marked in red please fill in the link with the text, it's up to you, friend. 

Okay, that's all I can explain about How to Create Similar Adsense Link Ads Slots on the Blog Thank you for visiting, hopefully useful for all of you.

Baca juga

Post a comment