CARA MENGATUR KETERANGAN GAMBAR / FOTO DI POSTINGAN BLOG

Dalam mengatur Keterangan Gambar, Keterangan Foto, atau Image Caption adalah teks atau tulisan yang terdapat di bagian bawah sebuah foto atau ilustrasi gambar dalam posting blog.

Keterangan Gambar berguna untuk mendeskripsikan atau sekadar melengkapi gambar tersebut dengan penjelasan atau keterangan.

Sebab dengan memakai Image Caption sangat bagus buat SEO karena lebih memudahkan mesin pencari untuk menentukan hasil pencarian yang relevan, terutama pada pencarian gambar/image.

Di situs-situs berita, keterangan gambar ini diindeks oleh Google setelah judul berita.

Contoh image caption adalah sebagai berikut:

MENGATUR KETERANGAN GAMBAR / FOTO DI POSTINGAN BLOG
CARA MENGATUR KETERANGAN GAMBAR / FOTO DI POSTINGAN BLOG
                             
Dalam gambar di atas, ada tulisan di bawah gambar. Itulah yang disebut image caption atau keterangan gambar.

Cara membuatnya adalah, setelah gambar diupload, klik gambar tersebut sekali, lalu klik menu "Add Caption", sebagai berikut:


CARA MENGATUR KETERANGAN GAMBAR / FOTO DI POSTINGAN BLOG
Cara Mengatur Keterangan Foto/Gambar (Image Caption) Kode CSS untuk mengatur penampilan keterangan gambar biasanya sudah ada di template blog.

Cara untuk mengatur image caption menjadi seperti di atas, dengan cara menemukan kode css lalu mengubahnya sebagai berikut:

Pertama buka Template > Edit HTML

Kedua Lalu Tambahkan atau Copy kode berikut ini di atas kode    ]]></b:skin> atau  </style>

.tr-caption {
text-align: center;
font-size: small;
font-style: italic;
color: #777;
padding: 5px 0;
border-bottom: 1px solid #ddd;
}

3. Lalu Save Template!

Apabila  kode di atas tidak berfungsi, artinya kode keterangan gambarnya berbeda.

Silakan Buka :

1. Select All keterangan gambar yang ada di postingan blog Anda

2. Klik Kanan > "Inspect Element" > akan muncul nama kodenya yang harus Anda atur.


Itulah tadi bagaimana Cara Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog. selamat mencoba, semoga bermanfaat.



Postingan terkait:

Belum ada tanggapan untuk "CARA MENGATUR KETERANGAN GAMBAR / FOTO DI POSTINGAN BLOG"

Post a Comment