Cara Membuat Iklan Melayang atau Pop Up di Tengah Blog

Updated: 14 Jan, 2024 • 9 • min read

Table of Contents

berikut ini caranya

Adadua cara, yaitu memasang dari widget HTML/Javascript dan langsung di dalam templatenya.

Widget HTML/Javascript pada Tata Letak

login ke blog , lalu pilih tata letak
pilih tambah widget (bisa diletakkan di header atau tempat yang lainnya)

Pilih Widget HTML / Javascript

copy pastekan source kode (Dibawah). kedalam kolom

setelah itu ganti pada source code yang bertuliskan (*** MASUKAN HTML WIDGET/IKLAN/GAMBAR/DSB DISINI***) dengan kode iklan sendiri dan simpan

edit HTML template

Langkah awal sama dengan yang di atas.
Menuju ke template, lalu pilih edit HTML
Tekan Ctrl+F dan search di edit HTML
Lalu ketik </head> atau <body>, pastekan source code yang ada di bawah (di bawah </head> atau di atas <body>

Source Code:

#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
position: fixed;
top: 50%;
left: 50%;
margin-top: -120px;
margin-left: -220px;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<p>
*** MASUKAN HTML WIDGET/IKLAN/GAMBAR/DSB DISINI***
<br/></p>
</div>
</div>

Untuk lebar dsb silahkan disesuaikan sendiri, sekian tips blog cara membuat iklan melayang atau pop . Semoga bermanfaat.