Cara Membuat Iklan Parallax di Blogger Non AMP

Pada artikel ini saya akan membahas tentang cara membuat iklan parallax di blogger non amp. Sebenarnya iklan parallax ini di terapkan khusus blog AMP, namun masih banyak blog yang tidak menggunakan template amp, jadi iklan parallax non amp ini di buat bagi mereka yang tidak menggunakan blog amp.

Baca juga : Cara Memasang Auto Ads di Blogger

Iklan parallax ini bentuknya seperti background, mungkin iklan parallax ini bisa di sebut juga sebagai iklan background, iklan menempel di background, ataupun iklan background yang muncul saat di scroll, saya sendiri juga bingung menjelaskannya.

Iklan parallax ini berawal dari script amp-fx-flying-carpet namun Kang Adhy di blog Kompi Ajaib memodifikasi script amp-fx-flying-carpet agar bisa di gunakan pada iklan adsense. Di bawah ini bisa di lihat tampilan Iklan Parallax di blogger non amp, disini saya menggunakan template Evo Magz sebagai contoh.

Untuk menempatkan kode iklannya kalian harus menggunakan banner iklan ukuran 300×600. Untuk cara memasang iklan parallax di blogger non amp ini, silahkan ikuti langkah-langkah dari saya berikut ini.

Baca juga : Cara Menambah Kode Iklan AdSense Di Blog Lain

Cara Memasang Iklan Parallax di Template Blogger Non AMP

1. Langkah pertama masuk ke akun Blogger kalian.
2. Pilih menu Tema, kemudian klik Edit HTML.
3. Cari kode </head> kemudian masukan script di bawah ini sebelum kode </head>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
.paralax_div {
  position: relative;
  overflow: visible;
  width: 300px;
  height: 250px;
  margin-right: 20px;
  display: inline-block;
  float: left;
  z-index: 9999;
}
.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;
  background: #fff;
}
.paralax_div > div > div > div > * {
  margin: 0;
  margin-top: -50px;
}
.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;
  }
}
/*]]>*/
</style>
</b:if>

4. Selanjutnya cari kode <div class='post-body entry-content', kemudian masukan script dibawah ini setelah kode <div class='post-body entry-content'.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='paralax_div'>
  <div>
    <div>
      <div>
       <!--Masukan kode iklan yang sudah di Parse-->
      </div>
    </div>
  </div>
<span class='clear'/>
</div>
</b:if>

• Pengaturan:
• Ganti kode <!--Masukan kode iklan yang sudah di Parse--> dengan kode iklan yang sudah di parse.
5. Jika sudah selesai, silahkan klik Simpan tema.

Catatan: Jika tidak berhasil, silahkan coba cari script <div class='post-body entry-content' yang lain, dan silahkan coba sampai berhasil.

Baca juga : Cara Membuat Iklan AdSense Berada di Antara Tag Heading

Demikian tutorial dari saya mengenai cara membuat iklan parallax di blogger non amp. Jika ada pertanyaan mengenai iklan parallax ini atau mengenai cara memasangnya, silahkan kalian masukan ke dalam kolom komentar.

Terima kasih sudah berkunjung di blog Tutorial Umum, semoga artikel di atas bermanfaat untuk kalian semua. Untuk tutorial yang lainnya mengenai teknik pemasangan iklan, silahkan tetap kunjungi blog Tutorial Umum.

