Postingan

Menampilkan postingan dari Juli, 2022

Cara Membuat Collapsible

Gambar
Apa itu Collapsible ? Collabsible adalah salah satu element HTML yang berfungsi untuk menyembunyikan dan memunculkan daftar data sesuai yang dibutuhkan. Contoh Collapsible: Contoh 1: Ini adalah Collapsible Tulisan yang kamu lihat didalam kotak ini adalah isi dari Collapsible. Ini adalah Collapsible #2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Contoh 2:  klik disini untuk melihat contoh 2 Cara Membuat Collapsible : Ada 3 tahap yang perlu dilakukan untuk membuat Collapsible ini Tahap I : Instalasi CSS 1. Buka Blogger 2. Masuk ke menu Tema 3. Pilih menu Edit HTML 4. Masukkan kode css berikut diatas kode </head> <style> .collapsible { background-color: #777; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px

Daftar Isi Ditambahkan

Gambar
Daftar Isi untuk blog ini telah ditambahkan Jadi Pengujung sekalian bisa melihat daftar isi blog ini dengan lebih rapi Update 14/07/2022 - 09.00 WIB Daftar Isi telah diperbaharui sekali lagi, kali ini ditambah dengan element HTML Collapsible. Agar membuat pengalaman berkunjung di blog semakin mudah dan menyenangkan. Link daftar isi juga sedikit diubah ke link baru di  https://blog.imamwahyudi.com/p/daftar-isi.html Terima kasih sudah berkunjung dan sampai jumpa di postingan saya lainnya

Dark Mode Implemented

Gambar
Halo Semua Selamat datang di postingan pemberitahuan blog ini Walau mungkin sudah cukup telat, tapi tanggal di postingan ini akan saya sesuaikan menjadi 7 Juli 2022, tidak lama setelah Dark Mode berhasil diterapkan di Blog ini. Jadi dalam beberapa hari terakhir sebelum tanggal 7 Juli 2022, Kami telah mencoba untuk mengimplementasikan dark mode untuk Blog Ini.  Tetapi karena fitur dark mode yang kami coba ini tidak sempurna, maka kami pun memutuskan untuk menggunakan dark mode sebagai bawaan, alias mengganti tema default blog menjadi warna gelap (Dark Theme). Karena tema gelap sudah menjadi warna bawaan blog, akhirnya kami juga memutuskan untuk menambahkan Light Mode, sebagai lawan dari tema mode gelap. Sebagai bentuk mengantisipasi adanya bug yang berhubungan dengan tema gelap. Dan juga mungkin ada yang lebih suka menggunakan tema putih kemarin, jadi mereka bisa menggunakan Light Mode sebagai warna alternatif di blog kami. Secara Ringkas, beberapa update yang telah terjadi adalah: - Te

Tutorial Redirect 301 di Blogger

Gambar
Sebelumnya saya pernah membahas tutorial  Mengalihkan Semua Post Blogger ke Situs Baru  dengan Javascript. Cara Redirect tersebut sebenarnya bagus, tetapi bagaimana jika link di situs baru tidak bisa dibuat sama dengan blog lama ? Dan juga ada yang kurang tepat jika menggunakan redirect tersebut sebagai Redirect Permanent, karena Redirect dengan menggunakan Javascript tersebut adalah jenis Redirect 302 Temporarily, bukan Redirect 301 Permanent. Apa beda Redirect 301 Permanent dengan Redirect 302 Temporarily? Jawabannya, pernah saya jelaskan di postingan Mengalihkan Blogger ke Situs Lain .  Silahkan dibaca di postingan tersebut, jika kalian belum mengetahui perbedaannya. Nah di postingan kali ini, kita akan menggunakan opsi yang telah disediakan bawaan oleh Blogger, yang namanya adalah "Custom Redirect".  Keuntungan menggunakan Custom Redirect ini adalah : - Bebas Redirect Link kemanapun, alias link di blog baru tidak harus sama dengan link di blog lama. - Mendukung Redirect

Mengalihkan Semua Post Blogger ke Situs Baru

