Membuat Daftar Isi Table of Content (ToC) Otomatis di Blogger – Adapun Table of Content atau daftar isi artikel di Blogger / Blogspot ini benar-benar otomatis mirip seperti ToC pada plugin-plugin WordPress. Yang juga dilengkapi dengan tombol show-hide . Penggunaan Table of Contents tidak perlu melakukan pengeditan pada setiap postingan. Juga tidak menggunakan jQuery library dan FontAwesome, sehingga loading blog tetap lebih ringan. Anda hanya perlu menyimpan JavaScript (Vanilla JS) di bawah ini, di atas </body> Blogger atau Blogspot Anda, maka secara otomatis Table of Content akan muncul pada setiap postingan yang memiliki Tag Heading (h1, h2, h3, h4, h5, atau h6) dengan jumlah tertentu (sesuai setelan). Sementara permalink -nya adalah hasil generate sesuai judul dari masing-masing heading. Apakah Table of Contents itu SEO Friendly? Sederhananya, fitur Table of Content atau ToC di Blogger memberikan ringkasan atau deskripsi singkat akan pokok-pokok bahasan pada artikel, yang be
Tutorial kali ini tentang merubah tag <blockquote> menjadi tag <pre><code> dengan JavaScript, dalam hal ini Vanilla JavaScript. Mari kita bahas! Mukaddimah Salah satu kebiasaan unik para Blogger pemula adalah menggunakan tag Blockquote untuk membukus tampilan kode-kode CSS, HTML, JavaScript, ataupun XML. Bukan tanpa alasan, hal ini dilakukan karena kemudahan yang beriringan dengan keterbatasan pengetahuan dalam dasar-dasar nge-blog. Sehingga menjadi alergi untuk membuka opsi pengeditan di Tampilan HTML di Post Editor Blogger. Kemudahan yang dimaksud ialah tag Blockquote atau Kutipan Teks menjadi salah satu menu di Post Editor, sementara tag Pre Code tidak ada di menu Post Editor. Tag Pre Code (beserta penutupnya) mesti diketik dalam tampilan HTML, yang saat itu melakukan pengeditan di tampilan HTML ribetnya bukan main. Bikin jengkel! Setidaknya begitu yang saya lakukan dan rasakan dulu. Sehingga begitu banyak artikel yang berisi kode-kode di blog ini yang terbungkus
Widget blogger kali ini adalah cara membuat daftar isi/sitemap yang berlabel ‘new’ atau ‘baru’ sesuai label yang mendapat artikel terbaru . Widget ini untuk mempermudah menavigasi penjelajahan blog dengan melihat label dari blog tersebut. Dengan begitu para pengunjung akan mengetahui label mana saja yang baru saja mendapatkan update artikel terbaru di blog tertentu. Seperti yang sudah saya ungkapkan sebelumnya, fungsi #Widget daftar isi ini untuk melihat semua artikel secara lengkap dan supaya mudah di temukan oleh pengunjung dan memudahka bot menjelajah juga untuk merayapi semua artikel di blog anda. Baca juga: Membuat Widget Random Post Tanpa Thumbnail di Bawah Postingan Jadi, penggunaan sitemap atau daftar ini di blog sangatlah penting, semakin banyak blog anda di crawl/dijelajahi, maka semakin banyak pula page views yang dihasilkan setiap harinya. Cara Pasang Widget Daftar Isi di Blog Alangkah baiknya widget ini diletakkan pada laman statis, dengan cara masuk ke dashbo
Setelah beres dengan urusan 'migrasi' ke Schema Markup BlogPosting , saya mencari-cari apalagi yang sekiranya bisa dioptimasi di platform Blogger atau Blogspot ini. Akhirnya ketemu 2 hal yang cukup penting tapi tidak begitu krusial untuk ditambahkan di blog masing-masing. Yakni, menjadikan Post Labels atau Entri Label sebagai Meta Data Keywords dan Property article:tag sebagaimana yang seringkali kita lihat pada meta data website platform WordPress, terutama pengguna plugin SEO Rank Math. Sayangnya, untuk Blogger kita tidak bisa menambahkan kedua keta data tersebut di dalam <head> . Kita hanya bisa melatakkanya di dalam <b:widget type='Blog' ...> . Sama dengan JSON LD untuk schema markup BlogPosting , juga lebih maksimal ditempatkan di dalam widget type Blog. Namun tidak menjadi masalah, yang penting bisa diterapkan dan terbaca dengan jelas oleh browser dan mesin penelusuran, yang kita kenal dengan istilah sers enjin . Contoh outputnya sebagai berikut
Nampaknya saya masih cukup penasaran serta menolak 'kapok' untuk bikin forum lagi. Setelah sebelumnya gagal mengelola dan mempertahankan forum dengan subdomain forum.bungfrangki.com , yang dibangun dengan biaya hampir 0 rupiah. Bagaimana tidak, forum tersebut berjalan di atas salah satu platform forum creator gratis, dan domainnya tinggal menambahkan CNAME baru (forum) pada pengaturan DNS di CloudFlare . Namun forum kali ini nampak sedikit berbeda. Forum ini dibangun di atas CMS Wordpress dengan plugin bbPress, menggunakan domain (subdomain) khusus dari .co.vu , dan sewa hosting, tentunya. Meski tak begitu spesial-spesial amat, sebab begitu banyak forum seperti ini, pun begitu mudah untuk membuatnya. Namun, bagi saya ini cukup berarti. Sebab telah menjawab rasa penasaran saya selama ini. Tentu saja, masih cukup banyak kekurangan dari forum ini. Ditambah lagi topiknya masih sebiji (saat artikel ini ditulis). Untuk itu, masukan dan sarannya masih sangat amat diperlukan. Bagi par
Baru-baru ini saya mengubah Schema Markup dan Structured Data blog ini dari Article ( https://developers.google.com/search/docs/advanced/structured-data/article ) menjadi type BlogPosting ( https://schema.org/BlogPosting ), dalam format Json-LD, dengan menghapus Microdata bawaan Blogger. Mengapa menggunakan format JSON-LD? Karena (saat ini) itu yang direkomendasikan oleh Google Developer ( https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data?hl=id ). Lagipula format ini yang (menurut saya) paling mudah digunakan, tidak ribet bila ingin mengganti type atau menambahkan atau menghilangkan item lainnya sewaktu-waktu. Dibanding dengan penerapan Microdata yang menempel pada konten HTML. Mengapa memutuskan mengganti (lagi) Schema dan Stuctured Data menjadi schema BlogPosting markup? Secara garis beasr BlogPosting markup kurang lebih sama dengan Article markup. Namun bagi saya schema BlogPosting markup lebih cocok dipasang di platform Blogger / blogspo
Ketika kamu masih muda, dunia tampaknya dipenuhi dengan peluang kerja yang menarik dan tak ada habisnya, dan dalam banyak kasus, kesan ini memang benar. Energi dan antusiasme kaum muda, serta kebebasan relatif yang menyertainya, membuatnya lebih mudah untuk melakukan peran atau proyek baru tanpa memberinya banyak pemikiran, dan dengan peluang yang layak untuk menjadi hebat di dalamnya. Namun, keragaman yang tak terbatas dan banyaknya lowongan dapat dengan cepat menjadi luar biasa atau membingungkan, bahkan mengarah pada kecemasan dan keragu-raguan. Pencarian lowongan kerja untuk mahasiswa di Jooble Indonesia menghasilkan lebih dari 2 ribu lowongan. Ini banyak yang harus dipikirkan dan dipilah-pilah, bahkan untuk kandidat yang lebih berpengalaman. 10 Bidang Pekerjaan dengan Penghasilan dan Jenjang Karir yang Menarik untuk Pemuda Jadi bagaimana kamu bisa tahu, peluang kerja dan industri mana yang tepat untuk kamu? Selanjutnya, mana yang lebih mungkin memberi kamu penghasilan yang layak
Kesalahan Saat Membuat Website yang Harus Dikenali Berencana untuk membuat atau mengunggah website agar bisa diakses di internet? Sebelum itu, di sini kami akan coba jelaskan terlebih dahulu beberapa kesalahan-kesalahan umum dalam pembuatan website. Tujuan informasi yang kami jelaskan di sini yaitu agar website Anda lebih optimal. Nah, sebelum upload website , silahkan Anda simak beberapa kesalahan umum pembuatan website yang sudah kami rangkum berikut ini: 1. Mengaktifkan Menu “Open New Windows” Sebagai informasi, menu “Open New Windows” merupakan menu yang pada saat kita klik navigasi tertentu, maka akan terbuka halaman di tab baru. Contoh, saat kita klik menu “Blog” pada website, maka halaman menu “Blog” tersebut akan terbuka di tab baru. Sebenarnya menu ini akan sangat membantu, namun hanya pada kondisi-kondisi tertentu. Jika Anda ingin mengaktifkannya, maka sebaiknya jangan terlalu sering. Sesuaikan saja dengan kebutuhan. Jika terlalu sering, pengunjung website Anda akan merasa m