Skip to content Skip to sidebar Skip to footer

Cara Memasang Floating Ads Di Blogger

Cara Memasang Floating Ads Di Blogger - Membuat iklan melayang (floating ads) dibawah blog dengan tombol close dan iklan tampil responsive, nah untuk para sobat semuanya, pastinya sering membuka situs atau blog orang lain untuk mencari informasi (refrensi) diartikelnya tersebut, akan tetapi sobat pastinya akan menjumpai dan lebih tepatnya dibawah blog ada iklan melayang / floating ads memakai tombol close ( X ) yang dapat dihilangkan, oleh sobatku semuanya.
Cara Memasang Floating Ads Di Blogger - Membuat iklan melayang (floating ads) dibawah blog dengan tombol close dan iklan tampil responsive, nah untuk para sobat semuanya, pastinya sering membuka situs atau blog orang lain untuk mencari informasi (refrensi) diartikelnya tersebut, akan tetapi sobat pastinya akan menjumpai dan lebih tepatnya dibawah blog ada iklan melayang / floating ads memakai tombol close ( X ) yang dapat dihilangkan, oleh sobatku semuanya.
Cara Memasang Floating Ads Di Blogger
Memasang floating ads diblogger (blogspot) tentu saja untuk penggunaan di posisi iklan semacam ini akan sangat menguntungkan dan menghasilkan untuk pemilik blog yang memasang floating ads dibawah blognya tersebut.

Namun sebelum ketopik pembahasan ditulisan saya pada artikel kali ini, alangkah sebaiknya sobat terlebih dahulu untuk mempelajari dan memahami apa itu floating ads dan hal lainnya yang harus sobat ketahui dan paham, jadi bagi para sobat semuanya, silahkan membaca dan simak baik-baik yah, sebagai berikut.

Pengertian Floating Ads

Floating ads adalah jenis iklan internet yang digunakan oleh sejumlah perusahaan dan terlihat di berbagai situs web,iklan ini agak mirip dengan iklan pop up, tetapi biasanya menawarkan pengalaman pengguna yang lebih unik dan mungkin meliputi penggunaan animasi, suara, dan aspek lain yang membuat iklan menjadi lebih menarik. 

Jenis iklan ini biasanya akan muncul ketika sebuah situs web dimuat, dan akan muncul "di atas" situs web itu sendiri, lalu kemungkinan menghilang dengan sendirinya dalam jangka waktu tertentu,floating ads memungkinkan pengguna untuk menutupnya jika mereka ingin, dan ukurannya dapat memenuhi seluruh layar atau hanya sebagian darinya.

I. Manfaat dari Floating Ads

Floating ads telah terbukti mampu meningkatkan eksposur suatu brand melalui penyampaian konten yang menarik secara visual dan memiliki pengaruh bagi pengguna yang 'mengambang' di atas halaman situs web,prevalensi floating ads dalam beberapa tahun terakhir sebagian besar disebabkan oleh tingginya dampak yang diberikannya.

Publisher iklan diberikan kontrol penuh atas atribut pemosisian dan pelapisan iklan tersebut,dengan menentukan koordinat layar dan indeks-z sebagai nilai parameter yang diteruskan ke tag iklan Mediaplex, penayang dapat mengoptimalkan penayangan iklan secara efektif sehingga tidak mengaburkan atau mengganggu konten inti dari situs mereka dan elemen lapisan lainnya.

II. Keuntungan dari Floating Ads

Floating ads telah terbukti mampu meningkatkan eksposur sebuah brand melalui penyampaian konten yang menarik secara visual dan berdampak tinggi yang terdapat di atas halaman web,prevalensi iklan mengambang dalam beberapa tahun terakhir sebagian besar disebabkan oleh tingginya dampak yang diberikannya.

Penerbit diberikan kontrol penuh atas atribut pemosisian dan pelapisan iklan,dengan menentukan koordinat layar dan indeks-z sebagai nilai parameter yang diteruskan ke tag iklan Mediaplex, penayang dapat mengoptimalkan penayangan iklan secara efektif sehingga tidak mengaburkan atau mengganggu konten inti situs mereka dan elemen tambahan lainnya.

Penayang dapat mengontrol batas waktu floating ads di blog sobat tersebut.

