Cara Untuk Menciptakan Iklan Diam/Parallax Di Adsense Pada Blog
Berbagai jenis iklan adsense memang telah disediakan dan tinggal diletakkan sesuai dengan yang kau inginkan, baik itu diletakkan diatas header hingga diletakkan dbagian bawah posting. Itu yaitu letak yang paling masuk akal dan paling normal dalam peletakan iklan adsense, namun pernah gak sih kau melihat iklan yang berada di dalam posting dan ketika di geser iklan tersebut terlihat membisu saja? Ya iklan ibarat itu yaitu iklan parallax, intinya iklan jenis ini yaitu iklan melayang tapi alasannya tata letak yang pas dan anggun sehingga iklan ini jadi terlihat sangat menarik dan unik pada sebuah posting web dan blog. Nah untuk kau yang masih merasa galau atau ingin lebih tahu apa itu parallax. Iklan parallax adalah:
Nah untuk lebih tahu apa itu iklan parallaz lebih baik kau kenal dahulu deh dengan parallax itu sendiri, alasannya jika pengertian iklan niscaya semua sudah tahu bukan. Inilah arti parallax ads atau iklan yang parallax.
Baca juga : Cara pasang iklan Native Ads Adnow pada blog
Apa itu parallax? Parallax atau paralaks scrolling web design merupakan suatu teknik khusus dimana sebuah objek yang berada pada latar belakang bergerak lebih lambat dibandingkan dengan objek yang berada di latar depan sehingga terlihat bahwa objek tersebut tidak bergerak atau membisu di kawasan ketika sebuah halaman di gulir atau di scroll ke bawah maupun ke atas.
Bagaimana kau sudah faham kan kenapa iklan melayang ini sanggup disebut dengan nama lain yaitu iklan parallax? Tentu dengan klarifikasi diatas kau akan faham dan ngerti akan apa yang maksud. Nah untu melengkapi klarifikasi iklan parallax tersebut, kali ini kita akan membahasnya bagaiamana cara untuk menciptakan iklan adsense biar sanggup parallax untuk blog.
1. Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML lalu copy instruksi dibawah ini dan pastekan sempurna diatas instruksi </head>.
2. Cari kode <div class='post-body entry-content' pada template teman biasanya terdapat banyak instruksi tersebut lalu copy instruksi dibawah ini dan pastekan sempurna diatas kode <div class='post-body entry-content'
3. Klik simpan pada template.
Baca juga : Alternatif Google Adsense Terbaru Dengan Bayaran yang cukup Tinggi
Bagaimana iklan parallax yang kau pasang apakah berhasil? Iklan parallax ini kini sudah cukup jarang dipakai mungkin alasannya iklan ini tidak menarik lagi sehingga banyak yang tidak menggunakannya lagi. Tapi coba deh praktekan saja iklan ini pada blog atau website kamu, jika anggun dan memang tata letaknya anggun dan sempurna maka sanggup jadi akan jauh lebih keren untuk blog kamu.
Nah untuk lebih tahu apa itu iklan parallaz lebih baik kau kenal dahulu deh dengan parallax itu sendiri, alasannya jika pengertian iklan niscaya semua sudah tahu bukan. Inilah arti parallax ads atau iklan yang parallax.
Baca juga : Cara pasang iklan Native Ads Adnow pada blog
Apa itu parallax? Parallax atau paralaks scrolling web design merupakan suatu teknik khusus dimana sebuah objek yang berada pada latar belakang bergerak lebih lambat dibandingkan dengan objek yang berada di latar depan sehingga terlihat bahwa objek tersebut tidak bergerak atau membisu di kawasan ketika sebuah halaman di gulir atau di scroll ke bawah maupun ke atas.
Bagaimana kau sudah faham kan kenapa iklan melayang ini sanggup disebut dengan nama lain yaitu iklan parallax? Tentu dengan klarifikasi diatas kau akan faham dan ngerti akan apa yang maksud. Nah untu melengkapi klarifikasi iklan parallax tersebut, kali ini kita akan membahasnya bagaiamana cara untuk menciptakan iklan adsense biar sanggup parallax untuk blog.
Cara Praktis Membuat Iklan Parallax Adsense di Blog
Dalam jenis iklan adsense memang tidak menyediakan jenis iklan parallax ini tapi kita sanggup menciptakan sendiri, mungkin alasannya iklan jenis ini lebih ramah dan lebih tinggi bayaranya sehingga iklan jenis manual ini sangat digemari oleh para publisher website. Untuk kau blogger yang ingin menciptakan iklan ibarat ini kami punya cara untuk menciptakan jenis iklan ini.1. Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML lalu copy instruksi dibawah ini dan pastekan sempurna diatas instruksi </head>.
.paralax_div { position: relative; overflow: visible; width: 300px; height: 250px; margin-right: 20px; display: inline-block; float: left; z-index: 99; } .paralax_div > div { overflow: hidden; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; clip: rect(auto auto auto auto); } .paralax_div > div > div { width: 100%; height: 100%; position: fixed; top: 0; margin: 0 auto; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .paralax_div > div > div > div { width: 100%; height: 100vh; position: absolute; left: 50%; top: 0; border: none; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .paralax_div > div > div > div > * { margin: 0; margin-top: 0; } .paralax_div > div > div > div > a { width: 100%; height: 100vh; } .paralax_div img,.paralax_div iframe,.paralax_div ins { height: 600px; width: 300px; } .clear { clear: both; display: block } @media screen and (max-width:640px) { .paralax_div { width: 100%; height: 250px; margin: 0 auto; float: none; } .paralax_div > div > div > div { left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .paralax_div > div > div { width: 100%; left:0; text-align: center; } .paralax_div img { margin: 0 auto; width:auto; max-width:100%; height:auto; } } @media screen and (max-width:320px) { .paralax_div iframe,.parallax_banner ins { margin: 0 auto; width:100%; height:600px; } }2. Cari kode <div class='post-body entry-content' pada template teman biasanya terdapat banyak instruksi tersebut lalu copy instruksi dibawah ini dan pastekan sempurna diatas kode <div class='post-body entry-content'
<b:if cond='data:blog.pageType == "item"'> <div class="paralax_div"> <div> <div> <div> <img src="KODE ADSENSE DISINI" alt="Berbagai jenis iklan adsense memang telah disediakan dan tinggal diletakkan sesuai dengan Cara untuk Membuat Iklan Diam/Parallax di Adsense pada Blog" title="Cara untuk Membuat Iklan Diam/Parallax di Adsense pada Blog" width="300" height="600" /> </div> </div> </div> <span class="clear"/> </div> </b:if>3. Klik simpan pada template.
*Bagi yang bertanda merah sanggup diganti dengan instruksi adsense teman sendiri.
Baca juga : Alternatif Google Adsense Terbaru Dengan Bayaran yang cukup Tinggi
Bagaimana iklan parallax yang kau pasang apakah berhasil? Iklan parallax ini kini sudah cukup jarang dipakai mungkin alasannya iklan ini tidak menarik lagi sehingga banyak yang tidak menggunakannya lagi. Tapi coba deh praktekan saja iklan ini pada blog atau website kamu, jika anggun dan memang tata letaknya anggun dan sempurna maka sanggup jadi akan jauh lebih keren untuk blog kamu.