Assalamu'alaikum wrahmatullaahi wabarakaatu....
Hallo sobat pemula , yang sering dan suka utak-atik blog, pasti sudah pada pintar semua dari ane yang newbe ini dan ane lagi kurang masukan jadi gak banyak yang bisa ane bagikan. Kali ini ane akan coba berbagi Cara Membuat Text Keterangan Gambar Dalam Frame/Border :
Seperti biasa, mana kala sobat menjelaskan suatu materi yang sobat muat dalam sebuah artikel di postingan blog, perlu kiranya menjelaskan dengan gambar umpamanya. Pada postingan sebelumnya sudah ada yaitu Menempatkan Gambar Animasi Gif Lucu yang isinya mirip dengan postingan ini, tapi berbeda cara penampilan gambar sekalian dengan keterangan.
Caranya gampang sekali, buka saja antrian baru...
klik HTML, pada saat posisi ini sobat copas script yang dibawah gambar............
lalu sobat ketik keterangan yang sobat perlukan pada ketikan yang diberi warna hitam dicetak tebal,
sudah...lanjutkan dengan ketikan artikel yang sedang sobat muat.
Hallo sobat pemula , yang sering dan suka utak-atik blog, pasti sudah pada pintar semua dari ane yang newbe ini dan ane lagi kurang masukan jadi gak banyak yang bisa ane bagikan. Kali ini ane akan coba berbagi Cara Membuat Text Keterangan Gambar Dalam Frame/Border :
Seperti biasa, mana kala sobat menjelaskan suatu materi yang sobat muat dalam sebuah artikel di postingan blog, perlu kiranya menjelaskan dengan gambar umpamanya. Pada postingan sebelumnya sudah ada yaitu Menempatkan Gambar Animasi Gif Lucu yang isinya mirip dengan postingan ini, tapi berbeda cara penampilan gambar sekalian dengan keterangan.
Caranya gampang sekali, buka saja antrian baru...
klik HTML, pada saat posisi ini sobat copas script yang dibawah gambar............
lalu sobat ketik keterangan yang sobat perlukan pada ketikan yang diberi warna hitam dicetak tebal,
sudah...lanjutkan dengan ketikan artikel yang sedang sobat muat.
Kalo mau posisi gambar dalam kotak seperti ini, copas kode script dibawah, ganti yang berwarna biru dengan URL blog sobat , warna merah URL gambar , #efefef = warna latar, 15 px , tulisan auto = ukuran kotak, yang diberi warna kuning = layer garis ( bisa diganti : dotted, dahsed, double, groove dan outset ) , dan angka ketebalan garis 1 bisa diganti sesuka sobat.
<div style="background-color: #efefef; border: 1px solid #CCCCCC; height: auto; margin: 15px; padding: 15px ; text-align: center; width: auto;">
<span style="color: blue; font-family: Times New Roman; font-size: 14px;">Ketik keterangan gambar dan lain-lainnya disini, hasilnya seperti yang sobat baca saat ini </span><br />
<a href="http://rahmian4.blogspot.com/"><img src="http://www.picgifs.com/graphics/h/horses/graphics-horses-064635.gif" /></a></div>
Mudahkan sobat pemula...? <div style="background-color: #efefef; border: 1px solid #CCCCCC; height: auto; margin: 15px; padding: 15px ; text-align: center; width: auto;">
<span style="color: blue; font-family: Times New Roman; font-size: 14px;">Ketik keterangan gambar dan lain-lainnya disini, hasilnya seperti yang sobat baca saat ini </span><br />
<a href="http://rahmian4.blogspot.com/"><img src="http://www.picgifs.com/graphics/h/horses/graphics-horses-064635.gif" /></a></div>
Cuma itu Cara Membuat Text Keterangan Gambar Dalam Frame/Border yang ane bisa, maaf bagi kakak senior blogger ini tidak ada apa-apanya kali.
Tidak ada komentar:
Posting Komentar