Neo Tutorial

Pada update terbaru elementor tampilan image pada lightbox menjadi tidak full width nah untuk memperbaikinya silahkan tambahkan code CSS di bawah agar tampilan menjadi seperti semula Berikut adalah code css untuk memperbaiki tampilan iamge pada elementor lightbox <style> .elementor-lightbox .elementor-lightbox-item { padding: 0px !important; } </style>

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

 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...!

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

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, ha

Script Untuk menambahkan video youtube sebagai latar belakang pada widget invitation ini telah berhasil dicoba di web penulis. Untuk tutorial bisa di cek di channel youtube Wedding Website Script Disclaimer: DWYOR - Do With Your Own Risk Download scriptnya di sini ya: Script YT AS Background

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