Cara Dan Metode Mengatur Keterangan Foto/Gambar (Image Caption) Di Posting Blog

cara Dan Teknik Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog

Keterangan Gambar, Keterangan Foto, atau Image Caption ialah teks atau goresan pena yang terdapat di bab bawah sebuah foto atau ilustrasi gambar dalam posting blog.

Keterangan Gambar berfungsi untuk mendeskripsikan atau sekadar melengkapi gambar tersebut dengan klarifikasi atau keterangan. 

Image Caption sangat bagus buat SEO alasannya lebih memudahkan mesin pencari untuk memilih hasil pencarian yang relevan, terutama pada pencarian gambar/image. Di situs-situs berita, keterangan gambar ini diindeks oleh Google sesudah dan sudah judul berita.

contoh dan cara penampakkan image caption ialah sebagai berikut:

 atau Image Caption ialah teks atau goresan pena yang terdapat di bab bawah sebuah foto ata cara Dan Teknik dan metode Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog

 atau Image Caption ialah teks atau goresan pena yang terdapat di bab bawah sebuah foto ata cara Dan Teknik dan metode Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog

Dalam gambar di atas, ada goresan pena di bawah gambar. Itulah yang disebut image caption atau keterangan gambar.
cara Dan Teknik menciptakannya adalah, sesudah dan sudah gambar diupload, klik gambar tersebut sekali, kemudian klik sajian "Add Caption", sebagai berikut:

 atau Image Caption ialah teks atau goresan pena yang terdapat di bab bawah sebuah foto ata cara Dan Teknik dan metode Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog
cara Dan Teknik Menambahkan Keterangan Gambar.*


cara Dan Teknik Mengatur Keterangan Foto/Gambar (Image Caption) 

Kode CSS untuk mengatur penampilan keterangan gambar biasanya sudah ada di template blog. Yang CB share di sini ialah tumpuan kasus di template blog yang dipakai CB NET ini.

Untuk mengatur image caption menjadi menyerupai di atas, caranya ialah menemukan arahan css kemudian mengubahnya sebagai berikut:

1. Template > Edit HTML
2. Tambahkan atau Copas arahan berikut ini di atas arahan ]]></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. Save Template!

Jika arahan di atas tidak berfungsi, artinya arahan keterangan gambarnya tidak serupa. Silakan:
1. Select All keterangan gambar yang ada di postingan blog Anda
2. Klik Kanan > "Inspect Element" > akan muncul nama kodenya yang harus Anda atur.

Demikian cara Dan Teknik Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog. Good Luck & Happy Blogging! (http://www.contohblog.net).*


Sumber http://www.contohblog.com/

Artikel Terkait

Cara Dan Metode Mengatur Keterangan Foto/Gambar (Image Caption) Di Posting Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email