Skip to main content

Posts

Adaptive Background Widget Media Carousel Elementor

Berikut ini adalah script untuk merubah warna background dari image yang ada di Media Carousel Elementor menjadi sesuai atau mendekati dengan warna yang ada pada gambar di slide.  Simpan Script ini di Widget HTML pada elementor  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.adaptive-backgrounds/1.0.3/jquery.adaptive-backgrounds.min.js"></script> <script>   document.querySelector('.imageOne img').setAttribute('data-adaptive-background','');   document.querySelectorAll('.slideShow .elementor-carousel-image').forEach((cImg)=>{     cImg.setAttribute('data-adaptive-background','');     cImg.setAttribute('data-ab-css-background','')   })   jQuery(document).ready(function($){     $.adaptiveBackground.run();   }); </script> Video tutorial simak di yotuube  https://www.youtube.com/watch?v=Ujdol8-CEQU Selamat mencoba

Membuat Watermark Pada Halaman Website Undangan Dengan Elementor dan Custom CSS

 Berikut tutorialnya di youtube Code Css untuk tutorial menambahkan watermark pada halman website undangan di video ini https://youtu.be/5KsbKqTzVkE selector h2 { position: fixed; width: 800px; height: 200px; top: 50%; left: 50%; margin-top: -100px; margin-left: -300px; transform: rotate(-45deg); pointer-events: none; white-space: nowrap; z-index: 999999; } @media only screen and (max-width: 576px) { selector h2 { width: 400px; margin-left: -150px; } } Semoga Bermanfaat...!

Redirect Link Mi Browser to Google Chrome on Android in Elementor Wordpress

Ini adalah tutorial untuk mengarahkan atau redirect user yang mengunjungi website undangan  wordpress kita yang menggunakan browser bawaan ponsel xiaomi yaitu Mi Browser. Seperti yang kita ketahui browser bawaan ponsel itu biasanya berbeda dengan browser standar yang kita kenal. Meski menggunakan engine dari browser standar tapi biasanya ada beberapa fitur yang nyeleneh. Dan script di tutorial ini hanya akan berjalan jika pengunjung website menggunakan, browser bawaan ponsel xiaomi yaitu Mi Browser. Salah satu contoh pada Mi Browser, saat halaman website kita dalam keadaan fullscreen, layar pada ponsel android akan otomatis landscape, padahal seharusnya tetap pada mode portrait. Selain itu, pada update terbaru Mi Browser, ada tambahan fitur tombol mengambang yang memungkinkan pengunjung mendownload asset seperti gambar, video dan lainnya di website kita. That's sucks, isn't it??? Sekarang kita langsung ke tutorialnya. Disclaimer, tutorial ini hanya untuk anda yang meng

Cara Membuat Real Counter Post dan Komentar Wordpress dengan Elementor dan Code Snippet

Berikut ini ada tutorial bagamana caranya menambahkan counter count dari post dan komentar yang sudah terpublish di website wordpress.  Dengan menggunakan elementor dan Snippet menggunakan plugin wp code header footer. 1.Buat sebuah “snippet php” baru dengan menggunakan plugins WP Code   2.Beri judul snippet tersebut, dan pada code type ganti dengan php     3. pastekan kode berikut ke area editor snippet $total_ucapan = wp_count_comments()->approved; echo $total_ucapan; ?> 4. pada bagian insertion ganti insert method menjadi shortcode dan aktifkan snippetnya dan tekan save/update   5.copy shotcode nya untuk digunakan nanti dihalaman editor elementor   6.di halaman editor   elementor tambahkan widget counter, pada bagian Ending Counter pilih Dynamic tags dan pilih Shortcode   7.klik pada icon kunci dan paste hasil copy shortcode tadi di inputbox shortcode seperti pada gambar. 8.Selesai, untuk menghitung jumlah post caranya sama, hany

Menambahkan Halaman Layar Sapa dan QR Code Scanner Untuk Web Jasa Undangan Online

Tutorial Menambahkan Halaman Layar Sapa dan QR Code Scanner Untuk Web Jasa Undangan Online Tutorial ini dibuat untuk anda yang telah memiliki website jasa undangan online dan menggunakan plugins Elementor serta Weddingpress.     Sebelumnya saya disclaimer dulu, segala bentuk kesalahan yang terjadi pada website anda setelah mencoba tutorial ini menjadi tanggung jawab anda sepenuhnya. Penulis hanya memberikan petunjuk yang sudah dicoba sebelumnya dan berhasil berjalan di web penulis. Halaman Layar Sapa dan QR Scaner ini berhasil saya jalankan dengan beberapa plugins berikut :     Wordpress - 6.0.1     Elemetor Free - 3.6.8     Weddingpress - 2.8.8     WPCode - Insert Headers, Footers, and Code Snippets - 2.0.1     QR Scanner Redirect - 1.2.2 (https://github.com/aigenseer/qr-scanner-redirect)     PRO Elements - 3.7.3 (https://proelements.org/) Beberapa setting yang yang disesuaikan diantaranya : 1. Menu Setting > Reading Setting sesuai gambar 2. Menambahkan Script CDN SweetAlert2 di

FUP Indihome Berkurang - Update FUP Indihome Terbaru 2020

Indihome kembali melakukan update pada sistem aplikasi myindihome. Nah apa saja sih yang berubah pada update kali ini.. Yang Pertama..... Perubahan Pada batasan Quota atau FUP / Batas Pemakaian Wajar Sebagai Contoh, pada paket indihome 20mbps Kalau sebelumnya di aplikasi myindihome, batasan fup nya adalah 800GB/850GB. Namun pada update terbaru, batasan FUP indihome tersebut berubah jadi 550GB Lalu pada paket indihome 50mbps