Bagi Anda yang ingin tampilan posting blognya lebih menarik dan tidak monoton patut mencoba tips blogger yang satu ini. Tips blogger kita kali ini adalah tips membuat background pada teks di artikel yang kita buat. Dalam membuat background teks terdapat dua pilihan yaitu membuat background dengan warna dan membuat background dengan gambar.
1. Membuat background dengan warna
Caranya mudah, Yang perlu Anda lakukan adalah ketika Anda akan memulai untuk membuat posting blog, pilih pada tab Edit HTML. Berikan kode berikut ini diantara teks yang ingin Anda beri background warna :
<div style="background:#FF0000;">
Isi teks yang ingin di beri background warna
</div>
* important
hasilnya seperti dibawah ini::::
2. Membuat background dengan Gambar
<div style="background:URL alamat gambar kamu no-repeat;">
Isi teks yang ingin di beri background gambar
</div>
1. Membuat background dengan warna
Caranya mudah, Yang perlu Anda lakukan adalah ketika Anda akan memulai untuk membuat posting blog, pilih pada tab Edit HTML. Berikan kode berikut ini diantara teks yang ingin Anda beri background warna :
<div style="background:#FF0000;">
Isi teks yang ingin di beri background warna
</div>
* important
Tulisan Kode #FF0000 yang dicetak tebal itu merupakan kode warna, anda dapat menganti kode tersebut dengan kode warna kesukaan anda, untuk kode warna, silahkan lihat disini.
hasilnya seperti dibawah ini::::
Inilah contoh hasilnya, silahkan anda coba dirumah, gak ada yang larang, silahkan berkreasi sesuka anda, jangan takut salah, belajarlah dari kesalahan itu, karena orang yang bijak, belajar dari kesalahannya untuk meraih kesuksesan.
Terimakasih
Terimakasih
2. Membuat background dengan Gambar
Siapkan Gambar yang ingin anda jadikan background, Upload gambar tersebut di penyedia hosting gambar gratis seperti Picasa, Photobucket, Flickr dll. Sama seperti sebelumnya ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML. Kemudian Copy/Paste kode berikut ini diantara teks yang ingin Anda beri background gambar :
<div style="background:URL alamat gambar kamu no-repeat;">
Isi teks yang ingin di beri background gambar
</div>
* important
Ganti tulisan URL alamat gambar kamu dengan url penyimpanan gambar Anda. Anda bisa mengganti kode no-repeat menjadi repeat agar gambar ditampilkan berulang-ulang.Nah, demikian tips kali ini, lebih dan kurang mohon dimaafkan, kami dari tim intrik mohon pamit undur diri, akhirkata::
sekian dan terimakasih.
sumber : Supardi Punya
sekian dan terimakasih.
sumber : Supardi Punya
baguuzzz tipz nyaaa,,, tk cb dyuu!!!!
BalasHapus