arif arwanzsa_blog

Cara Mengganti Warna/Gambar Background Blog

Biasanya ada beberapa orang yang masih kesulitan dalam Mengganti Warna/Gambar
Background Blog...gimana yach caranya..???jangan diambil pusing kaleeee!!! emang
kalo orang udah bisa dia bilang gampang, tapi klo belum tau..bikin otak jadi
panas....(panas!!knalpot kalee)heheheh...dulu saya seperti kalian semua ko'
sebenarnya saya orangnya ga' pinter banget..jadi kalo kurang lengkap keterangan
saya mohon maaf yach... kita semua juga sedang belajar sama2 cari ilmu, jadi
kita saling sharing aja...
langsung aja tanpa basa-basi dan panjang lebar...untuk pertama kalinya
background itu adalah latar belakang suatu bidang, jika kita berbicara mengenai
blog, background itu sendiri bisa berupa warna ataupun gambar.
mau tau caranya mengganti warna/gambar background blog..?
baca saja caranya di bawah ini,...

jika anda ingin merubah background body blog anda
silahkan anda kasih tanda centang atau cecklist "expand template widget" di
editor html blog anda setelah itu carilah code CSS yang seperti ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

lihat code CSS di atas pada bagian background ( $bgcolor ) yang artinya anda
bisa mengedit warna dari editor " font and colors " pada blog anda.. caranya
anda cukup login ke blogger kemudian pilih pilihan menu " layout " dan pilih
lagi menu " font and colors " ... nah di editor " font and colors " tersebut
anda bisa mengubah warna background blog anda sesuai dengan kemauan anda. jika
di blog anda tidak ada code ($bgcolor), seperti dalam kurung tersebut, maka anda
harus mengubah warna dari background blog anda secara manual yaitu tinggal
menambahkan kode warna yang anda ketahui,... misalkan

background: #cf020b; ( code warna #cf020b yang berarti berwarna merah ),
background: #ffffff ( code warna #ffffff yang berarti warna putih ),
background: #000000 ( code warna #000000 yang berarti warna hitam ),dll....

waktu penulisannya jangan lupa tambahkan tanda (#) sebelum angka atau huruf (contoh
= #ffffff), ga' usah tanda kurung yah...!! itu cuma contoh

jika anda ingin mengganti background dengan warna warni, ataupun juga dengan
gambar... misalkan foto anda sendiri itu juga bisa ko'
caranya pada code CSS yang bertuliskan ( background:#......; ) cukup anda ganti
dengan

background: url('alamat url foto anda taruh sini');

contoh = background: url(http://h1.ripway.com/rendrapranata/background.jpg);

tapi kalau anda ingin mengganti background, anda harus punya alamat hosting dulu
caranya and harus sign up di alamat hostingan tersebut misalnya alamat yang saya
gunakan untuk hosting sekarang seperti http://www.ripway.com

sekarang jika anda ingin mengganti background bagian sidebar blog anda..
yang harus anda cari adalah code CSS sbg berikut

#sidebar-wrapper {
width: 345px;
float: $endSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

seperti code CSS di atas, (background:#fff;) artinya background berwarna putih,
jika anda ingin mengubah dengan warna lain silahkan ganti code css (#fff) dengan
code warna lain, ataupun bisa anda ubah dengan background gambar foto anda,
caranya sama dengan cara sama dengan yang saya jelaskan di atas tadi...

begitupun untuk mengubah background bagian main, caranya sama dengan yang di
atas.. anda tinggal mencari code css seperti di bawah ini

#main-wrapper {
width: 600px;
float: $startSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

(caranya sama dengan yg sudah di jelaskan di tas)

mungkin cuma segitu yang bisa saya jelaskan maaf jika penjelasnya kurang jelas
yah...tapi itu sudah saya jelaskan sedetil mungkin....selamat mencoba!!!!
Print Halaman Ini

Label: info blog

Menambah background gambar / image di template blogger

Buat yang belum tau cara ngasih background template dengan gambar/ image di
blogger, ikuti langkah-langkah berikut, cara yang sama juga berlaku untuk
wordpress dan halaman html yang menggunakan CSS.

Caranya:
Login ke blogger, pilih salah satu blog yang pengen kamu kasih background gambar,
klik link layout, setelah masuk ke halaman template, klik sub menu Edit HTML,
kemudian cari kode/tag CSS body { }, misalnya (biasanya) seperti ini:

body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
}

kemudian kamu tambahin kode untuk background dengan gambar menjadi seperti ini:

body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
background-image: url(http://www.domain.com/gambar.jpg);
}

Silahkan ganti http://www.domain.com/gambar.jpg dengan url dimana kamu upload
gambar/image untuk background kamu. Untuk upload gambar, kamu bisa pake
imageshack atau di Google Pages untuk upload gambar gratis.

Selamat Mencoba!

Cara Membuat Kategori / Label di Blogger



Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan
atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian
atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi
para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk
membuat kategori dikenal dengan istilah Label.

Dalam episode kali ini (kayak sinetron aja pake istilah "episode") saya akan
mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label.
Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he..
Login ke blogger lalu Klik Posting --> Edit Post

* Membuat Kategori / Label
Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan.
Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu
beri nama label tersebut.


jadi deh...

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo
box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.


Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?
Selamat berbuka puasa, eh salah, selamat mencoba!!!...