--> Skip to main content

Cara Memasang Space Iklan Dengan Animasi di Blogger

Cara Membuat Space Iklan Dengan Animasi di Blogger

Cara Memasang Space Iklan Dengan Animasi di Blogger - Cara lain untuk memonestisasi website atau blog adalah membuat space iklan langsung ke pengiklan .Memang metode ini lebih memakan waktu, tetapi memaksimalkan pendapatan yang didapatkan daripada menampilkan iklan adsense.

Space dapat berbentuk tautan di bagian bawah halaman, spanduk samping, atau popup kecil. Harga untuk masing-masing juga dapat bervariasi  dan kita juga  memiliki kontrol pada negosiasi harga.

Untuk membuat space iklan yang menarik berupa animasi silahkan coba cara ini :


1. Silahkan Copy Kode Ini




<style>
@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
#iklan-sidebar1 {background-image:;background-position:50%;background-repeat:no-repeat;height:auto;width:auto;max-width:100%;font-weight:700;overflow:hidden;position:relative;}
#iklan-sidebar1 .buttton1{list-style: none;overflow:hidden;margin:0;position:absolute;left:50%;top:80%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
#iklan-sidebar1 .buttton1 a.download1{list-style:none;display:inline-block;background:#fff;color:#f01d0e;font-size:14px;font-weight:200;padding:8px 18px;border-radius:3px;overflow:hidden;}
#iklan-sidebar1 .buttton1 a.download1:hover{background:#f01d0e;color:#fff;overflow:hidden;}
#iklan-sidebar1 .visible1{margin:0;position:absolute;left:50%;margin-right;-px;top:40%;color:#fff;font-size:25px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
.circles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;margin:0}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,0.07);animation:animate 45s linear infinite;bottom:-150px;z-index:0}.circles li:nth-child(1){left:25%;width:60px;height:60px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:10px;height:10px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:10px;height:10px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:40px;height:40px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:10px;height:10px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:90px;height:90px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:130px;height:130px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:15px;height:15px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:5px;height:5px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:130px;height:130px;animation-delay:0s;animation-duration:11s}
@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}</style>

<div id='iklan-sidebar1'>
<div class="lalulintas1">
<ul class='circles'><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>
<div class="buttton1">
<li><a class="download1" href="https://api.whatsapp.com/send?phone=62565968XXXX" rel="nofollow noopener" target="_blank">Pasang Iklan</a></li>
</div>
  <div class='visible1'>
    <p>
      300 x 250
    </p>
  </div>
</div>
</div>
<style scoped='' type='text/css'>
.lalulintas1{width:100%;height:250px;background:linear-gradient(-50deg,#01a3a4,#9A12B3,#22313F,#3A539B);background-size:320% 200%;animation:Gradient 15s ease infinite;margin:0 auto;position:relative;}
</style>

Note : ganti yang ditandai dengan nomor Whatsapp kamu.


2. Masuk akun Blogger
3. Pilih "Tata letak" 
4. Kemudian "Tambahkan Gadget"
5. Pilih "HTML/Javascript"
6. Kemudian pastekan atau simpan kode tadi.
7. Save. Selesai