Social Items

    •
Tampilkan postingan dengan label website. Tampilkan semua postingan
Tampilkan postingan dengan label website. Tampilkan semua postingan

Embed Youtube Shorts 2025

 YouTube Shorts adalah fitur baru dari YouTube yang memungkinkan pengguna membuat dan mengunggah video vertikal berdurasi pendek—hingga 3 menit—langsung dari perangkat smartphone mereka. Shorts dirancang untuk menjadi konten yang cepat, menghibur, dan mudah dibuat. Format ini sangat cocok untuk menarik perhatian penonton dalam waktu singkat dan ideal untuk promosi konten secara cepat di media sosial maupun situs web.Cara Embed Video YouTube Shorts ke Website.

 "Embed" adalah proses menyisipkan video YouTube ke dalam halaman website sehingga pengunjung situs dapat langsung menontonnya tanpa harus keluar dari halaman tersebut. Ini sangat bermanfaat karena bisa meningkatkan jumlah view, mengurangi bounce rate situs, serta membuat tampilan website kamu lebih menarik dan interaktif.


Berikut langkah-langkah mudah untuk melakukan embed video Shorts ke dalam website kamu:


  1. Buka video Shorts kamu di YouTube

    Pastikan video sudah dipublikasikan dan bisa ditonton oleh umum (public).


    1. Klik tombol "Share" (Bagikan)

    Tombol ini terletak di bawah video.


    1. Pilih opsi "Embed"

      Setelah memilih "Share", akan muncul beberapa pilihan. Klik "Embed" untuk menampilkan kode HTML.


      1. Salin kode embed yang muncul

        Contoh link yang dihasilkan berikut:

        https://youtube.com/shorts/VxRl_6RGJZ4?si=ZQTstj0tPo57E8uO

        Note**: Yang bertanda merah merupakan ID Video Youtube, silahkan copy dan paste di src dan youtube-src-id pada kode iframe.

        Kode iframe sebagai berikut:

        <iframe width="252" height="450"
    src="https://www.youtube.com/embed/VxRl_6RGJZ4?autoplay=1&mute=1&loop=1&playlist=VxRl_6RGJZ4"
    youtube-src-id="VxRl_6RGJZ4"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen>
