Masasih.id
No Result
View All Result
  • Login
  • Home
  • Berita
  • Kesehatan
  • Teknologi
  • Bisnis
  • Olahraga
  • Inspirasi
  • Lainnya
    • Tips
    • Otomotif
    • Belajar Islam
    • Ramadhan
    • Seleb
    • Internasional
  • Home
  • Berita
  • Kesehatan
  • Teknologi
  • Bisnis
  • Olahraga
  • Inspirasi
  • Lainnya
    • Tips
    • Otomotif
    • Belajar Islam
    • Ramadhan
    • Seleb
    • Internasional
No Result
View All Result
Masasih.id
No Result
View All Result

Beranda » Tutorial Blogging » Cara Memasang Banner Di Blog Dengan Gampang Dan Cepat

Cara Memasang Banner Di Blog Dengan Gampang Dan Cepat

14 Agustus 2019
in Tutorial Blogging
Cara Memasang Banner Di Blog Dengan Gampang Dan Cepat

Pada hari ini rekan kerja ditempat saya bekerja ada yang bertanya, Bagaimana sih pasang Gambar untuk Promosiin blog/web yang menyerupai di blog pasang. Saya ada memasang ada 2 buah Banner yaitu satu banner di atas Header dan satu banner lagi di bawah Postingan. Pemasangan iklan Adsense juga membutuhkan kawasan yang cukup strategis dapat di atas Postingan Blog, di antara postingan blog, dibawah postingan blog ataupun di sidebar blog.

Membahas pemasangan Iklan Adsense terbilang mudah, anda cukup copypaste codenya ke Script HTML ke tataletak blog sahabat dan simpulan sudah. Sedangkan untuk memasang Banner atau Gambar membutuhkan isyarat HTML yang sempurna alasannya ialah kita harus menciptakan isyarat ukuran dan Link yang akan di tuju banner tersebut. Dalam postingan ini saya akan berikan secara lengkap cara membaut code HTML untuk memasang banner di blog dengan ukuran dan cara memasang Banner atau Iklan Adsense di semua posisi.

Cara menciptakan isyarat HTML untuk memasang Banner / Gambar Iklan di Blogspot :

  • Buka akun Blogger sobat
  • Klik Tata Letak
  • Di sidebar klik Tambah Gadget
  • Klik HTML/Javascript
  • Judul tidak perlu di isi, langsun saja isi konten dengan isyarat HTML di bawah ini
Baca Juga:  Cara Ganti Logo Kamera Di Template Kompi Absurd Dengan Gambar Sendiri

<a title=”Cara memasang Banner di blog dengan Praktis dan Cepat” href=” ” target=”_blank”><img alt=”Pada hari ini rekan kerja ditempat saya bekerja ada yang bertanya Cara memasang Banner di blog dengan Praktis dan Cepat” src=”https://3.bp.blogspot.com/-9qNlNVmpV4Q/WD-QdlFNA5I/AAAAAAAAA0k/wrZf63ZPRCYs18cp9j8EQjKL8tD_QcSBACLcB/s640/Jual-Template-Premium-Rp.50.000-joss.gif” width=”340px” height=”150px“/></a>

  • Hijau : Alamat blog atau artikel yang dituju
  • Merah : Ukuran Panjang dan Lebar Banner
  • Biru : Alamat gambar dimana kawasan anda menyimpan di sebuah Postingan atau situs online.
Cukup gampang bukan cara memasang Banner di blog sesuai dengan ukuran yang di ingginkan, kini tinggal cukup anda menentukan dimana Banner atau Iklan akan di letakkan. Untuk pemasangan di sekitar sidebar atau di atas header anda cukup menambahkan Gadget, sedangkan untuk memasang di dalam postingan blog anda harus masuk di Edi Template, berikut ialah cara lengkapnya.
Cara memasang Iklan di atas Postingan Blog :
  • Masuk ke akun Blogger sobat
  • Klik Template, Edit HTML
  • Sebelum di Edit HTML silahkan klik Cadangkan/Pulihkan, Unduh Template untuk menyimpan Template untuk jaga jaga apabila terjadi Error.
  • Klik di tengah code HTML dantekan Ctrl+F untuk mencari
  • Cari Code ini : <data:post.body/> maka anda akan melihat Code menyerupai di bawah ini, silahkan masukkan code Iklannya : <b:if cond=’data:blog.pageType == &quot;item&quot;’> ..Tambahkan isyarat iklan Yang Sudah Diparse Disini.. </b:if>
  • Untuk memasang sempurna di tengah atas postingan silahkan masukkan isyarat HTML menyerupai ini : <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div style=’margin:0 auto 10px;text-align:center;’> ..Salin Kode Iklan yang Diparse Disini.. </b:if> </div>
  • Jika inggin iklan berada di atas samping kiri postingan silahkan memakai isyarat ini : <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div style=’float:left;margin:0 10px 10px 0;’> ..Salin Kode Iklan yang Diparse Disini.. </b:if> </div>
  • Klik Simpan Template
Baca Juga:  9 Posisi Iklan Adsense Yang Sempurna Semoga Sanggup Dua Kali Lipat

Cara pasang iklan Adsense di antara Postingan Blog :
  • Masuk ke akun Blogger sobat
  • Klik Template, Edit HTML
  • Cari Kode <data:post.body/> Lalu ganti isyarat tersebut dengan isyarat HTML berikut ini : <div expr:id='”iklan1″ + data:post.id’></div> <div style=”clear:both; margin:10px 0″> <b:if cond=’data:blog.pageType == &quot;item&quot;’> Letakan isyarat iklan di sini </b:if></div><div expr:id='”iklan2″ + data:post.id’><data:post.body/></div><script type=”text/javascript”>var obj0=document.getElementById(“iklan1<data:post.id/>”);var obj1=document.getElementById(“iklan2<data:post.id/>”);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(” “);if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script> 
  • Klik Simpan Template.

