Bagi para blogger, aktifitas dari nge-blog bukan cuma sekedar menerbitkan konten atau membagikan informasi, tapi blog juga dapat dijadikan sebagai lapangan pekerjaan yang dapat di handalkan, malah penghasilan dari sebuah blog dapat melebihi penghasilan dari kerja kantoran.
Contoh kecil untuk menghasilkan uang dari blog adalah dengan memonetisasi blog tersebut seperti pasang iklan, paid review, jualan produk, jualan jasa, mengikuti program afiliasi, dan lainnya.
Apalagi blog yang sudah terverifikasi menjadi publisher Adsense, otomatis juga sudah ada penghasilan dari Adsense. Tapi apa salahnya mencoba peluang lain untuk menambah penghasilan selain dari Adsense.
Di bawah ini saya akan memberikan tutorial Membuat Widget Jasa Pasang Iklan Responsive Di Blog , yg bisa dicoba dan mudah-mudahan bisa menghasilkan.
Keuntungan Jasa Pasang Iklan Di Blog
- Harga bisa ditentukan sendiri
- Menarik minat beberapa sponsor produk untuk memasang iklan tentang produknya di blog kita
- Blog mempunyai tambahan penghasilan selain iklan Adsense, PPC, PTC dll
- Ukuran iklan juga bisa disesuaikan sendiri agar responsive
Membuat Widget Jasa Pasang Iklan Responsive
1. Login ke blogger.com
2. Di dashboard blogger, klik Tema >> Edit Tema , lalu copy kode di bawah ini dan paste di atas </style>
/* Widget Pasang Iklan 250x250 by wenploit */
@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%}}3. Klik Simpan Tema
Baca Juga
4. Masih di dashboard blogger, klik Tata Letak >> Tambahkan Gadget >> HTML/Javascript , lalu copy kode di bawah ini dan paste di dalam kolom Gadget HTML/Javascript
<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=628123456789&text=Halo%20Admin%20wenxploit.com" rel="nofollow noopener" target="_blank">Pasang Iklan</a></li>
</div>
<div class='visible1'>
<p>
250 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>Ganti 628123456789 dengan nomor Whatsapp anda
5. Terakhir, klik Simpan
Mudah bukan?
Itulah tadi turorial dari saya tentang Membuat Widget Jasa Pasang Iklan Responsive Di Blog
yg bisa anda coba di blog atau situs web anda. Semoga bermanfaat!