</iframe>

        Penjelasan:

        • autoplay=1 berarti video akan diputar otomatis saat halaman dimuat.
        • mute=1 berarti suara video dimatikan (ini merupakan syarat agar autoplay dapat berjalan di sebagian besar browser).
        • loop=1 berarti video akan diputar ulang secara terus-menerus.
        • playlist=YouTubeVideoID digunakan sebagai syarat agar loop=1 bisa bekerja jika hanya satu video yang diputar. Masukkan ID video yang sama ke dalam parameter playlist.

        1. Tempelkan kode embed ke dalam halaman web kamu

        Masuk ke editor HTML dari website kamu dan paste kode tadi ke bagian tempat kamu ingin menampilkan video.


         Dengan melakukan embed video Shorts kamu ke dalam website, kamu bisa menjangkau audiens yang lebih luas dan meningkatkan interaksi dengan pengunjung situs. Cara ini juga cocok untuk para pemilik blog, toko online, atau portofolio digital yang ingin menampilkan kreativitas mereka secara langsung. Selamat mencoba dan semoga channel YouTube kamu semakin berkembang!


        ~ Terima Kasih ~

        Embed Youtube Shorts di Website 2025 | 100% Work

         WordPress adalah salah satu CMS yang paling populer di dunia dengan lebih dari 40% dari seluruh situs web di internet yang menggunakan WordPress. Platform manajemen konten (Content Management System) atau CMS yang digunakan untuk membangun dan mengelola situs web. WordPress memungkinkan pengguna untuk membuat berbagai jenis situs web, termasuk blog, toko online, situs berita, dan banyak lagi.


         Jika kamu ingin melakukan pembuatan atau pengembangan sebuah situs web yang menggunakan WordPress tentunya akan melakukan pemasangan WordPress di local dahulu. Cara yang digunakan biasanya mendownload source code WordPress di wordpress.org . Setelah itu di ekstrak ke dalam folder yang nantinya di tempatkan pada server web yang kamu punya. Server web yang dipakai biasanya adalah Apache atau Nginx. Cara download dan ekstrak itu kurang cepat untuk diterapkan. Ada cara yang cepat yaitu menggunakan Laragon. Jika kamu biasanya menggunakan XAMPP, Wamp Server, MAMP atau AMPPS, kamu patut mencoba menggunakan Laragon. Kamu akan merasakan hasilnya sendiri.


         Maka dari itu mari simak cara cepat setup Wordpress untuk Development pada tutorial di bawah ini.

        1. Pastikan sudah mempunyai Laragon. Jika belum download Laragon | DISINI |
        2. Install Laragonnya.
        3. Aktifkan Apache dan MySQL pada Laragon.
        4. Pilih menu Quick App -> Pilih WordPress seperti gambar di bawah ini.
        Tampilan pilihan WordPress


        1.  Isikan nama projectnya seperti gambar di bawah ini. Jika lebih dari satu kata gunakan tanda (-) sebagai penghubung.
        Tampilan buat nama project

        1. Tunggu proses ekstrak WordPress ke dalam projectnya. Pada proses ini akan terlihat alamat project sesuai nama project yang kita buat "http://pongkagame.test"
        Tampilan ekstrak WordPress oleh Laragon ke dalam project

        1. Jika proses ekstrak sudah selesai. Buka browser -> buka alamat "https://pongkagame.test"


        1. Maka akan muncul proses install WordPressnya. Pertama: pilih bahasa sesuai keinginan kamu seperti gambar di bawah ini.
        Tampilan pilihan bahasa WordPress

        1. Kedua: isikan informasi yang dibutuhkan yaitu Site title, Username, Password dan Email seperti gambar di bawah ini. Jika sudah klik button "Install Wordpress"
        Tampilan isian informasi WordPress

        1. Jika berhasil maka akan muncul tampilan seperti di bawah ini. Klik button "Log In" untuk login ke dashboard WordPress.
        Tampilan WorpPress berhasil terinstall

        1. Selamat kamu sekarang bisa melakukan login ke project WordPress yang kamu buat.
        Tampilan login Wordpress


         Setelah kamu mengikuti dan menerapkan metode instalasi WordPress menggunakan Laragon kamu akan merasakan waktu yang singkat dibutuhkan untuk memiliki WordPress untuk Development. Waktu yang dibutuhkan kurang lebih 1 menit saja. 
         
         Demikian tutorial mengenai instalasi WordPress untuk Development atau pengembangan situs web berbasis WordPress yang sedang kamu buat.


        ~ Terima Kasih ~

        Cara cepat setup WordPress untuk Development


          Lapce adalalah editor kode secepat kilat dan kuat ditulis dalam Rust. Bagi yang belum tahu Rust, Rust adalah Bahasa pemrograman yang memberdayakan semua orang untuk membangun perangkat lunak yang andal dan efisien (rust-lang.org).


         Lapce memang sangat cepat terbukti dengan ukuran sizenya 80 MB setelah memasangnya di sistem operasi yang kamu punya. Bukan itu saja, kamu tidak perlu menginstalnya karena Lapce bisa digunakan portable di Windows 11. Jika belum merasa tertarik untuk menggunakannya, silahkan lihat screenshot aplikasi Lapcenya di bawah ini.


         Jika kamu pertama kali membuka project yang kamu punya menggunakan Lapce maka tampilannya akan seperti di bawah ini.


        Tampilan Lapce

         Jika kamu ingin menambahkan extension pada Lapce maka pilih icon extension pada deretan terakhir di project manager seperti di bawah ini.

        Lapce extensions

         Jika kamu ingin menggunakan Git maka tinggal pilih icon Git pada deretan nomor 2 di project manager seperti di bawah ini.

        Lapce Git

         Bagaimana sudah tertarik bukan untuk mencoba Lapce sebagai editor kode di project kamu? untuk mendownload aplikasinya silahkan klik tombol download di bawah ini.


        Referensi:



        ~ Terima Kasih ~

        Cara install Lapce code editor di Windows 11, sangat ringan dan mirip VS code


         Pada kesempatan kali ini saya akan membagikan source code dari konversi gambar ke PDF menggunakan bahasa pemrograman PHP dimana aplikasi ini berbasis Website. Tentunya melakukan konversi sebuah gambar ke PDF sangat sering dibutuhkan banyak orang setiap hari. Hal ini terbukti dengan banyaknya website yang menyediakan layanan konversi gambar ke PDF yang dibuat untuk mempermudah kita dalam mengkonversikan gambar yang kita punya dari platform mana saja. Layanan konversi menggunakan website juga mempersingkat waktu kita untuk tidak lagi menginstal aplikasi konversi gambar ke PDF di sistem operasi yang kita punya terlebih dahulu, tentu saja kita akan bingung untuk menentukan pilihan aplikasi mana yang cocok untuk kita gunakan melakukan konversi.

         Tentunya hal menarik bukan ketika kamu bisa membuat layanan konversi gambar ke PDF milik kamu sendiri?. Untuk itu, mari kita simak tampilan aplikasi konversi gambar ke PDF berbasis Web di bawah ini.

         

        Tampilan aplikasi img to pdf


         Jika kamu ingin mencobanya terlebih dahulu, silahkan menggunakan link di bawah ini.


         Jika kamu ingin mendownload source codenya, silahkan gunakan link di bawah ini.




        Referensi :


         Demikian artikel yang mengenai source code konversi gambar ke PDF menggunakan bahasa pemrograman PHP. Semoga bisa membantu kamu dalam pengembangan aplikasi yang sedang kamu buat. Silahkan kembangkan source code tersebut seperti frontend dan fitur-fitur lainnya.


        ~ Terima Kasih ~

        Source code: Konversi gambar ke PDF (PHP) terbaru

          


         Desain website merupakan tahap merancang website dalam bentuk rancangan yang sesuai dengan website yang akan kita buat sehingga bisa terlihat oleh user seperti apa dan apa yang diharus dimiliki website yang akan kita buat atau dalam kata lain user interface.  Untuk melakukan desain website tentunya perlu adanya aplikasi yang bisa digunakan untuk melakukan desain, dimana banyak yang menjadi pilihan sejak dulu seperti Abode Photoshop, Adobe Ilustrator, Adobe Dreamweaver, Pencil, Scribus, Inkscape bahkan GIMP. Tapi dalam era yang semakin maju tentu ada inovasi yang diperlukan guna mengerjakan desain bisa dikhususkan pada aplikasi tertentu. Sebagai contoh desain photo menggunakan aplikasi desain khusus photo.

         Saat ini populer aplikasi yang digunakan untuk melakukan desain website dengan sistem komponen sehingga lebih mudah untuk merancang atau mendesain website yang akan kita buat sebagai contoh ada Figma, Wix, . Apakah kamu sudah mencoba Lunacy? Jika belum silahkan klik link berikut DISINI. Lunacy adalah aplikasi yang 100% gratis digunakan untuk melakukan desain website. Aplikasi gratis apakah layak ? Kalau kamu penasaran silahkan simak screenshot aplikasi Lunacy di bawah ini.

        Mode editing atau mendesain

        Mode Presentasi


         Berdasarkan pengalaman saya Lunacy adalah pilihan yang tepat untuk digunakan desain website karena saya sebagai pengguna Figma merasa menu-menu dan komponen yang ada di Lunacy sangat tidak asing setelah saya memakai Figma. Jadi lebih penasaran? Silahkan simak video tutorial singkat saya di bawah ini.



         Tunggu apalagi dapatkan aplikasi Lunacy segera pada link di bawah ini. Ingat Lunacy is 100% Free Design Software. Kamu bisa download pada link DISINI.


        ~ Terima Kasih ~

        Aplikasi gratis untuk desain website selain Figma? coba Lunacy!

         

         Hai, semua! Pada kesempatan kali ini saya akan membagikan tutorial membuat menu website keren masa kini menggunakan Javasript. Jadi apa yang akan saya buat?. Saya akan membuat sebuah menu yang berisikan nama-nama  yaitu: 
        1. Home
        2. About
        3. Categories
         Pada menu Categories berisikan submenu yaitu:
        1. Cars
        2. Bicycles
        3. Toys
         Pada menu tersebut memiliki role yaitu:
        1. Ketika user melakukan hover pada menu utama maka background pada header akan berubah warna.
        2. Jika terdapat submenu pada menu utama (menu Categories) ditandai dengan icon panah menunjuk ke bawah  maka user harus melakukan click terlebih  dahulu pada menu utama.
        3. Ketika user melakukan klik pada menu utama yang berisikan submenu maka submenu akan terlihat dan icon pada menu utama tersebut akan berbalik arah yang menandakan submenu telah terbuka.
         Berikut di bawah ini tampilan akhir dari menu website keren masa kini ini.


         Jika kamu tertarik dengan source code dari menu tersebut, silahkan download pada link di bawah ini.


         Demikian pembahasan kali ini, semoga bisa membantu kamu untuk menambah referensi dalam pembuatan project website yang sedang kamu kerjakan.

        ~ Terima Kasih ~

        Membuat Menu Website keren masa kini menggunakan Javascript



         Sesuai gambar di atas, membuat karakter profil unik dengan nama kamu bisa kamu buat. Aplikasi ini bernama Pictogrify yaitu generator unik piktogram dari teks yang ketikkan. Pictogrify ini dapat kamu akses melalui laman berikut luciorubeens.github.io/pictogrify/. Pictogrify ini merupakan buatan Lúcio Rubens. Pada dasarnya gambar yang otomatis akan dimuat ketika kamu mengetikan tulisan pada laman tersebut. 


         Pictogrify merupakan package yang dibuat dalam bahasa pemrograman Javascript, sehingga gambar yang muncul seperti di laman resminya tersebut merupakan gambar contoh buatan dari creatornya. Kamu yang seorang programmer bisa menggunakan package yang telah dibuat tersebut untuk gambar yang kamu buat sendiri. Dokumentasi dari penggunaan Pictogrify ini bisa kamu temukan pada laman berikut : github.com/luciorubeens/pictogrify. 

        Membuat karakter profil unik dengan nama kamu

         Laragon adalah suatu aplikasi yang digunakan untuk pengembangan aplikasi website dalam lingkup yang menyeluruh dan bisa digunakan secara portable pada sistem operasi Windows sehingga kamu tidak perlu pusing dalam mengakses baik server maupun database bisa dijalankan dengan aplikasi Laragon. Bagi kamu yang merupakan seorang developer website pasti tidak asing lagi menggunakan aplikasi Laragon. Pada tutorial kali ini akan dibahas cara mengubah http menjadi https di Laragon menggunakan server Apache. Mari simak tutorial dibawah ini :


         Pastikan server Apache pada aplikasi Laragon kamu dimatikan terlebih dahulu.


        1. Buka aplikasi Laragon. Pilih icon setting -> Pilih tab Services & Ports -> Centang ☑ Enable SSL 443

        enable SSL


        1. Klik kanan pada icon Laragon di taskbar pilih apache ->  SSL -> Add laragon.crt Trust Store
        laragon.crt


        1. Start kembali Laragon dan buka link pada browser [ https://localhost ]

         Jika telah berisi icon gembok maka localhost kamu telah menggunakan HTTPS sebagai protocol aksesnya. Demikian tutorial cara mengubah HTTP menjadi HTTPS server Apache pada aplikasi Laragon. Selamat membuat aplikasi dengan lebih nyaman.

        - Terima Kasih -

        Cara mengubah HTTP menjadi HTTPS server Apache pada Laragon 5

        Langganan: Postingan (Atom)