Kali ini saya ingin berbagi tips cara membuat postingan di atas gambar. Atau bisa dikatakan tulisan dengan background bergambar. Untuk itu kita persiapkan terlebih dahulu gambar yang akan di pasang sebagai background. Tentunya gambar itu adalah gambar online atau memiliki alamat URL. Jika anda menginginkan gambar dari file yang anda simpan di komputer anda maka lakukan terlebih dahulu dengan mengupload gambar tersebut di photobucket atau alamat web lainnya yang mendukung untuk mengupload gambar atau file.
Kemudian cara membuat postingan di atas gambarnya cukup mudah, yaitu seperti biasa saat anda membuat postingan :
1. Masuk di blog anda.
2. Klik tanda pensil di pojok kiri atas.
3. Pilih HTML bukan pada compose.
4. Copy kode berikut dan pastekan pada HTML :
Atau:
5. Anda bisa ganti warna BIRU dengan GAMBAR dan warna HIJAU dengan isi artikel anda.
<div style="background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilmCIxQlQ_0omMpcbNfrF2RrTnW6oPo9YBZbKgu8HMURkVdrFZWRuyPYWcFbjlYxgw7mdNB2bXLgodD53dtUMYCkSoexQwxN5y2dV78f3npFZ_aMWNaFFN1YGPriulQ_t-uiFli9Gsn-U/h120/back.jpg'); background-repeat: no-repeat; background-position: center;">
<p style="text-align: center;">
<b>JUDUL TULISAN</b><br/>
Isi Tulisan Diatas Gambar
</p></div>
<p style="text-align: center;">
<b>JUDUL TULISAN</b><br/>
Isi Tulisan Diatas Gambar
</p></div>
Atau:
<div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: repeat; background-position: center;">
Tulis disini…
</div>
Atau:Tulis disini…
</div>
<div style="overflow: auto; width: 400px; height: 100px;
background-color: #ffecff; background-attachment: scroll; background-repeat: no-repeat; background-position:right bottom; background-image: url(http://kreativitasdircom.files.wordpress.com/2012/07/bingkai-sertifikat-ijazah-005.jpg); text-align: justify; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;font-family:Sans-serif;">
Tulis disini…
</span>
</div>
background-color: #ffecff; background-attachment: scroll; background-repeat: no-repeat; background-position:right bottom; background-image: url(http://kreativitasdircom.files.wordpress.com/2012/07/bingkai-sertifikat-ijazah-005.jpg); text-align: justify; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;font-family:Sans-serif;">
Tulis disini…
</span>
</div>
5. Anda bisa ganti warna BIRU dengan GAMBAR dan warna HIJAU dengan isi artikel anda.
Sekian semoga bermanfaat,
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Postingan Dengan Background Gambar. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
