Membuatwidget berjalan atau bergerak sama saja dengan cara membuat tulisan berjalan. Gunakan kode yang sama seperti kode di atas lalu ganti tulisan yang berwarna merah dengan kode widget yang ingin di buat bergerak atau berjalan sehingga kodenya seperti ini : Caramembuat widget breaking news di blog, memasang widget newsticker berjalan di blog, membuat headline breaking news dengan thumbnail dan efek slide halus pada blogger. Cara Manual. Cara Manual - Kumpulan tutorial blogger lengkap untuk pemula, cara membuat blog keren, cara mendesain blog agar menarik, tips dan trik blogspot. Perhatikangambar ini Text. Cara Membuat Tulisan Berjalan Atau Running Text di WordPress. Meskipun cara membuat tulisan berjalan di blog wordpress agak berliku mengingat wordpress tidak mengizinkan segala bentuk script tapi toh akhirnya berhasil meskipun garus melalui bantuan pihak ketiga. Login ke akun Blogger Sobat. Sebelummenjelaskan metode untuk membuat Virtual Machine berjalan lebih cepat, mari kita lihat beberapa alasan Virtual Machine berjalan lambat. 1. Kapasitas System Host. Ini adalah salah satu faktor utama yang menentukan kecepatan Virtual Machine. Jika anda ingin Virtual Machine anda berjalan dengan lancar, anda harus memiliki system host yang Jikakamu beralih ke halaman Desain, pilih widget Tombol yang kita buat, dan scroll ke bawah properti nya, kamu akan menemukan properti onClick. onClick memungkinkan kamu untuk memilih metode Java yang akan dipanggil aplikasi setelah Tombol diklik. Mari kita ubah properti onClick dari Tombol kita untuk memanggil metode " changeColor ". WidgetHTML #1. Beranda / Komputer. Cara Membuat Wallpaper Bergerak di Windows 10 Oleh Cara Handal 7/05/2021 06:27:00 AM Posting Komentar Cara Membuat Cara Membuat Wallpaper Bergerak di Windows 10. 1. Buka aplikasi Dekstop Live Wallpapers di PC anda . 2. Pilih Browser dan cari di mana anda menyimpan video yang akan anda jadikan wallpaper live . Membuat Animasi Bergerak Secara Berurutan bisa dilakukan dengan menggunakan PowerPoint. Cara Membuat Animasi Bergerak di PowerPoint sangatlah mudah karna semua Pengaturan Customnya sudah di Sediakan Oleh Aplikasi. Dalam Pengetahuan dan Penggunaan Dasar Animasi PowerPoint, Penempatan serta penggunaan animasi secara berurutan sangatlah penting untuk dipelajari. Disini kita belajar untuk membuat Akun Jejaring Sosial dan Widget dengan cara yang mudah dan Benar. Komentar anda sangat berarti. ^-^ About. Tweet. Software Mania PC setelah mencoba beberapa tutorial akhrnya menemukan Cara Membuat Gambar Animasi Bergerak di Blog dengan gambar animasi bergerak pada pojok blog ini (kalau belum dicopot). hehe ZBdnCv. Você quer criar um blog ou site em WordPress e deixá-lo mais atraente para o seu público, mas não sabe quais recursos utilizar? Widgets são opções excelentes para deixar sua página mais dinâmica, direcionar seu público para áreas específicas e até para seus perfis em redes sociais. O significado mais funcional para o termo widget, talvez seja a junção das palavras “window” e “gadget”, janela e dispositivo, respectivamente, termos em inglês, que se relacionam ao ambiente de um hardware. No entanto, a palavra foi usada pela primeira vez na peça Beggar on Horseback, escrita por George S. Kaufman e Marc Connelly em 1924, quando seria impossível fazer uma alusão à tecnologia que temos disponível hoje. No contexto da peça, widgets eram objetos inanimados, muito diferente do que entendemos como esse componente nos dias atuais. Neste artigo você encontrará O que é Widget?Qual a diferença entre um ícone e um widget?Para que serve o Widget?Como baixar o Widget?Como o Widget funciona?Como colocar o Widget no seu site?Qual a importância de utilizar o Widget? Para iniciantes o widget é uma forma fácil de adicionar elementos no site — citações, galerias, posts mais populares, sem precisar escrever códigos. Quer aprender a usar esse recurso? Continue a leitura! O que é Widget? O widget pode ser considerado um componente de acessibilidade, pois simplifica o acesso do usuários aos programas e sistemas armazenados em seus computadores, tablets, smartphones e outros dispositivos. Tem diversas funcionalidades, como botões, ícones e barras de rolagem e pode ser facilmente criado sem que o usuário saiba como incorporar código ou programa. Sua interface gráfica, GUI Graphical User Interface, permite adicionar ao sistema operacional uma tarefa predeterminada, que opera em tempo real, como relógio, contagem regressiva de eventos, clima diário, atualização de redes sociais, contador de visitas no site etc. Os widgets são classificados, geralmente, em dois tipos baixo nível utilizados para a criação do sistema operacional, fazem parte do núcleo do sistema;alto nível referem-se aos objetos finais e são facilmente encontrados em bibliotecas de desenvolvimento toolkit ou em frameworks. Alguns widgets recebem dados do usuário para criar algum tipo de registro — entradas de texto, caixas e menus de seleção e outros componentes capazes de coletar informações e enumerar as possibilidades a serem apresentadas ao usuário. Um widget da web é um aplicativo independente, que pode ser incorporado a um site — blogs, perfis em redes sociais e páginas da web, em áreas específicas para mensurar o desempenho do site, SEO Search Engine Optimization e até campanhas de link reverso. Qual a diferença entre um ícone e um widget? Ambos direcionam o usuário para outro ambiente, mas existe uma diferença básica entre um widget e um ícone independentemente do dispositivo em que estão incorporados, seja um computador ou smartphone, o ícone serve apenas como um atalho para aquele programa que o originou, enquanto que o widget fornece na sua interface os dados gerados pelo aplicativo em que ele foi associado. O widget Handcent, por exemplo, muda quando uma mensagem SMS é recebida, enquanto o ícone do Handcent permanece o mesmo, sendo apenas atalhos estáticos que servem para iniciar aplicativos. Assim, a melhor maneira de definir essa diferença é que um widget é mais sofisticado que o ícone, muitas vezes são animados, têm controle de toque, visualizador de informações e a capacidade de informar sobre o status do aplicativo que ele representa, além de permitir a sua inicialização, o widget de música, por exemplo, que exibe a arte do álbum e tem um botão de pausa na reprodução. Para que serve um widget? Vamos especificar agora a usabilidade dos widgets. No WordPress, por exemplo, eles permitem que você adicione diferentes funcionalidades na barra lateral sem precisar saber escrever códigos. Essa facilidade favorece proprietários de página iniciantes, que podem incorporar elementos dinâmicos, como quantidade de curtidas ou seguidores nas redes sociais, exibir citações atualizadas em tempo real ou direcionar o usuário para a seleção de posts mais populares ou mais recentes. Dessa forma, widgets também podem ser usados para o direcionamento dos usuários da sua página. Eles funcionam como um canal de comunicação para conectar o site a qualquer outro ambiente na web, fanpage, redes sociais ou perfil no MySpace, por exemplo. Como sua aplicação é opcional, os usuários decidem quais devem integrar o ambiente, para garantir a interação do seu público com outras páginas, durante sua experiência. Dessa forma, um widget pode ser associado a algumas estratégias de marketing permitir uma comunicação mais fluida com o público;oferecer acesso imediato a informações em tempo real;possibilitar o acesso mais simples aos serviços;obter informações importantes no primeiro acesso;ser usado para mensagens publicitárias se o widget for interessante e útil, você poderá obter publicidade gratuita em centenas de sites. O uso de widgets tem se popularizado entre administradores de página, pois os usuários podem adicionar aplicativos independentes a seus sites, blogs, perfis e páginas de comunidade em redes sociais, o que aumenta o engajamento dos visitantes e a atratividade do site. Mas a aplicabilidade do componente deve ser limitada, para evitar a sobrecarga do site, que seja um fator condicionante para o atraso no carregamento da página e, consequentemente, desencorajar os visitantes pela demora no acesso. Além disso, os scripts externos podem representar um risco de segurança, fator muito relevante nos dias atuais. Como adicionar widgets no WordPress? Existem vários métodos para adicionar widgets ao seu site em WordPress de forma fácil drag and drop e incorporação por listas, quando os widgets estão disponíveis pelo CMS ou por meio de códigos de acesso gerados com um plug-in, ao desativar o editor visual clássico para adicionar o código diretamente à página, com blocos HTML brutos, por meio do Gutenberg, entre outros. Veja a seguir um pouco mais sobre cada método. Opção 1 use a funcionalidade drag and drop Essa é a forma mais rápida de adicionar um widget ao seu CMS. Basta arrastá-los e soltá-los na barra lateral Opção 2 incorpore o widget por lista Acesse a lista de widgets disponíveis e no título da widget clique no componente desejado. O WordPress mostrará em qual parte da barra lateral ele poderá ser adicionado. Selecione o local e clique no botão “adicionar widget” para incluí-lo na área especificada. Opção 3 use o plugin no WordPress para adicionar widgets Nesse método você não precisará desativar o editor visual clássico para adicionar o widget no site ou editar a página em que o widget está localizado. Além disso, os códigos de acesso serão salvos no WordPress para uso futuro. identifique o código do widget. Se for necessário, torne-o mais curto, por meio de plugins específicos, como o MindBody Widget;vá para o painel do WordPress e localize “MB Widgets”;clique em “códigos de acesso do widget”;clique em “adicionar novo widget”;adicione um título de widget como “Agenda” ou “relógio”;cole seu código do widget na caixa de texto “Código do widget”.clique em “criar”;para instalar o widget, acesse a página desejada do WordPress;clique no botão Mindbody acima da caixa de texto;escolha o widget da lista;atualize sua página. Alguns temas do WordPress, como o Avada, usam o Page Builder em vez do editor padrão do WordPress. Se o seu tema for feito a partir de um Construtor de Páginas, você poderá adicionar o código de acesso a partir de um Bloco de Texto ou Caixa de Texto, como alternativa de instalação. Opção 4 inclua widgets por meio da desabilitação do editor visual clássico O editor visual clássico deve ser desativado sempre que você adicionar ou editar os widgets no seu site. Observe que a desativação dessa configuração restringirá sua capacidade de editar outras páginas, por isso recomendamos reativar o editor visual quando terminar de adicionar o código do widget. faça login no seu site WordPress;clique no seu nome, no canto superior direito;clique em “editar meu perfil”;verifique se a caixa de seleção “desativar o editor visual ao escrever” está marcada; clique em “Atualizar perfil” na parte inferior;vá para “Páginas” e selecione onde você deseja colocar seu widget;copie seu código do widget do Branded Web Manager e cole-o na área de conteúdo; atualize a página;retorne ao seu perfil e reative o editor visual se precisar fazer alterações em outras páginas. Opção 5 use o bloco HTML bruto Nessa opção você usa o bloco “Raw HTML” para instalar um widget. Opção 6 adicione widgets no WordPress por meio do editor Gutenberg Esse editor facilita a incorporação de widgets em sites WordPress. Difere-se do editor visual clássico pela localização dos plugins no editor visual clássico, os plugins de widget ficam localizados na parte superior do editor, enquanto no Gutenberg, eles localizam-se no menu recolhível. Para instalar o editor adicione o novo plugin no seu painel do WP e pesquise por Gutenberg. Instale-o e ative-o. O layout no Gutenberg é construído a partir de blocos, ou seja, não necessita de linhas e colunas mas sim a inserção dos elementos na tela que podem ser ajustadas conforme o usuário desejar. O acesso aos Widgets no Gutenberg fica no ícone + no canto superior esquerdo do editor, conforme mostrado abaixo Você pode escolher quais widgets inserir no meio da sua postagem — lista de postagens, shortcodes, lista de categorias etc. ou no lugar em que achar melhor. Para adicionar widgets por meio do bloco HTML personalizado localize o widget que você deseja adicionar ao seu site WordPress e clique nos três pontos à direita do widget para abrir o menu;clique em “adicionar”;copie o código do widget; faça login no seu site para “Páginas” e selecione onde você deseja colocar seu widget;clique no ícone de adição no canto superior esquerdo do editor; no menu, selecione Bloco HTML personalizado você também pode procurar o bloco HTML personalizado usando a barra de pesquisa na parte superior do menu; cole seu código do widget no bloco HTML personalizado;faça alterações adicionais em sua página;clique em “publicar” ou “atualizar” para salvar suas alterações. Como remover um widget do WordPress? Remover um widget no WordPress é tão simples quanto adicioná-lo acesse a página “aparência”, depois em “widget”;identifique o componente que você deseja remover da sua barra lateral;clique no título do widget para expandi-lo; Embaixo das configurações do widget, você achará o link para deletá-lo. Ao deletar, ele será retirado da barra lateral do seu painel e também da seção de configurações, título ou outras opções que você tenha selecionado. Se você desejar remover o widget sem perder as configurações, então basta arrastá-lo e soltá-lo na área específica para widgets desativados. Dessa forma, você poderá retomá-lo para a lista sempre que achar pertinente Widgets são recursos imprescindíveis para tornar seu site ou blog mais dinâmicos. Por meio de um consumo mínimo de memória, eles garantem ao usuário visualização em tempo real de informações predeterminadas pelo sistema em que estão incorporados, seja esse um aplicativo ou um programa de computador. Além disso, melhoram a experiência do público durante o acesso a página, basta escolhê-los com critério para não prejudicar o tempo de carregamento e, consequentemente, a velocidade de acesso do usuário ao site. Quer conhecer outros recursos que podem personalizar sua página pessoal e torná-la ainda mais funcional para a sua audiência? Então, descubra alguns plugins para WordPress no artigo que selecionamos para você! Sejak Elementor , kami dapat membuat animasi di Elementor. Jika Anda pernah ingin tahu cara membuat animasi di Elementor, Anda berada di tempat yang tepat. Pembaruan Elementor itu telah menambahkan 4 efek gerakan berbeda yang dapat Anda gunakan di blog Anda. Kami akan memiliki ikhtisar tentang animasi ini. Mari kita mulai. Cara Menganimasikan Gambar di Elementor Dengan Elementor sekarang dimungkinkan untuk menambahkan animasi pada MemutarGulir HorisontalGulir VertikalSkala Mari kita telusuri secara konkret apa yang terjadi ketika Anda melakukan salah satu dari peristiwa ini. Buat Situs Web Luar Biasa Dengan Elementor pembuat halaman gratis terbaik Mulai sekarang Cara Membuat Animasi Berputar Dari Gambar Pada Elementor Jadi jika Anda ingin membuat animasi berputar untuk gambar Anda, Anda harus menuju ke Advanced Tab , buka bagian Motion Effects, dan aktifkan Scrolling Effects. Kemudian, Anda perlu mengklik opsi Rotate dan memilih ke arah mana gambar harus diputar. Jika Anda ingin membuat animasi yang halus, kami akan menentukan Kecepatan Slider menjadi 1. Tidak perlu mengubah viewport di sini., Terakhir, kita bisa mengatur  Y Anchor Point ke Top untuk membuat gambar berputar dari titik tersebut. Cara Membuat Animasi Slide Pada Scroll Pada Elementor Untuk membuat animasi slide, kita perlu mengaktifkan "Scrolling Effects" seperti yang kita lakukan di bagian sebelumnya. Sekarang kita akan mengaktifkan "Gulir Horizontal", dan menentukan konfigurasi berikut Arah GeserAtur  Kecepatan ke 10 Berikut adalah demo tentang bagaimana tampilan geser pada pengguliran. Cara Membuat Animasi Gulir Vertikal Pada Elementor Sama seperti di bagian sebelumnya, kita perlu mengaktifkan Scrolling Effects. Perbedaannya sekarang adalah kita akan mengaktifkan Vertical Scroll dan menentukan beberapa konfigurasi Tentukan kecepatan menjadi 4Atur arah ke "Turun" Dan itu saja! Anda dapat membiarkan pengaturan lain sebagai default. Cara Membuat Animasi Zoom Pada Elementor Dengan animasi ini, kita akan merasakan bahwa gambar bergerak ke arah kita. Itu bisa sangat berguna untuk menarik perhatian elemen tertentu dari situs web Anda. Jadi, mari kita aktifkan Scrolling Effects. Kemudian, aktifkan Vertical Scroll dan Atur arah ke  BawahAtur Viewport antara 0% dan 40% Kemudian, klik opsi Scale dan atur Speed sama dengan 6. Selain itu, gunakan pengaturan Viewport untuk membuat bagian bawah 20% dan bagian atas 80%. Itu cukup banyak yang perlu Anda ketahui tentang animasi bergulir di Elementor. Cara Mengontrol Transparansi Pada Gulir Pada Elementor Di sini, Anda akan mempelajari cara menggunakan  Pengaturan Viewport  untuk membuat efek gerakan keren saat pengunjung menavigasi situs Anda. Kami akan menerapkan efek gerakan ke latar belakang dan bagian, serta widget, yang memberikan cukup fleksibilitas terkait efek yang ingin kami buat. Singkatnya, inilah yang harus Anda lakukan Pilih gambarBuka tab LanjutTemukan bagian Motion EffectsNyalakan Scrolling Effects Sekarang, kita akan mengaktifkan Horizontal Scroll untuk memastikan gambar bergerak dari kiri ke kanan saat pengguna menggulir halaman ke bawah. Kita juga bisa mengatur  Speed untuk membuat animasi yang halus atau cepat Sekarang, mari masuk ke opsi ViewPort dan lihat perubahan apa yang dapat kita terapkan padanya. Pertama, penting untuk menentukan apa itu ViewPort viewport pengunjung adalah ukuran layar perangkat pengguna yang terlihat. Opsi Viewport memungkinkan kami memilih kapan harus memulai dan menghentikan efek pengguliran yang Anda pilih berdasarkan viewport pengunjung. Misalnya, jika kita menetapkan bagian bawah area pandang menjadi 0% dan bagian atas menjadi 100%, gambar akan mulai bergerak segera setelah terlihat di bagian bawah area pandang pengunjung. Jadi, gambar akan mencapai posisi 'asli' ketika berada di tengah Viewport pengunjung atau, 50% , dan akan terus bergerak hingga mencapai puncak 100%. Konkretnya inilah yang terjadi selama animasi bergulir dari suatu gambar Gambar akan mulai di sebelah kiri dari posisi semula ketika pertama kali muncul di viewport pengunjung viewport pengunjung di 0% Ini akan mencapai posisi semula di tengah viewport pengunjung viewport pengunjung di 50% Itu akan terus meluncur ke kanan dari posisi semula karena pengunjung terus menggulir sampai mencapai 100% Jadi ini berarti bahwa jika kita mengatur  Bawah  Viewport  menjadi 50% dan  Atas  menjadi 100% Gambar akan mulai dari posisi gambar berada di tengah viewport pengunjung 50%, gambar akan mulai bergerak ke kanan hingga gambar mencapai bagian atas viewport pengunjung 100%. Cara Membuat Animasi Efek Transparansi Pada Elementor Untuk contoh ini, kami akan mengaktifkan opsi Transparansi dan Atur arah ke  Fade InSetel  Level  ke  10  ini membuat gambar sangat transparan untuk memulai Jika kita mengatur viewport Bawah ke 0% dan Atas ke 100%, gambar akan transparan saat pertama kali muncul di bagian bawah viewport pengunjung 0%. Saat gambar bergerak ke atas, itu akan menjadi lebih terlihat, akhirnya mencapai tampilan aslinya ketika mencapai bagian atas viewport pengunjung 100%. Jika kita ingin membalikkannya, kita bisa mendefinisikan Fade Out. Kemudian, gambar akan tampak normal pada awalnya dan mengurangi transparansi saat pengunjung menggulir ke bawah. Pilihan lainnya adalah Fade Out In. Dengan yang satu ini, gambar akan mulai dengan status fade-out dan kemudian kembali lagi saat pengunjung terus menggulir. Jika kita mengatur viewport Bawah ke 40% dan Atas ke 60% dengan Fade Out In, maka Gambar akan memudar dari 0% menjadi 40%Ini akan tetap memudar antara 40% hingga 60%Setelah mencapai 60%, itu akan mulai memudar lagi antara 60% dan 100% Sekarang mari kita bermain-main dengan pengaturan yang berbeda untuk menemukan efek yang Anda sukai. Cara Menggunakan Titik Jangkar X dan Y Untuk Efek Animasi Berputar dan Menskala Sekarang mari kita pelajari lebih lanjut tentang titik jangkar X dan Y untuk efek Putar dan Skala di Efek Gerak Elementor. Pada akhir ini, Anda akan tahu bagaimana menerapkan pengaturan ini untuk membuat beberapa efek gerakan keren di situs Anda. Singkatnya, inilah langkah yang akan kita lalui Buka tab LanjutanTemukan pengaturan Motion EffectsNyalakan Scrolling Effects Bagaimana Anchor Points Bekerja di Rotate Animation Mari kita pertimbangkan Efek Rotasi. Klik ikon pensil dengan efek Rotate untuk menyalakannya. Anda dapat membiarkan pengaturan sebagai default. Kemudian, cari pengaturan X Anchor Point dan Y Anchor Point yang muncul di bawah ini. Titik jangkar X dan Y menentukan sumbu di mana gambar berputar. Secara default, keduanya diatur ke Center, yang berarti gambar akan berputar seolah-olah ada 'pin' di tengah gambar. Namun, mengubah titik jangkar X dan/atau Y akan menyebabkan efek rotasi yang berbeda. Misalnya, jika Anda mengatur  X Anchor Point  ke kiri dan  Y Anchor Point  ke atas, gambar akan berputar di sekitar sudut kiri atas Atau, jika Anda menyetel X Anchor Point ke tengah, dan Y Anchor Point ke atas, gambar akan berputar seolah-olah lukisan yang Anda gantung di atas. Apakah Anda mendapatkannya sejauh ini? Mari kita lihat satu lagi. Jika Anda memindahkan X Anchor Point ke kanan, sekarang gambar akan mulai berputar seolah-olah disematkan di sudut kanan atas. Mari kita simpulkan ini. The X Anchor Point menentukan posisi pada sumbu x di mana gambar berputar Dan Titik Jangkar Y melakukan hal yang sama untuk orientasi vertikal Cara Menggunakan Titik Jangkar Dalam Efek Animasi Skala Dengan asumsi Anda memahami dasar-dasar animasi dengan Elementor , mari kita lihat bagaimana ide yang sama ini bekerja dengan efek Skala. Untuk memulai, nonaktifkan efek Rotate, aktifkan efek Scale, dan Atur Arah ke Skala NaikAtur  Kecepatan ke -5 Secara default, X Anchor Point dan Y Anchor Point selalu disetel ke tengah, yang berarti gambar diperkecil ke arah tengah widget gambar. Di sisi lain, jika Anda mengatur titik jangkar ke Atas dan Kiri, gambar akan turun ke sudut kiri atas. Ini adalah ide yang sama persis dengan efek rotasi. Sekarang setelah Anda mengetahui cara kerja titik jangkar X dan Y, Anda dapat melanjutkan dan berlatih untuk menguasai animasi ini dengan baik. Cara Menganimasikan Teks Dengan Efek Tumpang Tindih Pada Elementor Di sini, Anda akan belajar bagaimana menggunakan fitur Horizontal Scroll di Elementor's Motion Effects untuk membuat efek teks animasi yang rapi di situs Anda. Anda akan dapat memindahkan teks melintasi halaman saat pengunjung menggulir. Dan dengan beberapa penyesuaian, Anda bahkan dapat membuat teks berubah warna saat bergerak. Untuk contoh ini, kita akan membahas langkah-langkah berikut Judul abu-abu sederhana yang bergerak ke kanan dan tetap dengan warna yang samaJudul putih dan merah muda yang bergerak ke kiri dan berubah dari putih menjadi merah muda setelah melintasi latar belakang merah muda Membuat Header Pertama Mari kita mulai dengan heading abu-abu solid. Kami akan memilih judul, lalu Buka tab LanjutanTemukan bagian Motion EffectsNyalakan Scrolling Effects Kemudian, klik pensil di sebelah efek Horizontal Scroll untuk masuk ke pengaturannya Ubah Arah ke arah yang Anda inginkan untuk menggulir teks Anda "Ke Kanan" untuk contoh kitaBiarkan pengaturan Kecepatan dan Viewport sebagai default Sekarang judul akan meluncur ke kanan saat pengunjung menggulir halaman ke bawah. Membuat Header Kedua Sekarang, mari kita sedikit lebih maju dan mengubah warna heading saat bergerak. Proses ini melibatkan Membuat duplikat bagian dalamMenggunakan opsi Overflow Hidden untuk menyembunyikan heading dari salah satu bagian setelah melewati bagian dalam Untuk memulai, tambahkan widget Bagian Dalam baru ke bagian tempat Anda ingin meletakkan header, lalu hapus kolom kiri. Kemudian, atur  Tinggi Min  sama dengan 450 px Sekarang mari kita pergi ke tab Style dan mengatur warna latar belakang menjadi merah muda. Terakhir, buka tab Advanced dan atur padding kiri menjadi 33%. Sekarang, tambahkan widget  Heading dan berikan gaya. Anda harus memiliki heading di dalam bagian dalam seperti ini Sekarang, mari kita edit widget Heading dan aktifkan Scrolling Effects di tab Advanced . Kemudian, mari aktifkan pengaturan Horizontal Scroll dan biarkan opsi sebagai default. Sekarang, header Anda akan bergerak ke kiri, tetapi belum berubah warna. Anda dapat melihat bahwa itu masih putih bahkan di latar belakang putih. Untuk memperbaikinya, kami akan menduplikasi bagian dalam. Sekarang, kita akan memiliki dua bagian dalam dan heading yang identik. Anda dapat menggunakan Navigator untuk mengganti nama bagian untuk membantu Anda mengingat yang mana Sekarang, mari pindah ke bagian dalam bawah yang duplikat dan ubah warna latar belakangnya menjadi putih. Anda juga ingin mengubah warna judul menjadi warna yang sama dengan latar belakang di bagian dalam asli Anda. Kemudian, tambahkan margin atas negatif -450 px ke bagian dalam bawah. Sekarang, bagian dalam bawah duplikat akan muncul “di atas†dari bagian dalam asli. Untuk memperbaikinya, kita perlu mengatur Z-Index untuk bagian duplikat ke 1 dan mengatur Z-Index untuk bagian asli ke 2. Kita juga harus memastikan bahwa hanya header merah muda yang muncul saat bergerak di luar bagian dalam. lebar. Berikut adalah bagaimana seharusnya terlihat seperti Untuk mencapai efek ini, buka pengaturan untuk bagian dalam asli . Di tab Layout , temukan opsi Overflow dan atur ke Hidden . Itu saja! Sekarang, hanya heading dari bagian  duplikat  yang akan muncul setelah bergulir melewati bagian dalam, yang menciptakan efek teks perubahan warna yang rapi. Cukup mengesankan bukan? Meringkas Kami berharap tutorial ini akan memberikan petunjuk serius tentang cara membuat animasi dengan Elementor . Ingatlah bahwa Anda harus banyak berlatih untuk menguasai animasi ini. Jangan ragu untuk membagikan panduan ini kepada teman