 |
| Cara Membuat Slot Iklan Link Seperti Adsense |
Slot iklan yang akan kita buat kali ini mirip sekali dengan iklan yang dimiliki oleh Google Adsense yaitu Iklan Link. Kamu bisa memanfaatkan slot ini untuk membuka jasa periklanan dan dapat ditempatkan dimana saja pada blog, baik di main page ataupun dalam artikel.
Table of Content
Oleh karena itu, pada kesempatan kali ini GoSEO.id akan membagikan tutorial singkat tentang "Cara Membuat Slot Iklan Link Seperti Adsense". Dan bagi kamu yang ingin menerapkannya pada blog, maka silahkan ikuti tahapan berikut.
Cara Membuat Slot Iklan Link Seperti Adsense
1. Pertama, silahkan login pada akun blogger.com milikmu.
2. Selanjutnya masuk ke menu Tema ⇨ kemudian klik tombol Edit HTML.
3. Lalu copy kode dibawah ini dan pastekan tepat diatas
]]></b:skin>./*CSS Slot Iklan Link*/
.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: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){.link-btn-left,.link-btn-right{width:100%;float:none;margin:0 auto}}4. Kemudian klik Simpan.
Kembali ke List TOC
➽ Memasang Slot Iklan Diatas Postingan Blog
Untuk memasang slot iklan diatas pada setiap postingan blog, silahkan cari kode
<data:post.body/> dan pastekan kode dibawah ini tepat diatasnya.<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>
<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>
<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='https://www.goseo.id' target='blank_' title='Ads By GoSEO.id'>
<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>
Ads By GoSEO.id
</div></a>
</div>Sesuaikan kode diatas menurut kebutuhan blogmu.
Setelah selesai dan menyesuaikannya kode tersebut, silahkan Simpan Tema blogmu.
Kembali ke List TOC
➽ Memasang Slot Iklan Pada Widget Blog
Untuk memasang slot iklan pada widget blog sebenarnya sama saja. Kamu hanya perlu menyalin kode tersebut dan memasangnya pada bagian atau tata letak yang tersedia pada tema blog kamu atau ikuti tahapan berikut :
1. Masuk ke menu Tata Letak ⇨ klik Tambahkan Gadget
2. Lalu klik pada HTML/Javascript.
3. Kemudian masukkan kode dibawah ini dan letakkan pada kolom Konten.
1. Masuk ke menu Tata Letak ⇨ klik Tambahkan Gadget
 |
| Klik Gambar Untuk Memperbesar |
 |
| Klik Gambar Untuk Memperbesar |
<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>
<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>
<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='https://www.goseo.id' target='blank_' title='Ads By GoSEO.id'>
<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>
Ads By GoSEO.id
</div></a>
</div>Sesuaikan kode diatas menurut kebutuhan blogmu.4. Terakhir klik Simpan dan Selesai.
Kembali ke List TOC
Penutup
Begitulah tutorial "Cara Membuat Slot Iklan Link Seperti Adsense" yang dapat saya sampaikan. Semoga artikel ini bermanfaat untuk kamu. Silahkan tinggalkan komentar jika ada bagian yang tidak kamu mengerti. Jangan lupa pula untuk share dan subscribe GoSEO.id pada kolom Newsletter untuk selalu mendapatkan update-an artikel terbaru kami. Terima kasih telah hadir dan membaca artikel ini.
Apakah kamu sudah membaca :
# Pentingnya Penggunaan Email Profesional Dalam Bisnis
# Cara Daftar Google News Untuk Blogger
# Memasang Widget Recent Post Blogger
# Embed Video Blogger Agar Responsive
# Meningkatkan Kecepatan Blog Dengan Cloudflare
# Perbedaan Visitor dan Unique Visitor Google Analytics
# Menghilangkan URL ?m=1 Blogger
# Membuat URL Sumber Otomatis Blogger
# Membuat URL Shortener Dengan Javascript
# Cara Menghapus Spam Backlinks
# Mempercepat Loading Iklan Adsense Terbaru
# Media Sosial Sebagai Peningkat Traffic Bisnis
# Tutorial SEO Langkah Demi Langkah Untuk Pemula
# Cara Membuat Strategi Konten
# Rekomendasi SEO untuk YouTube
# Bagaimana Menghindari Kesalahan Informasi SEO
# Ebook Blogger Profesional, Adsense, FB Ads Serta SEO Terlengkap
# 10 Cara Menghasilkan Dari Blog Tanpa Google Adsense
0 Comments
Posting Komentar