Secara visual, sobat dapat menggunakan gambar yang menarik atau media yang lebih kompleks untuk dapat menarik perhatian para pengunjung.

Terakhir, sobat dapat membangun brand awareness dan mempromosikan produk atau layanan sobat. jika search ads mampu menjangkau pengunjung yang memiliki niat untuk membeli, floating ads dapat menciptakan minat awal pembeli,floating ads memiliki jangkauan yang tinggi dan dapat dilihat oleh banyak orang.

III. Kekurangan dari Floating Ads

Di bawah ini adalah beberapa kelemahannya yang akan mendorong sobat untuk mengizinkan semua pemberitahuan push untuk mengakses perangkat seluler atau desktop sobat.

Pertama, floating ads ditayangkan kepada semua orang,ini berarti bahwa iklan tersebut tidak hanya terfokus pada kumpulan para pengunjung tertentu saja,iklan ini mampu melayani semua usia dan informasi berbasis demografis lainnya sehingga membuatnya sulit untuk dikendalikan.

Kedua sama seperti format iklan lainnya, floating ads juga dapat mengganggu penggunanya,jika mereka menerima notifikasinya, terkadang para pengunjung harus berurusan dengan banyak pop-up yang entah bagaimana bisa mengganggu pengalaman pengguna.

Sobat mungkin sering menemui iklan banner saat menggunakan internet dalam waktu yang lama,ini merupakan jenis iklan multimedia yang muncul di halaman web, biasanya di bilah bagian bawah atau atas, dan memiliki tombol tutup atau keluar (x) di sudutnya agar pengguna dapat menutupnya dan kembali menikmati konten yang disediakan.

Iklan banner ini disebut sebagai floating ads, yang sering disajikan di perangkat seluler atau perangkat selain desktop karena sifatnya yang lebih portabel, meskipun iklan tersebut juga dapat dilihat di desktop.

Nah, untuk sobatku semuanya, itulah untuk tulisan saya dipenjelasan pada artikel kali ini mengenai floating ads, selanjutnya sobatku, yuk ikuti lagi tahap selanjutnya yakni untuk mengikuti dan mempelajari sesuai dengan pembahasan saya kali ini yaitu Cara Memasang Floating Ads Di Blogger, sebagai berikut.

Cara Memasang Floating Ads Di Blogger

Dibawah ini tutorial untuk pasang floating ads diblogspot / blogger, yang akan saya rangkumkan sedemikian rupa, agar mempermudah sobat dalam penerapannya di blog atau situs para sobat dimanapun berada.

Langkah-Langkah

1. Pertama-tama, sobat terlebih dahulu login ke blogger milik sobat tersebut
2. Nah, untuk sobatku semuanya, selanjutnya sobat pilih Menu Theme ( Tema )
3. Lalu sobat pilih lagi Edit HTML
4. Berikutnya, sobat lakukan pencarian kode tag </body> dan sobat salin kode dibawah ini dan tempelkan kode ini tepat diatasnya
<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
</script>
        <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif' title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
        <!--Script iklan-->
<a href='www.sobatblognesia.web.id' title='Banner iklan disini'><img style='max-width:100%;height:auto' alt='Banner iklan disini' src='https://4.bp.blogspot.com/-Af0Oi3py79s/VOtDq_sCXhI/AAAAAAAADcg/mE6LpkpQpbA/s1600/advertise-728x90.png'/></a>
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->
5. Terakhir, jangan lupa ya sobatku semuanya, pilih save (simpan), lalu lihat hasilnya untuk pemasangan floating ads, berhasil diterapkan diblog sobat tersebut.

Memasang Floatings Ads Di Sebelah Kiri Dan Kanan Pada Blogger

Nah untuk sobat, dibagian ini cara memasang floating ads tepat posisi sebelah kiri dan kanan pada blogger, jadi yuk disimak baik-baik yah para sobatku semuanya.

Langkah-Langkah

