BUAT BACKGRAUND BLOG

.


Halo para sobat, ane mao ngasih tips baru buat para sobat dan trik ini

Seperti biasa masuk ke account blogger sobat Dashboard/dasbor Layout/tataletak, Edit HTML "JANGAN di CENTANG " Expand template widget nya ok!!

Lakukan backup dengan "download lengkap template" takut ada kekeliruan.

kemudian cari kode dibawah ini :

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

Perhatikan teks yang berwarna merah!! tambahkan dengan kode seperti dibawah ini :

url(http://ALAMAT URL GAMBAR SOBAT);

dan jangan lupa tambahkan pula kode yang ada di bawah ini

background-attachment: fixed;

dan letakan di bawah kode tersebut, atau kurang lebih akan terlihat seperti ini :

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.

dan jangan lupa klik tombol Save/Simpan Perubahan!! lihat hasilnya

Nah, mungkin hanya itu saja tips kali ini dari Ine mudah-mudahan bermanfaat di hati para sobat khusunya kepada yang pernah meminta. jangan lupa komentarnya O.K Ine... mao nerusin nyervis lagi....

+++++++++++++++++++++++++++++++++++++++++++++++

Cara Menjadikan Foto Kita Sebagai Background Dari Blog Yang Kita Miliki

Untuk yg ini saya akan mengajarkan kepada kalian bagaimana caranya menjadikan foto kita sebagai background dari blog yang kita miliki. Sebagai contoh saya akan menggunakan blog yang saya miliki di Blogger.

1. Login ke dashboard account Blogger kalian, lalu klik menu “Layout” di blog yang ingin kalian edit tampilan layoutnya, setelah itu klik menu “Edit HTML”.
2. Sekarang kalian harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi hosting di internet, sebagai contoh kalian bisa meng-uploadnya ke situs ImageShacks. Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut.
3. Balik lagi ke halaman Blogger kalian tadi, lalu copy kode CSS berikut:
   

   <style type="text/css">

   <!--

   body {

       background-image: url(Ganti dengan URL foto kalian);

   }

   -->

   </style>

   Setelah di-copy kodenya lalu kalian paste-kan kode tersebut ke template Blogger kalian tepatnya sebelum kode </head> (lihat gambar di samping ini jika bingung) dan jangan lupa untuk mengganti tulisan “Ganti dengan URL foto kalian” di dalam kode tersebut menggunakan URL foto kalian yang telah kalian upload sebelumnya ke ImageShacks. Setelah itu kalian klik menu “Save Template” kemudian buka blog kalian tersebut untuk melihat perubahan layout yang telah kalian lakukan.