8 Merubah Background Postingan

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Suatu waktu mungkin kita bosan dengan background postingan kita yang warnanya putih atau hitam polos, atau mungkin sekedar ingin mencoba bereksperimen kecil maka kita boleh mencoba merubah backgroun postingan dengan cara-cara berikut ini, karena pengetahuaan yang baru pasti sangat menyenangkan. Nah cara membuat backgroun postingan yang saya tahu saat ini baru dua cara...

  • Yang Pertama untuk membuat background warna, caranya...

Letakkan kode berikut pada awal postingan

<div style="background:kode warnanya disini">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>

Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan. Bisa lihat macam-macam kode warnanya disini. Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.

Sebagai contoh backgroun dengan warna pink...

<div style="background:#FFCCFF">

Pada setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang ada di dalam jiwamu.

Optimislah walaupun engkau berada dalam terpaan bencana.

Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.

Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.

Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?

Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.

Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.

</div>

Hasilnya akan seperti ini :

Pada setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang ada di dalam jiwamu.

Optimislah walaupun engkau berada dalam terpaan bencana.

Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.

Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.

Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?

Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.

Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.

  • Yang kedua Membuat background dengan Gambar

Jika anda memiliki gambar khusus untuk dijadikan backgroud uploud dulu ke website hosting seperti photobucket atau tempat hosting lainnya untuk memperoleh URL addresnya.

Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:

<div style="background:url(alamat gambarnya disini) no-repeat;">

Diakhir postingan tutup dengan kode berikut:

</div>

Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.

Contoh, saya ingin membuat posting dengan background yang beralamat di http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :

<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top; text-align:justify; font-size:90%; padding:10px">

Pada setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang ada di dalam jiwamu.

Optimislah walaupun engkau berada dalam terpaan bencana.

Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.

Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.

Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?

Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.

Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.

 </div>

Maka hasilnya seperti ini:

Pada setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang ada di dalam jiwamu.

Optimislah walaupun engkau berada dalam terpaan bencana.

Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.

Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.

Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?

Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.

Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.

Nah jika kita ingin mempatenkan background tersebut sebagai backgroud pada setiap postingan kita agar tak capek mengeditnya, caranya masuk menu pengaturan/ settinf =>klik tab format=>pada bagian akhir kolom format letakkan kode diatas

Nah selamat mencoba, semoga bermanfaat! Untuk melihat postingan saya lainnya yang memiliki background klik  disini


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

8 komentar :

  1. wooohooo,, thanks atas inponya,,

    BalasHapus
  2. mudah khan? sama2, thanks jg apresiasinya!

    BalasHapus
  3. Makasih banyak tipsnya Mba..
    Manfaat sekali buat yg ikut kontes, ada pesanan khusus tp enggan merubah keseluruhan template.

    BalasHapus
  4. asal bukan kontes djarum black ya? backgroundx hitam tu?

    BalasHapus
  5. bagus, keren..............:)]

    BalasHapus
  6. terimakasih apresiasinya

    BalasHapus
  7. kereeeeeeeeeeeeeeeeennnn

    BalasHapus
  8. makasiiihhh... banget atasinformasi dan ilmunya...

    aku juga mau request...
    minta alamat gambar yang bisa di pajang di background postingan kayak yang diatas...
    makasih...

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!