Cara Membuat Slot Iklan Link Seperti Google Adsense

Cara Membuat Slot Iklan Link Seperti Google Adsense
Gambar screenshot oleh Lightshot
Sebagian orang memang menfokuskan dirinya sebagi Blogger hanya untuk Meraih pendapatan dari Google Adsense, dan ada juga hanya untuk sekedar menyalurkan hobi.
Tak jarang, banyak juga Blogger yang gagal bekerja sama dengan Google Adsense, dikarenakan persyaratan yang super ketat. Tak seperti Penyedia Iklan lainnya, Google Adsense sendiri juga menyediakan berbagai format iklan dan jenis penempatan iklan. Salah satunya, iklan Link .

Tim Rismax.ID juga memanfaatkan Blogger sebagai sumber penghasilan. Dimana Situs web ini baru didirikan sejak Oktober 2019 lalu. Dikarenakan Ambisi yang membara untuk Menjadi Partner Google Adsense, 2 Oktober 2019 lalu, rismaxid.blogspot.com resmi menggunakan domain TLD ( Top Level Domain ) .ID menjadi RISMAX.ID .
Sedikit informasi mengenai Domain yang digunakan situs web ini, Kami membeli Domain ini di DOMAINESIA , jika sobat berkenan untuk menggunakan domain mulai dari Level satu sampai Top Level, kami merekomendasikan anda untuk menggunakan domain dari DOMAINESIA.

Singkat cerita, di Artikel berikut ini, kami akan membagikan Tutorial atau Cara membuat Slot Iklan Mandiri seperti Google Adsense.
Dikutip dari situs web KOMPIAJAIB atau lebih lengkapnya di Membuat Slot Iklan mandiri seperti Iklan Link Adsense 2017 

Berikut adalah cara-cara nya :

1. Login ke Akun Blogger milik anda.
2. Pilih Menu " Tema " di sidebar menu Blogger
3. Klik " Edit HTML "
4. Kemudian cari Tag </head> atau ]]></b:skin> di template masing-masing
 - Cari menggunakan CTRL+F

5. Letakkan Kode Berikut di atas Tag </head> atau ]]></b:skin>

<style type='text/css'>
/*<![CDATA[*/
.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: #333333;
  border: 1px solid #ffffff;
  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: #ffffff;
  font-weight: normal;
  font-family: arial, sans-serif;
  font-size: 16px;
  margin: 5px auto;
}
.tombol-link:hover {
  background-color: #fff;
  color: #333;
}
@media screen and (max-width:640px){
  .link-btn-left,.link-btn-right{
  width:100%;
  float:none;
  margin:0 auto;
}
}
/*]]>*/
</style>

6. Kemudian salin Kode Berikut , dan tempatkan sesuai selera masing-masing .

<div class="link-btn">
<div class="link-btn-left">
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
</div>
<div class="link-btn-right">
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
<a class="tombol-link" href="#" target="_blank">Klik Tombol Ini</a>
</div>
<a href="#" target="_blank" title="Iklan oleh KompiAjaib">
<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"></path>
</svg>
Iklan oleh KompiAjaib
</div></a>
</div>

6. Kemudian Simpan Template .

Perhatikan, Untuk penempatan kode pada npoin nomor 5, anda bisa menempatkannya sesuai selera masing-masing, baik itu di widget , atau jika anda sudah mahir dalam peng-kodean, anda bisa langsung mencobanya di Edit HTML


Demikian artikel ini kami perbuat, semoga anda merasa ini bermanfaat, jika ada yang anda ingin tanyakan, silahkan hubungi kami di Halaman Kontak, atau tanyakan langsung di kolom komentar.
Jika ada kesalahan dalam pengguanaan nama, tempat, waktu, dan gelar, kami memohon maaf yang sebesar-besarnya.
Sekian dari Kami.
Salam Hangat,
Tim RISMAX





Catatan :
  • Nama Penulis : Paris P. Sitanggang
  • Tanggal Di Posting : Senin, 04 November 2019
  • Referensi : //www.kompiajaib.com
  • Gambar : //www.google.com

Kategori :
TUTORIAL BLOG

No comments for "Cara Membuat Slot Iklan Link Seperti Google Adsense"

Iklan Atas Artikel