Gambar
Sebelumnya saya pernah membahas tutorial cara menggunakan Blog Redirect Sederhana dengan Javascript. Tetapi ada permasalahan yang terjadi jika kita menggunakan cara Blog Redirect sederhana seperti di post sebelumnya. Diantara permasalahannya :  - Blog lama sempat tampil, walau hanya 1-2 detik. - Redirect dari situs lama ke situs baru hanya bisa dialihkan ke satu link (homepage) di situs baru saja Di postingan kali ini, kita akan menggunakan cara yang lebih kompleks, yang saya sebut dengan nama "All Blog Redirect". Adapun untuk cara lain yang lebih sederhana, ada di link di akhir artikel ini Sekilas tentang Blog Redirect  ? Blog redirect yaitu mengalihkan pengunjung dari blog lama ke blog baru atau ke situs baru lainnya. Misalnya dari  blog-imamwahyudi.blogspot.com ke blog.imamwahyudi.com Tujuannya adalah mengarahkan traffic dari orang-orang yang berkunjung di blog lama agar mereka langsung dialihkan ke blog baru. Apa beda tutorial Blog Redirect Sederhana dan tutorial All Bl

Tutorial Blog Redirect Sederhana

Gambar
Sebelumnya kita sudah membahas berbagai hal tentang Blog Redirect Nah, di postingan kali ini, saya akan memberikan tutorial Cara Blog Redirect Sederhana menggunakan Javascript Misalnya dari blog-imamwahyudi.blogspot.com ke blog.imamwahyudi.com Untuk yang belum tau ada beberapa cara untuk melakukan redirect ini, disini kita akan memakai cara yang sederhana. Adapun untuk langkah yang lebih bagus namun juga sedikit lebih sulit, ada di link di akhir artikel ini Tutorial Blog Redirect Sederhana 1. Buka Blogger blog yang ingin dialihkan (misal: blog2.imamwahyudi.com) 2. Masuk ke menu Tema 3. Pilih menu Edit HTML 4. Masukkan kode berikut dibawah kode <head> <meta content='0;url=https://blog.imamwahyudi.com' http-equiv='refresh'/> 5. Ubah link blog.imamwahyudi.com di kode tersebut menjadi link situs baru kalian 6. klik Save dan lihat perubahannya, kunjungi blogspot kalian Dengan cara ini lebih simple, tapi blog kalian akan tampil selama 1-2 detik sebelum akhirnya

Mengalihkan Blogger Ke Situs Lain

Blog Redirect adalah mengarahkan ulang sebuah situs blog ke blog atau ke website lain. Misalnya dari blog2.imamwahyudi.com ke blog.imamwahyudi.com Tujuannya adalah mengarahkan traffic atau orang-orang yang berkunjung ke blog lama agar mereka langsung berkunjung ke blog baru. Dengan cara redirect para blogger bisa memperkenalkan blog baru mereka dengan lebih efektif, karena setiap orang yang berkunjung akan diarahkan ke website baru. Ada beberapa cara untuk melakukan blog redirect ini, disini saya akan menjelaskan jenis dan tutorial seputar blog redirect. Jenis-jenis Blog Redirect Secara jenis, ada dua macam jenis Blog Redirect,  301 Permanent, 302 Found (HTTP 1.1) / Moved temporarily (HTTP 1.0). 301 Permanent  Sebagaimana kita ingin pengunjung dari blog lama dialihkan ke blog baru,  Biasanya para pengunjung blog kita itu datang dari Search Engine seperti Google.com Nah, 301 Permanent ini adalah jenis redirect yang memberitahukan kepada para Search Engine (Mesin Pencari) bahwa url blo

Cara Mengganti Favicon Blogger

Gambar
Tutorial ini adalah cara mengubah atau mengganti favicon blogspot, jika anda mencari cara untuk membuat favicon. silahkan kunjungi tutorial  cara mudah membuat favicon disini . Apa itu Favicon?  Favicon adalah logo website yang muncul diatas tab browser anda, bisa disebut juga sebagai website icon. Untuk lebih lengkapnya, silahkan  pelajari disini . Tutorial Cara Mengganti Favicon 1. Login ke akun Blogger.com 2. Pilih menu Setelan atau Settings 3. Pilih Favicon yang berada dibawah Google Analytics Property ID (lihat foto) 4. Pilih file favicon.ico yang sudah disiapkan 5. Klik Save dan selesai Pertanyaan yang sering ditanyakan - Kenapa Favicon saya belum berubah ? Seringkali Favicon anda sebenarnya sudah berubah, tetapi tidak bisa dilihat melalui perangkat yang anda gunakan karena cache situs yang sebelumnya sudah tersimpan. Cara untuk melihat update situs anda adalah dengan mengunjungi situs anda melalui perangkat lain, menggunakan browser incognito atau menghapus cache dari browser an

