Cara Mengganti Placeholder di Postingan Blogger

Daftar Isi

Placeholder adalah pengganti sementara untuk konten yang belum tersedia, berfungsi untuk mengisi ruang desain atau memberikan petunjuk, seperti teks transparan di kolom isian (HTML) atau gambar tiruan di tata letak, agar tata letak tetap utuh dan membantu visualisasi sebelum konten final siap. Konsep ini juga digunakan dalam hubungan personal untuk seseorang yang mengisi kekosongan sementara, atau dalam manajemen proyek sebagai sumber daya generik yang belum spesifik. 

Contoh Penggunaan Placeholder

Dalam Desain Web & UI/UX: Teks seperti "Masukkan nama Anda" di kolom input HTML (atribut placeholder), atau kotak abu-abu yang menandakan lokasi gambar akan dipasang, membantu pengguna memahami fungsi elemen sebelum kontennya muncul.

Dalam Pengembangan Perangkat Lunak  Placeholder gambar (misalnya dari Placeholder.com atau Placeholder.com) digunakan untuk melihat bagaimana desain akan terlihat dengan gambar, atau teks seperti "Lorem Ipsum" untuk visualisasi tata letak.

Dalam Presentasi (PowerPoint/Slides): Kotak teks atau gambar yang disediakan dalam tata letak slide untuk diisi konten nantinya, seperti judul, isi, atau gambar.

Fungsi Utama

Menjaga Struktur Tata Letak: Mencegah tata letak "berantakan" saat konten belum dimuat.

Mengganti Placeholder di Postingan Blogger

Jika di dalam postingan tidak ada gambar, Blogger biasanya menampilkan placeholder dari template. Untuk menggantinya:

1. Masuk ke editor posting → Tambahkan gambar pertama
2. Buka Post → klik postingan.

Tambahkan gambar pertama di awal artikel.

Simpan.

Cara ini membuat thumbnail otomatis memakai gambar pertama.

Mengganti Placeholder Default di Template

Jika template kamu memakai placeholder bawaan seperti contoh :
https://via.placeholder.com/300x200

atau

no-image.png

Berikut cara menggantinya :

1. Masuk ke Theme (Tema).
2. Klik Edit HTML.
3. Tekan CTRL + F lalu cari :

no-image

atau

placeholder

Atau biasanya kamu akan menemukan kode seperti :

<img src="https://via.placeholder.com/500x300" class="thumb" />

atau

data:image-placeholder='https://example.com/no-image.jpg'

Ganti URL gambar tersebut dengan URL gambar baru kamu.
Upload gambar baru ke Blogger :

→ Buka Post baru → Upload gambar → Klik kanan → Salin URL gambar.

Replace URL-nya, contoh:

<img src="https://blogger.googleusercontent.com/img/myimage.jpg" class="thumb" />

Simpan Template.

Placeholder di Featured Post / Latest Post Widget

Jika placeholder muncul di widget :

Cari di HTML :

defaultimg

no_thumb

data-no-image

thumbnail:'...'

Contoh kodenya :

var noImage = "https://via.placeholder.com/600x400";

Ganti:

var noImage = "URL_GAMBAR_KAMU";

Artikel popular lainya ...