Cara pasang iklan atau banner melayang di samping kanan dan kiri blog :
  • Masuk ke akun Blogger sobat
  • Klik Tata Letak
  • Di sidebar klik Tambah Gadget
  • Copy isyarat di bawah ini untuk goresan pena warna Merah ganti dengan isyarat iklan anda untuk tampil di Samping Kiri dan untuk warna Biru untuk tampil di Samping Kanan blog.
Baca Juga:  Cara Jitu Semoga Cepat Diterima Google Adsense 2019

<script type=’text/javascript’>
$(document).ready(function() {
$(‘img#closed’).click(function(){
$(‘#btm_banner’).hide(90);
});
});
</script>
<script type=”text/javascript”>var a=navigator,b=”userAgent”,c=”indexOf”,f=”&m=1″,g=”(^|&)m=”,h=”?”,i=”?m=1″;function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c](“Mobile”)&&-1!=a[b][c](“WebKit”)&&-1==a[b][c](“iPad”)||-1!=a[b][c](“Opera Mini”)||-1!=a[b][c](“IEMobile”)){var k=j();k&&window.location.replace(k)};
</script><script type=”text/javascript”>
if (window.jstiming) window.jstiming.load.tick(‘headEnd’);
</script>
<!–start: floating ads–>
<div id=”teaser2″ style=”width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;”>
<div><a id=”close-teaser” onclick=”document.getElementById(‘teaser2’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png’ alt=’close’ title=’close button’/></center></a></div>
<!–Mulai disini–>
<!–Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog–><!–Akhir disini–>
</div>
<!–end: floating ads–>
<!–start: floating ads–>
<div id=”teaser3″ style=”width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;”>
<div><a id=”close-teaser” onclick=”document.getElementById(‘teaser3’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png’ alt=’close’ title=’close button’/></center></a></div>
<!–Mulai disini–>
<!–Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog–><!–Akhir disini–>
<!–end: floating ads–></div>

Untuk menciptakan isyarat HTML untuk Banner sesuai ukuran silahkan kembali lihat Cara menciptakan isyarat HTML untuk memasang Banner / Gambar Iklan di Blogspot di atas. Demikian tutorial lengkap cara menciptakan dan memasang Banner / Iklan di blogspot dengan gampang dan cepat, Semoga bermanfaat.


Sumber https://mastimon.blogspot.com

Tags: Tutorial Blogging
ShareTweetPin

RelatedPosts

Seo Blogger Vs WordPress Mana Yang Lebih Bagus
Tutorial Blogging

Seo Blogger Vs WordPress Mana Yang Lebih Bagus

14 Agustus 2019
Cara Google Adsense Membayar Kita Sebagai Publisher Iklan
Tutorial Blogging

Cara Google Adsense Membayar Kita Sebagai Publisher Iklan

11 Oktober 2019
18 Meningkatkan Secara Optimal Seo Blogger Lengkap Terbaru Untuk Pemula
Tutorial Blogging

18 Meningkatkan Secara Optimal Seo Blogger Lengkap Terbaru Untuk Pemula

11 Oktober 2019
10 Blogger Indonesia Yang Populer Dan Sukses
Tutorial Blogging

10 Blogger Indonesia Yang Populer Dan Sukses

14 Agustus 2019
8 Algoritma Google Terbaru Yang Wajib Diketahui Supaya Blog Bertahan
Tutorial Blogging

8 Algoritma Google Terbaru Yang Wajib Diketahui Supaya Blog Bertahan

14 Agustus 2019
6 Hal Yang Perlu Diperhatikan Dikala Menciptakan Website Sendiri
Tutorial Blogging

6 Hal Yang Perlu Diperhatikan Dikala Menciptakan Website Sendiri

14 Agustus 2019
Load More
Tanaman Hias Janda Bolong, Ada yang SangatLangka
Tanaman Hias

7 Jenis Tanaman Hias Janda Bolong, Ada yang Sangat Langka

by Masasih.id
2 Maret 2021
0

MASASIH.ID - Kamu perlu tahu fakta menarik nih, setidaknya ada 48 jenis varietas monstera dengan berbagai ukuran, warna dan konfigurasi...

Read more
Tanaman Hias Indoor yang Mudah Dirawat, Tak Mudah Mati

7 Tanaman Hias Indoor yang Mudah Dirawat, Tak Mudah Mati

28 Februari 2021
cara membuat hand sanitizer

Cara Membuat Hand Sanitizer Sendiri Menurut WHO, Mudah dan Aman

16 Maret 2020
Begini Bentuk Virus Corona Jika Dilihat dari Jarak Dekat

Begini Bentuk Virus Corona Jika Dilihat dari Jarak Dekat

16 Maret 2020
arti lockdown dan karantina

Mengenal Arti Lockdown, Isolasi dan Karantina Berserta Perbedaannya

13 Maret 2020
  • Indeks
  • Kode Etik
  • Redaksi
  • Privacy Policy
  • Disclaimer
  • Tentang Kami
  • Kontak Kami
  • Form Pengaduan
  • Pedoman Media Siber

Copyright © 2020 Masasih.id - All Right Reserved.

No Result
View All Result
  • Home
  • Berita
  • Kesehatan
  • Teknologi
  • Bisnis
  • Olahraga
  • Inspirasi
  • Lainnya
    • Tips
    • Otomotif
    • Belajar Islam
    • Ramadhan
    • Seleb
    • Internasional

Copyright © 2020 Masasih.id - All Right Reserved.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Are you sure want to unlock this post?
Unlock left : 0
Are you sure want to cancel subscription?