Postingan

Browsing Artikel: Blog Tips

Kategori Blog Tips membahas tentang tips menulis blog untuk pemula, tips memulai blog bagi pemula, cara membangun blog di Blogger, berbagi penjelasan tentang SEO blogspot dan lain sebagainya

Di Blog Tips akan ada berbagai artikel yang membahas berbagai tips dalam menulis blog untuk pemula, termasuk rekomendasi platform penulisan blog untuk blogger pemula.

Juga berisi tips-tips praktis terkait penggunaan Blogger atau blogspot yang mudah untuk dipahami dan diterapkan pada blog masing-masing.

Tunjukkan semua
Blogger Conditional Tags URL Contains

Blogger Conditional Tags URL Contains

 Melanjutkan tutorial singkat kemari tentang  Blogger Conditional Tags dengan data:view.pageId dan data:view.postId . Kali ini akan dibahas Blogger conditional tags lainnya, yang sedikit lebih kompleks dan teknis. Blogger conditional tags dengan operator URL contains ini memungkinkan Anda untuk membuat kondisi pada semua URL di blog yang mengandung sebagian atau seluruh dari  slug tertentu, yang dituliskan sebagai string . Menariknya, semua URL blog yang dimaksud adalah meliputi URL di Page (halaman static), Post (postingan), label, search, archive dan lainnya. Penerapan   <b:with value='data:view.url.canonical' var='url'>   <b:if cond='or(contains(data:url, "tutorial-blog"), contains(data:url, "/p/contact"), contains(data:url, "2024/07/cara-"), contains(data:url, "/search/label/Templates"), contains(data:url, "naruto atau boruto"))'>     <!-- your code or content here -->  </b:if> </b
Blogger Conditional Tags dengan data:view.pageId dan data:view.postId

Blogger Conditional Tags dengan data:view.pageId dan data:view.postId

 Bagi yang masih kesulitan dalam penerapan tag kondisional untuk page dan post tertentu yang tidak bekerja atau mengalami error, bisa mencoba cara ini. Yaitu dengan langsung memanfaatkan ID pada masing-masing post dan page, yang biasanya dipanggil menggunakan data global  <data:blog.pageId/> dan <data:blog.postId/> . Masalah dalam Penggunaan Conditional Tags pada Page / Post Tertentu Masalah umum yang sering terjadi saat menerapkan tag kondisional untuk halaman tertentu diantaranya adalah sebagai berikut. Tidak muncul sama sekali. Berhasil pada tampilan desktop tetapi gagal pada tampilan mobile. Masalah error tersebut seringkali terjadi pada kondisi pengecualian, yang biasanya ditulis dengan seperti ini: <b:if cond='data:view.isHomepage or data:view.isPage and data:view.url != data:blog.homepageUrl.canonical path &quot;p/about.html&quot; and data:view.url != data:blog.homepageUrl.canonical path &quot;p/contact.html&quot;'> Atau seperti ini: &l
Cara Memasang Google Analytics 4 (GA4) di AMP

Cara Memasang Google Analytics 4 (GA4) di AMP

Seperti yang diketahui, bahwa properti lawas Google Analytics (universal analytics) benar-benar akan berhenti memproses data mulai 1 Juli 2023. Artinya, properti tersebut tidak dapat lagi digunakan untuk melihat page views , traffics , backlinks dan lainnya untuk blog atau website terkait.  Pun hal sama berlaku untuk blog atau website pengguna AMP (Accelerated Mobile Pages). Untuk itu, semua pengguna properti lawas dari Google Analytics, dianjurkan untuk migrasi ke properti Google Analytics V4. Mula-mulai dianjurkan untuk mengikuti panduan di ' Asisten Penyiapan '. Langkah ini penting dilakukan untuk berbagi berbagai data antar properti, baik properti Analytics yang lama maupun yang terbaru. Namun demikian, di porperti teranyar ini kita tetap tidak diberikan script kode pelacakan khusus untuk AMP. Maka solusinya pergi ke Documentation amp-dev, pada tab pembahasan amp-analytics . Cara Pasang GA4 di Blog AMP Buka Asisten Penyiapan GA4 Periksa ' Open Connected Property ',
Bikin Forum, Lagi

