Cara Memasang 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
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
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.
3. Pilih "Tata letak"
4. Kemudian "Tambahkan Gadget"
5. Pilih "HTML/Javascript"
6. Kemudian pastekan atau simpan kode tadi.
7. Save. Selesai