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 ialah 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 menyerupai itu ialah iklan parallax, intinya iklan jenis ini ialah iklan melayang tapi alasannya ialah tata letak yang pas dan manis 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 ialah jikalau 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 daerah 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 ialah 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 menyerupai ini kami punya cara untuk menciptakan jenis iklan ini.

1. Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML lalu copy arahan dibawah ini dan pastekan sempurna diatas arahan </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 arahan tersebut lalu copy arahan dibawah ini dan pastekan sempurna diatas kode <div class='post-body entry-content'

<b:if cond='data:blog.pageType == &quot;item&quot;'> <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 arahan 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 ialah iklan ini tidak menarik lagi sehingga banyak yang tidak menggunakannya lagi. Tapi coba deh praktekan saja iklan ini pada blog atau website kamu, jikalau manis dan memang tata letaknya manis dan sempurna maka sanggup jadi akan jauh lebih keren untuk blog kamu.