Bikin Forum, Lagi

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
Cara Redirect 301 ke Domain Baru di Blogger/Blogspot

Cara Redirect 301 ke Domain Baru di Blogger/Blogspot

Cara redirect 301 dari domain lama ke domain baru di Blogger atau Blogspot ini juga berlaku bagi blog yang sudah menggunakan TLD (Top Level Domain). Intinya, masih pakai platform Blogger untuk membuat postingan. Apa Itu Redirect 301? Redirect 301 ialah upaya untuk me-redirect (mengalihkan) URL atau permalink blog lama ke permalink blog baru secara otomatis. Yang dialihakan bukan hanya antar halaman homepage saja, tetapi juga berlaku untuk halaman post dan static/page. Adapun model redirect 301 ini bisa dengan mengalihkan nama domain lama ke nama domain baru, misalnya https://domainlama.blogspot.com di redirect ke https://domainbaru.blogspot.com . Atau bisa juga mengahlikan ke TLD yang baru (dengan nama domain yang sama). Contohnya https://www.namadomainku.com menjadi https://www.namadomainku.net Secara lengkapnya, ilustrasi redirect 301 adalah sebagai berikut: https://www.namadomainku.com/ https://www.namadomainku.com/p/halaman-static.html https://www.namadomainku.com/20
 Membuat Table of Contents (ToC) Otomatis di Blogger

Membuat Table of Contents (ToC) Otomatis di Blogger

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
Merubah Blockquote Tag Menjadi Pre Code Tag dengan JavaScript

Merubah Blockquote Tag Menjadi Pre Code Tag dengan JavaScript

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
Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag

Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag

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
Schema Markup BlogPosting

Schema Markup BlogPosting

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
 Cara Custom Domain WordPress.com dengan Mudah

Cara Custom Domain WordPress.com dengan Mudah

WordPress merupakan salah satu platform yang digandrungi karena kemudahan dan -user-interface yang cukup simple. Selain itu, bagi Anda yang tidak suka ribet, maka WordPress menjadi pilihan terbaik karena menajemen situsnya yang mudah, jadi Anda tidak perlu khawatir mengenai pengelolaan teknis. Namun, salah satu kelemahan yang dimiliki oleh platform ini adalah penggunaan subdomain sebagai alamatnya, sehingga nama terkesan terlalu panjang. Jadi, Anda perlu memahami cara custom domain WordPress.com supaya alamatnya bisa menjadi lebih singkat seperti domain yang digunakan pada platform lain. Baca juga : Apa itu domain? Sebagai contoh, ketika Anda menggunakan alamat default dari WordPress.com, maka berupa domainku.wordpress.com bukan domainku.com. Salah satu solusinya adalah melakukan custom domain WordPress dengan menghubungkan domain pribadi ke situs WordPress.com. Lantas bagaimana caranya?  Simak informasi selengkapnya di bawah ini! Cara Custom Domain WordPress.com Sebelum memulai lang
Cara Menyalin Tulisan dari MS Word ke Blogger

Cara Menyalin Tulisan dari MS Word ke Blogger

Tidak sedikit Blogger pemula yang masih kebingungan untuk memindahkan tulisan dari MS Word ke Blogger atau cara mengcopy/memasukkan tulisan dari Word ke blogspot. Pasalnya, jika kita melakukan dengan cara tradisional, yang memanfaatkan CTRL + V atau klik kanan pada bidang text lalu Paste, maka tampilan postingan menjadi berantakan. Mulai dari jenis font, besar font dan lainnya, persis mengikuti apa-apa yang kita lakukan di Microsoft Word tersebut. Keadaan tersebut biasa disebut dengan formatted text atau teks terformat . Menyalin tulisan dalam keadaan formatted text akan memicu masalah luar biasa pada template Blogger/blogspot. Bahaya Posting Formatted Text ke Blogspot Salah satu dampak yang paling berpengaruh jika tetap memaksa untuk memposting tulisan dalam keadaan terformat seperti, akan berdampak pada jumlah postingan di homepage tidak sesuai dengan yang telah disetting . Dampak lainnya adalah, tentu saja tampilan konten menjadi berantakan. Fontnya tidak lagi sesuai
Membuat 3 Iklan yang Tampil Sesuai Paragraf dan Bisa Diedit pada Layout, untuk Blogger Layout v3

