Berita Terkini
Loading...
Tuesday 29 April 2014

Membuat Warna Background Postingan Berbeda-beda

23:50

Niat Ngeblog - Sebetulnya fungsinya hampir sama dengan cara membuat kotak warna yang pernah kita bahas sebelumnya tetapi kali ini kita akan membuat lebih sederhana. Contoh penerapannya bisa kamu lihat pada bagian bawah artikel ini yang berwarna-warni.


Caranya sangat lah mudah, tinggal menambahkan kode berikut pada postingan blog kamu.

<div style="background:#kode_warna_disini;">

Postingan Artikel Kamu

</div>

Lalu bagi mana cara untuk menerapkannya? ikuti langkah berikut

1. Masuk pada menu Posting dan pilih New Post.

2. Pilih menu Edit HTML yang terletak pada kotak kanan atas.


3. Masukkan kode diatas pada postingan yang kamu buat. Perhatikan contoh cara penambahan kode pada artikel ini :

<div style="background:#f884f1;">

Larry Page dan Sergey Brin adalah dua tokoh utama di balik kesuksesan Google. Sebelum meraksasa seperti sekarang atau saat mereka berusia 24 tahun, pondasi bisnis Google dibangun dari sebuah garasi yang juga merangkap sebagai kantor.

</div>

Hasilnya :

Larry Page dan Sergey Brin adalah dua tokoh utama di balik kesuksesan Google. Sebelum meraksasa seperti sekarang atau saat mereka berusia 24 tahun, pondasi bisnis Google dibangun dari sebuah garasi yang juga merangkap sebagai kantor.

Kode di atas masih bisa dikombinasikan dengan menambahkan jenis dan besarnya font. Lihat contoh kode artikel berikut.

<div style="background:#48f31b; text-align:Courier; font-size:120%">

Larry Page dan Sergey Brin adalah dua tokoh utama di balik kesuksesan Google. Sebelum meraksasa seperti sekarang atau saat mereka berusia 24 tahun, pondasi bisnis Google dibangun dari sebuah garasi yang juga merangkap sebagai kantor.

</div>

Hasilnya sebagai berikut :

Larry Page dan Sergey Brin adalah dua tokoh utama di balik kesuksesan Google. Sebelum meraksasa seperti sekarang atau saat mereka berusia 24 tahun, pondasi bisnis Google dibangun dari sebuah garasi yang juga merangkap sebagai kantor.

4. Setelah kamu meletakkan kode tersebut, pilih kembali menu Compose untuk mengatur post kamu kembali.

5. Jika sudah benar maka lakukan Publish Post

Selamat mencoba

Rekondasi : Baca juga artikel "Mengganti Background Postingan Dengan Wallpeper".

0 komentar:

Post a Comment

 
Toggle Footer