1. Pertama-tama, sobat terlebih dahulu login ke blogger milik sobat tersebut
2. Selanjutnya, sobat pilih Layout (Tata Letak)
3. Nah, setelah itu, sobat harus pilih add the gadget
4. Sekarang, untuk sobat pilih HTML/JavaScript
Memasukkan kode script floating ads diblogger
Memasukkan kode  script floating ads dengan memakai HTML/JavaScript diblogger
5. Untuk para sobatku semuanya, jangan lupa untuk salin kode script  floatig ads yang ada dibawah ini ya sobat semuanya
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<style>
*{padding:0px; margin:0px; box-sizing: border-box}
.tw_float_ads_main_Wrap_Both{
        max-width: 300px;
  width: 200px;
  height: 650px;
        position: fixed;
        z-index: 98765;
  background: rgb(251,251,251);
        box-sizing: border-box;
        box-shadow:0 0 3px rgba(0,0,0,0.2);
  bottom:5%;
    }
.tw_float_ads_main_Wrap_first{
        z-index: 98765;
  left: 1%;
    }
    .tw_float_ads_close{
        position: relative;
       box-sizing: border-box;
      padding: 12px 0px;
    }
 .tw_float_ads_close #tw_close_button{
   font-size: 25px; 
    color: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
}
#tw_close_button{
        cursor:pointer;
}
.TW_credits{
    color: #000;
    position: absolute;
    bottom: 2px;
    right: 0px;
    display: inline-block;
    text-shadow:0 0 3px rgba(0,0,0,0.2);
    text-decoration: none!important;
 z-index: 99999;
 font-weight: bold;
 font-family: arial, helvtica;
}
</style>
<div class='tw_float_ads_main_Wrap_Both tw_float_ads_main_Wrap_first' id='tw_float_ads_main_Wrap1' style='float: left'>
    <div class='tw_float_ads_close'>   
       <span id='tw_close_button' style='float: right' onclick='document.getElementById("tw_float_ads_main_Wrap1").style.display="none"'>
           <i id='TW_Close_Button' class="fa fa-window-close" aria-hidden="true" title='close the Advertisment'></i>
       </span>
    </div>
       <div class='Ad1 AdBanner' id='Ad1'> 
<!-- Paste your Left Advertisement Code Below this Comment-->

<!-- Your Advertisement Code Here -->

<!--Paste your Left Advertisement Code Above this Comment -->
       </div>
   <span class='TW_credits' style='float: right; font-size: 10px;'><a style='text-decoration: none!important; color: #000;' href="https://techtspot.blogspot.com/2020/02/how-to-add-floating-skyscraper-ads.html">Get Ad Widget</a></span>
    <div style='clear:right'></div>
 </div>
<div style='clear:left'></div>
<div class='tw_float_ads_main_Wrap_Both' id='tw_float_ads_main_Wrap' style='float: right; right:1%; z-index: 98765;' >
    <div class='tw_float_ads_close'> 
     <span id='tw_close_button' style='float: right' class='tw_close_button' onclick='document.getElementById("tw_float_ads_main_Wrap").style.display="none"'>
      <i id='TW_Close_Button' class="fa fa-window-close" aria-hidden="true" title='close the Advertisment'></i>  
     </span>
 </div>
 <div class='Ad2 AdBanner' id='Ad2'>
<!-- Paste your Right Advertisement Code Below this Comment-->

<!-- Your Advertisement Code Here -->

<!--Paste your Right Advertisement Code Above this Comment -->
</div>
   <span class='TW_credits' style='float: right; font-size: 10px;'><a style='text-decoration: none!important; color: #000;' href="https://www.sobatblognesia.web.id">Get Ad Widget</a></span>
<div style='clear:right'></div></div>
<div style='clear:both'></div>
6. Nah sobat, tampak seperti diatas untuk kode floating diatas, warna teks biru muda di kode diatas,dibagian tersebut, sobat dapat pasang iklan adsense,atau bahkan iklan maupun hal lainnya yang akan dipasang pada blog para sobat semuanya.

Demikianlah untuk tulisan saya diartikel kali ini yang membahas mengenai topik pembahasan saya yaitu Cara Memasang Floating Ads Di Blogger, semoga dengan adanya widget untuk floating ads sudah terpasang, maka penghasilan dari blog atau situs sobat akan meningkat secara drastis berkat dari sobat sudah pasang floating ads diblogspot / blogger dengan mudah, semoga dengan tulisan saya ditulisan pada artikel diblog sederhana milik saya ini bisa bermanaat untuk para sobat, semoga bisa membantu, sekian dan terimakasih.

Post a Comment for "Cara Memasang Floating Ads Di Blogger"