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.
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
Sumber http://www.contohblog.com/
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:
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: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:
.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).*
Cara Dan Metode Mengatur Keterangan Foto/Gambar (Image Caption) Di Posting Blog
4/
5
Oleh
Unknown