blogger dashboard
blog editor
blogger indonesia
blogger login
blogger tutorial
blogspot sign in
instagram widget for blogger
blogger dashboard
blogger tutorial
mesothelioma info
mesothelioma survival rates
mesothelioma lawyer
mesothelioma lawyer new jersey
mesothelioma attorney
mesothelioma cancer
google key
google keyword suggestion tool
kw planner
google keyword tool free
google planner tools
google adwords keyword planner
google planner
keyword tool external
google keyword planner tools
google word planner
google key planner
high paying keyword
key plan
keyword generator online
keyword planner
keyword density
keyword checker
keyword suggestion
google keyword planner
keywordtool io
keyword check
keyword generator tool
keywordspy
keyword
daftar blog ke google
cara daftar di google adsense
daftar google adsense indonesia
cara bikin google adsense
create google adsense
membuat google adsense
cara mendaftar ke google adsense
cara daftar blog ke google
daftar adsense blog
daftar masuk google
daftar blog di google
mendaftar di google
cara mengaktifkan google adsense
daftar baru google
cara mendaftar di google adsense
cara daftar google adsense dari blogger
syarat daftar google adsense
cara masuk google adsense
pendaftaran google adsense
cara daftar google adsense di youtube
tutorial google adsense
cara mendaftar google adsense youtube
daftar google adsense youtube
adsense
adesene
cara daftar google
cara daftar adsense blog
cara diterima google adsense
mendaftar adsense
persyaratan google adsense
google adsense cara
cara daftar akun google adsense
cara daftar google adsense youtube
cara mudah daftar google adsense
cara ikut google adsense
adsense start
web adsense
google adsense blog
cara daftar ulang adsense
cara daftar google adsense indonesia
membuat akun adsense
daftar adsense lewat youtube
g adsense
cara daftar ke google adsense
adsense masuk
cara adsense blog
daftar youtube adsense
cara buat akun google adsense
syarat mendaftar google adsense
google daftar
cara mendapatkan google adsense
mendaftar google
app store android
android market app
clansmobile games
google android
game mobile
google android device
android 1
logo android
play store app
pubgplayer unknown battle ground
battlegrounds online
playerunknown's battleground
modmobile la
mobile mobile mobile mobile
mobile mobile mobile
of mobile
mobile mobile
mobile a
mobil usa
web game
game android
mobile games
game google gratis
permainan google gratis
donlot game terbaru
game online gratis
game online game online
game yang
game yang gratis
game tidak online
permainan tidak online
game web terbaru
gratisindo game
permainan yang baru
google game online gratis
permainan google
games co id
game web terbaru

Cara Menyembunyikan File dan Folder yang Ada di Komputer - Trik-Komtek

Trik-Komtek - Kita tahu komputer memiliki tempat penyimpanan file. Dan file-file tersebut terlihat dengan jelas, namun bagaimana kalau file yang kita miliki berisi sebuah informasi yang sangat rahasia dan privasi. Pasti kita tidak ingin orang lain melihatnya. Untuk itu pada tutorial kali ini saya akan membagikan tutorial tentang cara menyembunyikan file dan folder yang ada di komputer.

(Baca juga : Cara Menampilkan Ekstensi File atau Tipe File di Windows 7)

Untuk itulah saya akan menjelaskan cara menyembunyikan file yang ada di komputer. Untuk lebih jelasnya ikuti langkah-langkah dari saya.

Cara Menyembunyikan File dan Folder yang Ada di Komputer

Cara Menyembunyikan File

1. Langkah pertama, buka folder tempat kalian menyimpan file yang akan kalian sembunyikan. selanjutnya klik kanan pada file yang akan kalian sembunyikan kemudian pilih Properties.
   
2. Setelah form Properties muncul, pilih Hidden kemudian tekan OK.
   
3. Kemudian file tersebut akan hilang tanpa terlihat.
   

(Baca juga : Cara Rekam Layar Desktop dengan Format Animasi Gif)

Cara Menyembunyikan Folder

1. Untuk cara menyembunyikan sebuah Folder juga masih sama seperti langkah pertama saat menyembunyikan file. Kemudian pilih Hidden lalu pilih Apply.
   
2. Setelah pilih Apply, kalian akan diberikan 2 pilihan. Pilihan pertama adalah “Apply changes to this folder only” jika kalian hanya ingin menyembunyikan foldernya saja. Kemudian yang kedua adalah “Apply changes to this folder, subfolder and file” jika kalian ingin menyembunyikan folder, subfolder dan file yang ada di dalam folder tersebut. Sebagai contoh saya akan memilih pilihan kedua yaitu “Apply changes to this folder, subfolder and file” kemudian pilih Ok.
   
3. Kemudian folder yang saya sembunyikan sudah hilang tidak terlihat.
   

(Baca juga : Cara Convert Video Menjadi MP3 dengan Software Format Factory)

Cara Menampilkan File yang disembunyikan

1. Masih di folder yang sama, pilih Organize kemudian pilih Folder and search option.
   
2. Setelah muncul form Folder option, pilih View kemudian di Advanced settings pilih Show hidden files, folder, and drives. Setelah itu pilih Apply kemudian Ok.
   
3. Kemudian folder ataupun file yang sudah kita sembunyikan akan terlihat.
   
4. Untuk menyembunyikannya lagi cukup ulangi langkah sebelumnya, lalu pilih Dont show hidden files, folder, and drives.

(Baca juga : Cara Membuat Presentasi Menggunakan PowerPoint dengan Cepat)

Demikian cara menyembunyikan file dan folder yang ada di komputer dari saya, untuk tutorial yang lainnya silahkan lihat di https://trik-komtek.blogspot.com/.

Jangan lupa berkomentar apabila ada pertanyaan lain, atau apabila ada kritik dan saran dipersilahkan. Karena kritik dan saran dari kalian sangat membantu saya dalam membagikan ilmu yang saya miliki.