tag:blogger.com,1999:blog-3639210320747020952024-03-28T06:54:49.953+07:00Sebardi BlogBelajar Komputer Otodidak dari NolYusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.comBlogger387125tag:blogger.com,1999:blog-363921032074702095.post-37546080281274830802024-02-09T14:34:00.003+07:002024-02-10T01:24:28.947+07:00Cara Mengubah Laptop Menjadi Web Server Untuk Anak-anakSebagian orang rela menyerahkan sepenuhnya kepada media internet kekinian untuk menemani keseharian anak-anaknya meskipun tanpa pengawasan. Kesimpulan Saya ini terbentuk karena tidak jarang melihat anak-anak yang bermain Youtube atau TikTok tanpa ditemani orang tuanya.Padahal, tontonan yang tersedia pada media tersebut tidak semuanya cocok untuk konsumsi anak-anak. Makanya, youtube for kids Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0tag:blogger.com,1999:blog-363921032074702095.post-13585540578835682482024-01-25T11:22:00.005+07:002024-01-25T11:22:57.587+07:00Cara Mudah Mengambil URL Gambar di Halaman yang Belum DipublikasikanSetiap kita memiliki kebiasaan masing-masing dalam bekerja atau mengambil tindakan tertentu. Disadari atau tidak kebiasaan itu akan tercermin ketika melakukan pekerjaan yang sama dan berulang. Termasuk salah satu contoh didalamnya adalah pekerjaan sebagai seorang blogger.Misalnya apa yang saya alami ketika berusaha mendapatkan URL gambar yang sebelumnya diupload dan tersimpan di server Blogger. Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-66213349794667501802024-01-19T13:45:00.000+07:002024-01-19T13:45:00.049+07:00Nonton 1 Menit di Shopee Video Dapet 100 Ribu? Gak Salah, Tapi ...Akhir-akhir ini sepertinya Shopee Video semakin trending. Hal ini membuat pemerhati dunia maya ikut penasaran. Ada apa gerangan dengan Shopee Video sampai-sampai kemarin ketemu teman-teman koq mereka membicarakan cuan yang bisa didapat dari sana.Terlebih bagi mereka yang berprofesi sebagai content creator yang mencari penghasilan dari internet. Tentu, peluang baru yang ditawarkan oleh salah Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-63057355783203359682024-01-14T01:36:00.003+07:002024-01-14T01:36:58.827+07:003 Cara Agar Gambar Postingan Blogger Menjadi ResponsifPada awalnya, pengaturan gambar postingan agar responsif tidak ada masalah dengan kodenya. Namun suatu hari saat memeriksa tampilan melalui perangkat mobile koq gitu. Seolah-olah kode CSS pengaturan gambar postingan Blogger agar responsif tidak berlaku.Saya kemudian mencoba mengingat-ingat sesuatu tentang perubahan apa yang sudah dilakukan. Khususnya theme blogger utama ini yang menggunakan Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-79717670265230026182024-01-06T13:25:00.011+07:002024-01-13T22:16:12.834+07:00Cara Membuat Profil Admin Blogger di Sidebar dengan BootstrapBeberapa bulan menjelang akhir tahun kemarin sangat jarang menulis artikel karena kesibukan di dunia nyata. Tidak ada urusannya dengan pekerjaan sih sebetulnya. Ibarat kata orang:"Kalau sudah suka maka yang tadinya sekedar penasaran pun bisa menjadi hobi." Nah, begitu juga apa yang sedang saya rasakan sekarang dengan mempelajari sesuatu yang tidak ada hubunganya dengan ilmu komputer. Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-44474331576960233462023-12-31T15:17:00.005+07:002023-12-31T15:17:53.852+07:00Cara Membuat Blog Gratis di Exblog; Sebuah Platform Layanan Blog Terkenal di JepangSelain Wordpress, Blogger merupakan salah satu platform penyedia layanan blog yang paling populer di seluruh dunia. Terutama bagi mereka yang mempunyai hobi menulis untuk berbagi pemikiran, pengalaman, cerita serta informasi lainnya. Terlebih lagi, blog yang dibangun secara gratis dengan platform Blogger memiliki peluang yang tidak terdapat bagi blog yang sama-sama gratisan namun dibangun Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-66015321122882249142023-11-06T17:42:00.009+07:002023-11-21T00:18:03.649+07:00Cara Menambahkan Tombol Buy Me A Coffee, Saweria + Trakteer dengan BootstrapDukungan finansial bagi seorang blogger sangat menentukan perjalanan sebuah website. Terlebih bagi seorang pemula yang baru beranjak berapa tahun menjadi seorang blogger. Meskipun misal ketika mulai merintis blog pribadinya secara tiba-tiba bisa langsung berhasil bergabung menjadi publisher Adsense.Karena memang faktanya menuntut demikian sebagaimana saya alami sendiri. Maka tidak heran jika Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-32691589887817040142023-11-04T17:17:00.001+07:002023-11-04T17:17:55.924+07:00Cara Membuat Banner Afiliasi di Sidebar Blogger dengan BootstrapMemiliki template blogger sendiri yang dibuat dari nol memacu keinginan untuk mencoba banyak hal. Contohnya ketika bergabung dengan program afiliasi dari IDCloudHost beberapa waktu yang lalu. Saat itu, banner yang sudah dikemas apa adanya saya coba langsung pasang di Sidebar.Namun sejurus kemudian, banner tersebut dihapus karena saya pikir tidak menghasilkan. Padahal namanya mencari penghasilan Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-69232179331328550812023-10-10T11:07:00.003+07:002023-11-03T20:17:09.761+07:00Cara Membuat Halaman FAQ dengan Menu Accordion dari BootstrapPernahkan teman-teman mendengar istilah halaman FAQ? Atau malah belum pernah mendengar tapi barangkali justru pernah menggunakannya? Dan boleh jadi istilah FAQ yang teman-teman temui sudah diadaptasi dengan bahasa kita yang merupakan terjemah dari singkatan Frequently Asked Questions.Saya pikir semua website yang menyediakan layanan produk biasanya memiliki halaman ini. Entah dengan istilah Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Kabupaten Indramayu, Jawa Barat, Indonesia-6.4557325999999993 108.1903059-34.765966436178843 73.0340559 21.854501236178848 143.3465559tag:blogger.com,1999:blog-363921032074702095.post-76664439143594019042023-10-09T13:10:00.001+07:002023-10-09T13:10:43.343+07:00Cara Membuat Tabel Bootstrap Kedalam Artikel BlogspotTabel biasa digunakan untuk menampilkan data terstruktur namun disajikan secara sistematis. Penyajian data seperti ini memberikan kemudahan bagi pembaca untuk mendapatkan informasi secara mudah. Sehingga data yang terlihat beragam pun mudah dipahami bagi siapapun yang melihatnya.Oleh karena itu, Bootstrap tidak meninggalkan penggunaan elemen ini. Sebagaimana terlihat dalam dokumentasi resminya, Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-70721617714380496702023-10-08T15:28:00.002+07:002023-10-09T11:33:04.053+07:00Cara Memasukan Button Bootstrap Kedalam Artikel BlogspotPernahkah melihat tombol yang disertai dengan icon dan dengan latar belakang warna yang menawan? Apakah bisa diterapkan ke dalam artikel atau postingan di Blogger? Jikalau bisa dilakukan, pertanyaan selanjutnya adalah sesulit apakah membuat tombol semacam itu?Oke, untuk menjawab serentetan pertanyaan di atas lebih baik lakukan eksperimen hari ini. Karena dengan melakukannya sendiri kita bisa Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-85545111456669421792023-10-07T15:24:00.010+07:002023-10-07T15:27:36.114+07:00Cara Membuat Menu Navigasi Mirip Navbar Menu Milik JetThemeKonsep ATM (Amati - Tiru - Modifikasi) dikenal wirausahawan ketika ingin menciptakan sebuah produk. Dengan metode tersebuat terciptalah produk yang berbeda dengan obyek sebelumnya yang menjadi sumber inspirasi.Istilah yang mirip dengan itu ada juga "reinventing the wheel". Jika diterjemah secara bebas artinya kurang lebih adalah: "menciptakan kembali roda". Dalam hal ini bukan berarti kita Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-36845825890029429992023-10-03T17:00:00.009+07:002023-10-03T17:06:27.193+07:00Cara Memasang Icon SVG Pengganti Icon Fontawesome via CDNKeindahan menjadi pertimbangan saat membuat theme blogger sendiri dari nol. Tidak heran jika ada yang memanfaatkan Fontawesome, Bootstrap Icons maupun icon library lainnya. Karena dengan memanfaatkan icon-icon tersebut semakin memberi warna artistik.Termasuk saya sendiri yang mengenal terlebih dahulu Fontawesome, Google Material Symbols dan Bootstrap Icons. Kehadirannya, tidak hanya tentang Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-22724274482107155852023-10-02T15:24:00.004+07:002023-10-02T15:24:38.510+07:00Download Template Sebardi Blog Versi 2.1 Plus Fitur Dark ModeMembuat theme blogger sendiri dari nol itu memakan waktu yang tidak sedikit. Oleh karena itu kembali saya bagikan salah satu template blogger ini dengan sedikit perbaikan. Sebelumnya, theme blogger ini sudah dibagikan namun belum memiliki fitur dark mode.Selain itu, pada theme blogger sebelumnya yang saya bagikan memiliki dua buah menu navigasi pada bagian atas. Adapun pada theme blogger kali iniYusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-33.924337724136947 78.765077 32.34578772413694 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-4813059726219180622023-10-01T11:49:00.001+07:002023-10-01T11:49:08.171+07:00Cara Pasang Checkbox Sun/Moon Natalia-FS di Theme BloggerHari ini saya terpukau dengan checkbox-toggle yang tampilannya sangat menawan. Saya menemukannya lengkap disertai dengan kode dan preview yang diterbitkan di laman github. Padahal script yang ditunjukan hanya kode HTML, CSS dan JavaScript. Namun bagaimana cara meletakan kode-kode tersebut kedalam theme blogger yang memiliki ekstensi XML? Pertanyaan ini mungkin tidak akan terlintas bagi Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-19381625938808173332023-09-30T12:41:00.014+07:002023-11-05T10:29:14.359+07:00Cara Mengurangi Beban Loading Widgets.Js Milik BloggerSetelan default sebuah website akan mengakses seluruh sumber daya meskipun saat itu belum dibutuhkan. Keadaan ini memaksa thread utama tersendat ketika pengunjung blog mengaksesnya pertama kali. Belum lagi koneksi buruk layanan internet di pedesaan semakin menyempurnakannya.Oleh karena itu, seorang blogger harus memperhatikan salah satu poin penting ini. Terlebih lagi bagi teman-teman yang Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-50200210513773680302023-09-29T16:11:00.003+07:002023-09-29T16:11:44.715+07:00Cara Menghapus Kode Error Bawaan Template Blogger dari Schema.orgSchema.org didirikan oleh Google, Microsoft, Yahoo dan Yandex untuk memudahkan webmaster dan pengembang dalam memutuskan skema dan mendapatkan manfaat maksimal atas upaya mereka. Hal ini berguna untuk membangun sebuah halaman web dengan data terstruktur.Masalah baru kemudian muncul bagi saya pribadi yang menggunakan template Blogger. Sebagaimana dimaklumi, ini mungkin masalah klasik dan sering Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-24983786935947485212023-09-23T09:20:00.001+07:002023-09-23T09:20:44.221+07:00Cara Membuat Tampilan Homepage Blogger A la Magazine Style (Versi 2)Sebelumnya telah saya bagikan pengalaman saat membuat tampilan homepage blogger a la magazine style. Hanya saja baris kode yang tertulis pada template blogger sangat sedikit. Sedangkan pencarian selanjutnya saya temukan referensi lainnya tentang magazine style namun sedikit berbeda.Pasalnya,,script untuk membuat tampilan beranda blogger menjadi a la magazine style kali ini lumayan banyak. Untuk Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-28375658389694066042023-09-21T16:32:00.003+07:002023-09-21T23:06:46.075+07:00Cara Membuat Tampilan Homepage Blogger A la Magazine Style (Versi 1)Kalau kita perhatikan theme blogger premium yang beredar banyak diantaranya yang menggunakan magazine style. Entah template tersebut dibalut dengan tujuan khusus untuk website teknologi, video, movies atau pun news (berita).Sehingga, bagi teman-teman yang tertarik untuk membuat theme blogger sendiri dari nol pasti ingin mencobanya bukan? Minimal kita menggunakan beberapa fiturnya agar blog kita Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-70563491223368653072023-09-19T21:50:00.017+07:002023-09-19T21:58:27.160+07:00Cara Inspect Elemen Tampilan Blog Contoh Kasus "Magazine Style"Ketika kita membuat theme blogger sendiri dari nol dipastikan akan mendapati banyak kendala. Bertolak dari masalah ini kita dipaksa untuk belajar sesuatu. Dan terkadang apa yang kemudian kita ketahui benar-benar baru dalam prakteknya meskipun secara teori mungkin sudah sering mendengar.Contoh apa yang saya alami ketika mencoba merapihkan tampilan Terisi Info.Theme. Blog ini sama-sama dibuat dari Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-65306179606143919012023-09-16T13:19:00.001+07:002023-09-16T13:19:10.336+07:00Cara Menghilangkan Suara Video dengan ClipchampCara menghilangkan suara video termasuk salah satu yang menjadi perhatian seorang kreator konten. Terutama seorang pemula yang sedang belajar membuat konten video; entah di Helo, SnackVideo, TikTok maupun YouTube dan YouTubeShort. Dengan keahlian tersebut kita bisa menghasilkan video baru dengan suara yang berbeda. Misalnya dengan menambahkan soundtrack, suara alam atau dubber untuk Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-92217687261055322032023-09-14T23:51:00.007+07:002023-09-16T00:30:33.695+07:00Cara Memasukan Video ke dalam Timeline ClipchampSalah satu software video editor yang perlu menjadi pertimbangan teman-teman adalah Clipchamp. Software ini bisa digunakan meskipun laptop kita tidak memiliki kartu grafis yang memadai. Bahkan software ini bisa digunakan meskipun hanya melalui browser.Karena yang paling penting dari semua itu adalah ketersambungan komputer dengan server web aplikasi ini melalui internet. Sehingga serverYusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-49990648982430867992023-08-24T23:15:00.004+07:002023-09-14T23:53:12.114+07:00Cara Convert MP4 ke WEBM Tanpa Perlu Install AplikasiDalam era digital saat ini, video telah menjadi bagian penting dari komunikasi dan berbagi informasi. Namun format video yang berbeda seringkali memerlukan konversi agar dapat diputar dan digunakan di berbagai perangkat dan platform maupun untuk diolah kembali dengan software video editor.Dan salah satu konversi format video yang umum dilakukan adalah dari MP4 ke WEBM. Adapun format MP4 (MPEG-4) Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-37069608119390779192023-08-19T15:44:00.003+07:002023-08-19T15:48:41.034+07:00Setelah Upload Video YouTube Shorts di PC Mengapa Hasilnya Terlihat Hitam? Ini SolusinyaAkhir-akhir ini saya mencoba membuat video pendek dengan ClipChamp. Dan untuk manipulasi suara saya coba menggunakan Audacity. Selebihnya menggunakan teknologi AI untuk mengkonversi tulisan menjadi suara. Serta penggunaan aplikasi GCompris yang sebelumnya saya kenalkan pada anak-anak.Dan ini adalah video perdana saya ketika mencoba membuat konten untuk YouTube Shorts. Dan tentu saja namanya Yusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002tag:blogger.com,1999:blog-363921032074702095.post-37466607131730755712023-08-12T15:38:00.002+07:002023-08-14T14:04:09.181+07:00Cara Membuat Menu Dropdown Hover Bootstrap (2)Sebelumnya kita sudah belajar membuat menu dropdown hover berdasarkan kode dari MDBootstrap. Komponen ini biasa kita dapati pada menu navigasi website modern. Sebuah menu yang otomatis memperlihatkan diri ketika pengguna menempatkan mouse di atasnya tanpa harus klik lebih dulu.Referensi selain website resmi dari getbootstrap ini menjadi rujukan karena komponen "dropdown" yang dibutuhkanYusufhttp://www.blogger.com/profile/15964145840537796661noreply@blogger.com0Indonesia-0.789275 113.921327-29.099508836178845 78.765077 27.520958836178846 149.07757700000002