Membuat 3 Iklan yang Tampil Sesuai Paragraf dan Bisa Diedit pada Layout, untuk Blogger Layout v3

Trik kali ini terkait slot iklan yang letaknya khusus di tengah postingan/artikel (post page), namun bisa di edit melalui menu Layout atau Tata Letak Blogger. Keunggulan dari widget slot iklan ini dapat di setting ingin ditampilkan pada paragraph tertentu. Cara penerapannya masih mirip-mirip dengan tutorial yang telah saya bagikan sebelumnya, yaitu Trik Agar Bisa Edit Kode Iklan dibagian Postingan pada Menu Layout/Tata Letak . Hanya saja bedanya, kali ini saya menerapkannya pada Blogger yang layout versi 3 ( b:defaultwidgetversion='2' b:layoutsVersion='3' ). Jadi, cara ini tidak akan berhasil diterapkan begitu saja pada HTML yang biasanya. Namun kalau Anda sudah mengerti sedikit kode HTML, maka akan sangat mudah bagi Anda untuk utak-atik ini dan menerapkannya pada jenis html yang lama. Karena sebetulnya hanya butuh sedikit perubahan pada bagian html pemanggil widgetnya saja, yang bisa dikonfigurasi pada layout. Mengapa saya pilih menerapkannya di Blogger layout ve
Cara Membuat Widget Social Bar yang Bisa Langsung Diedit pada Menu Layout

Cara Membuat Widget Social Bar yang Bisa Langsung Diedit pada Menu Layout

Lagi-lagi ini adalah salah satu tips untuk creator template Blogger. Agar pengguna template tidak lagi pergi ke menu Tema > Edit HTML, hanya untuk sekadar mengganti menu pada widget social media blog mereka. Mengganti dan menambahkan link akun social media, dapat langsung dilakukan dari menu Layout atau Tata Letak Blogger/Blogspot. Kita hanya butuh memanipulasi widget PageList (widget default), dengan sedikit modifikasi dan tambahan CSS. Cara kerjanya, pengguna tinggal menambahkan atau mengedit nama social media (dalam huruf kecil) serta link dari social medianya pada widget. Seperti pada gambar berikut ini. Berikut tutorialnya! Langkah 1 Masuk ke menu Tema > Edit HTML Langkah 2 Ganti atau tambahkan widget social media di template Anda dengan kode berikut ini: <div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/Person'> <link expr:href='data:blog.homepageUrl' itemprop='url'/> <b:se
Iklan Adsense Tidak Tampil di Semua Artikel? Lakukan Setting pada robots.txt khusus!

Iklan Adsense Tidak Tampil di Semua Artikel? Lakukan Setting pada robots.txt khusus!

Tips Adsense kali ini membahas tentang cara mengatasi iklan Google Adsense yang tidak muncul/tampil pada semua postingan blog, dengan melakukan setting pada fitur robots.txt khusus. Semua pengguna Blogger/blogspot pasti pernah mengalami iklan adsense blank pada artikel tertentu, sementara di artikel atau postingan lainnya semua slot iklan tampil dengan sempurna. Atau pada kasus lain terdapat pula dalam satu artikel hanya sebagian slot iklan saja yang menampilkan iklan, slot lainnya kelihatan kosong/blank. Tentu saja hal ini sangat membingungkan, juga agak “merugikan”. Mengingat semua masalah teknis yang menyebabkan iklan Adsense tidak tampil sudah diatasi dan cara pemasangan iklan pun sudah benar. Ternyata ada satu hal lagi yang terlewati, yaitu mengedit setting robots.txt khusus. Lalu bagaimana mengubah settingan robots.txt agar iklan bisa tampil di semua postingan blog? Berikut tutorialnya. Cara mengatasi iklan Adsense tidak muncul di semua postingan dengan mengubah robots.t