Cara Mudah Membuat Favicon

Gambar
Ada beberapa cara yang bisa kita lakukan untuk membuat Favicon ini. Cara paling mudah adalah dengan menggunakan Favicon Generators Jika anda sudah memiliki desain gambar .png atau .jpg untuk Favicon anda, silahkan ikuti tutorial Cara Mengkonversi Gambar menjadi Favicon . Jika belum memiliki desain untuk favicon anda, silahkan ikuti tutorial cara membuat favicon dibawah ini Tutorial Membuat Favicon 1. Kunjungi website  favicon.io 2. Pilih menu  TEXT -> ICO 3. Sesuaikan desain icon sesuai selera anda 4. Lihat apakah hasil preview di kiri atas sudah sesuai dengan keinginan anda 5. Jika hasilnya sudah sesuai keinginan, klik  Download , yang berada di kanan atas 6. Selesai, hasil desain kalian siap di- extract  untuk diupload ke blog atau website Jika ingin lanjut memasang favicon ini ke blogspot kalian, bisa lanjut ikuti tutorial  cara mengganti favicon blogspot disini .

Apa itu Favicon dan Cara Membuatnya

Gambar
Apa itu Favicon? Favicon adalah logo website yang muncul diatas tab browser anda, bisa disebut juga sebagai website icon. Kenapa Favicon itu penting? Favicon berfungsi sebagai icon identitas sebuah website atau blog.  Membuat blog terlihat lebih profesional dan dapat dipercaya. Bagaimana Cara Membuat Favicon? Syarat sebuah Favicon adalah memiliki ratio 1:1, artinya berbentuk persegi atau bulat. Jika anda belum miliki file desain anda, tapi ingin belajar cara membuat Favicon. Silahkan ikuti tutorial Cara Mudah Membuat Favicon disini . Jika anda sudah memiliki file desain Favicon dengan ratio 1:1, berikut tutorial cara mengubah file PNG atau JPG menjadi favicon.ico    Tutorial Mengkonversi Gambar menjadi Favicon 1. Kunjungi website  favicon.io 2. Pilih menu  PNG -> ICO 3. Di website favicon tadi, upload file desain PNG atau JPG anda ke kolom Converter 4. klik Download dan file favicon.ico anda sudah siap untuk digunakan Bagaimana Cara Memasang Favicon? Ada 3 macam cara untuk memasang

Halo, Dunia!

Hello World!  Sudah lama saya belum mengupdate blog yang satu ini.  Blog ini dulu awalnya hanya sekedar iseng-iseng saya sewaktu dahulu masih kecil.  Bahkan blog ini dulu sempat mati karena saya yang belum cukup usia sesuai persyaratan dari blogspot saat itu.  Sekarang, karena saya punya banyak waktu senggang dan banyak ilmu yang menurut saya bisa saya bagikan.  Akhirnya saya pun memutuskan untuk kembali aktif di dunia blogspot ini.  Berdasarkan rencana, saya akan memposting di blog ini paling tidak satu kali sehari.  Adapun bahasan yang saya posting nantinya yaitu seputar Internet, Tutorial Blogspot dan mungkin Sedikit Ilmu seputar Koding.  Karena saya mempunyai dua buah blog, yaitu :  1. blogimamwahyudi.blogspot.com  (blog ini)  2. blog-imamwahyudi.blogspot.com   Untuk saat ini saya akan prioritaskan update di blog pertama (blog ini) terlebih dahulu.  Berhubung saya juga masih memikirkan akan dibuat seperti apa blog kedua nanti. Mari kita nantikan saja. Bila anda memiliki komentar at

Entri Populer

Dark Mode Implemented

Tutorial Redirect 301 di Blogger