Beranda Note

Catatan Kecil Blog 504note

504note
504note
• 0 • menit membaca
Daftar Isi
Catatan Kecil Blog 504note

Bikin Akun Google Analytics 4 (GA4) di Blogspot

  1. Buka analytics.google.com dan login dengan akun Google Anda.
  2. Klik Admin (ikon roda gigi di kiri bawah).
  3. Klik Buat > Properti.
  4. Masukkan nama properti (misal: Nama Blog Anda), pilih zona waktu, dan mata uang. Klik Berikutnya.
  5. Pilih kategori industri dan ukuran bisnis, klik Berikutnya
  6. Pilih tujuan bisnis (contoh: "Dapatkan laporan dasar") dan klik Buat.
  7. Di bagian "Pilih platform", pilih Web.
  8. Masukkan URL blog Anda (.blogger.com.) dan nama aliran data.
  9. Klik Buat aliran.
  10. Salin ID PENGUKURAN yang diawali dengan huruf "G-" (contoh: G-XXXXXXXXXX).

Memasang Kode GA4 di Blogspot (rekomended)

Cara ini paling disarankan karena tidak membutuhkan skrip tambahan yang berat. Blogger menangani skrip di sisi server, tidak memuat file eksternal tambahan sebelum konten utama dimuat.

  1. Login ke blogger.com.
  2. Pilih blog yang ingin Anda pasang Analytics.
  3. Di menu kiri, klik Setelan.
  4. Scroll ke bawah hingga menemukan bagian Dasar.
  5. Klik ID Pengukuran Google Analytics.
  6. Tempel (paste) kode G-XXXXXXXXXX yang disalin tadi.
  7. Klik Simpan.

Upload Gambar di Post Blogger SEO Friendly [1]

  1. Tambahkan tag alt
  2. Pertahankan width dan height
  3. Tambahkan loading="lazy"
  4. Tambahkan decoding="async"
<img alt="504note" decoding="async" height="426" loading="lazy" src="img/image.webp" title="504note" width="640"/>

Kotak Notifikasi [2]

1. Informasi

<div class='notification-box info'>konten</div>

2. Peringatan

<div class='notification-box warning'>konten</div>

3. Galat

<div class='notification-box error'>konten</div>

Syntax Highlighter [3]

1. Menampilkan kode HTML

<pre><code class='lang-html'>kode HTML yang sudah diparse</code></pre>

2. Menampilkan kode CSS

<pre><code class='lang-css'>kode CSS yang sudah diparse</code></pre>

Ordered List

1. Ordered list with number

  1. list with number
  2. list with number
  3. list with number
<ol>
  <li>list with number</li>
  <li>list with number</li>
  <li>list with number</li>  
</ol>

2. Ordered list berdasarkan huruf kecil

  1. list huruf kecil
  2. list huruf kecil
  3. list huruf kecil
<ol type="a">
  <li>list huruf kecil</li>
  <li>list huruf kecil</li>
  <li>list huruf kecil</li>  
</ol>

Unordered list

  • contoh unordered list
  • contoh unordered list
  • contoh unordered list
<ul>
  <li>contoh unordered list</li>
  <li>contoh unordered list</li>
  <li>contoh unordered list</li>  
</ul>

Menulis Arab [4]

اَللَّهُمَّ إِنِّيْ أَسْأَلُكَ عِلْماً نَافِعاً، وَرِزْقاً طَيِّباً، وَعَمَلاً مُتَقَبَّلاً
<div class="arab">konten</div>

Shortcut Replace All Kode di HTML Blogger [5]

Cara Menemukan dan Mengganti (Replace All) Kode di HTML Blogger adalah sebagai berikut. Gunakan pintasan keyboard ini:

Ctrl+Shift+R

Masukkan kata yang ingin dicari lalu tekan Enter, setelah itu ketikkan kata yang ingin diganti lalu tekan Enter. Ini akan menggantikan semua kata dalam kode HTML.

Footnote

Disclaimer: Catatan kecil dalam artikel ini hanya berlaku untuk blog 504note yang menggunakan template wuzz (ada tambahan css). Mungkin beberapa trik bisa dipakai untuk template lain. Baarokallahufik.

[1] Kang Ismet. (2026). Upload Gambar Langsung di Post Blogger, Apakah SEO Friendly?. Kangismet. https://www.kangis.my.id/2026/01/seo-blogger-image.html.

[2] Sugeng. (2024). Testing: Custom Formatting Styles. Wuzz. https://wuzz.sugeng.id/2000/03/testing-custom-blogger-posts-formatting.html.

[3] ibid

[4] Kang Ismet. (2026). 6 Font Arabic untuk Mempercantik Tulisan Arab di Bog / Web. Kangismet. https://www.kangis.my.id/2026/01/font-arab-untuk-di-blog.html.

[5] Contohblog. (2022). Cara Menemukan dan Mengganti (Replace All) Kode di HTML Blogger. Contohblog. https://www.contohblog.com/2022/01/cara-ganti-kode-replace-all-html-blogger.html.

Posting Komentar