×

Author / Admin / Editor

     Jagoan Redesign    

Blog yang membahas Tutorial Blogger, Games, Template, Tips Adsense, SEO, Web Design dan Teknologi

Iklan Bawah Posting

Cara Membuat Iklan Link Mirip Seperti Iklan Link AdSense di Blogger

Jagoanredesign - Kali ini saya akan membagikan sebuah tutorial Cara Membuat Iklan Link Mirip Seperti Iklan Link AdSense di Blogger. Karena mirip seperti iklan link Google AdSense, slot iklan link ini bisa anda manfaatkan untuk membuka jasa iklan di blog anda, dan iklan link ini bisa anda terapkan dimana saja, entah dibawah postingan, ditengah postingan maupun diatas postingan.

Cara Membuat Iklan Link Mirip Seperti Iklan Link AdSense di Blogger

dengan begitu anda bisa membuatenyediakan slot iklan link mandiri lebih banyak dengan tampilan yang keren, karena link iklan ini akan terlihat seperti tampilan iklan link AdSense dan tentunya juga responsive.

Cara Membuat Iklan Link Mirip Seperti Iklan Link AdSense di Blogger

1. Silahkan Login ke Blogger.
2. Selanjutnya masuk ke menu TEMA > klik Edit HTML.
3. Kemudian cari kode berikut ini ]]></b:skin>  atau </style>dan pastekan kode CSS dibawah ini tepat DIATAS kode tersebut.
/*Iklan Link Mirip Adsense by Jagoan Redesign*/
.JagoanRedesignlink{width:100%;position:relative;padding-top:15px}
.JagoanRedesignlink:after{clear:both;content:"";display:block}
.label-JagoanRedesignlink{font-size:12px;color:#333;position:absolute;top:0;left:0;line-height:1}
.label-JagoanRedesignlink svg{width:15px;height:15px;vertical-align:-3px}
.label-JagoanRedesignlink svg path{fill:#00aecd}
.JagoanRedesignlink-left,.JagoanRedesignlink-right{width:calc(50% - 10px);float:left}
.JagoanRedesignlink-left{margin-right:10px}
.JagoanRedesignlink-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:0 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:#119af5;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){.JagoanRedesignlink-left,.JagoanRedesignlink-right{width:100%;float:none;margin:0 auto}}
 
4. Selanjutnya anda SIMPAN TEMA
5. Kemudian anda masuk ke menu TATA LETAK > silahkan anda pilih dimana anda anda letakkan Widget > klik ADD GADGET.
6. Kemudian anda pilih HTML/JAVASCRIPT dan Letakan kode dibawah ini didalamnya. 

 <div class='JagoanRedesignlink'>
<div class='JagoanRedesignlink-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>
<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='JagoanRedesignlink-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>
<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 Jagoan Redesign'>
<div class='label-JagoanRedesignlink'>
<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 Jagoan Redesign
</div></a>
</div>

SilahkanTulisan yang bewarna, dan ganti dengan yang anda inginkan
Nah, itu adalah tutorial Cara Membuat Iklan Link Mirip Seperti Iklan Link AdSense di Blogger semoga totorial bermanfaat bagi anda semua. jika ada yang ingin  anda tanyakan silakan berkomentar saja di bawah.
Previous
Next Post »
avatar
Penulis Blog dan redesigner template blogger.

Related Posts

Komentar
Tutup Komentar

Komentar

  • Berkomentarlah secara bijaksana dan bertanggung jawab.
  • Tidak diperbolehkan mempromosikan barang atau berjualan.
  • Tulis komentar Anda untuk hal yang masih berhubungan dengan posting pada halaman ini.
  • Dilarang memuat Link Aktif pada kolom komentar
  • Komentar dengan link aktif akan otomatis dihapus.
  • Jika ingin menulis kode silahkan anda parse terlebih dulu (terutama Javascript dan HTML)
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel