Tampilkan postingan dengan label Tips and Trick. Tampilkan semua postingan
Tampilkan postingan dengan label Tips and Trick. Tampilkan semua postingan

Sabtu, 01 Juni 2013

Mengatur posisi header blog

Buat kamu kamu yang bingung gimana sih cara mengatur posisi header, atau mau membuat header blog pas posisinya ditengah, ini ada cara mudahnya cui tanpa perlu mengubrek-ubrek kode html yang memusingkan itu, he he he. ini dia caranya :

1. Masuk ke blogger dan login
2. Klik "Lihat Blog"
3. Diujung kanan atas ada "Desain" klik
4. Klik "template"
5. Klik "Sesuaikan"
6. Pilih "Tingkat Lanjut"
7. Pilih "Tambahkan CSS" ( kolom paling bawah )
8. Kemudian di dalam kotak CSS tambahkan kode berikut

.header-outer {
margin-left:100px;

}


9. Kamu bisa mengatur posisi header blog sesuka kamu cui, dengan kode yang berwarna hijau itu, bisa kamu ubah-ubah sesuka hati,,
10. Kemudian terapkan ke blog cui.
11. Jadi deh.....


Monggo dicobaaa cuiii....!!!

Mudah membuat background blog menjadi penuh

Hayooo, pasti bakal pusing banget kan cuiii klo kita harus mengedit gambar jadi pas buat halaman penuh dengan cara manual, bakalan ngabisin waktu berjam-jam cuma buat ngepasin aja, ha ha ha saya ko malah curhat yah cui,,
Tapi kali ini saya udah nemu cara jitu buat bikin background blog jadi penuh berapapun ukuran file gambarnya cuy, syaratnya gambar yang mau dipake background itu kudu udah ada alamat urlnya yah cui..
yuuk kita ke step-stepnya :

1. Masuk ke blogger dan login
2. Klik "Lihat Blog"
3. Diujung kanan atas ada "Desain" klik
4. Klik "template"
5. Klik "Sesuaikan"
6. Pilih "Tingkat Lanjut"
7. Pilih "Tambahkan CSS" ( kolom paling bawah )
8. Kemudian di dalam kotak CSS tambahkan kode berikut

body {background: url(http://www.alamat url gambar yang akan dipake untuk background.jpg);margin:0;padding:0;background-size:100% 100%}

9. Kode diatas adalah untuk membuat background blog menjadi penuh dengan background yang bergulir dengan halaman.
10. bagi anda yang menginginkan background blog tidar bergulir bisa dengan kode berikut

body {background: url(http://www.alamat url gambar yang akan dipake untuk background.jpg);background-attachment: fixed;margin:0;padding:0;background-size:100% 100%}

11. Kode berwarna hijau itulah yang membedakan cui,,,

so, choose what you want cuii..!!!



Membuat Background Gambar Blog Tanpa Bingkai

Dalam mendesain blog, setiap bloger punyai selera masing-masing yah cui,,
nah disini gw mau kasih sedikit tips-tips buat menghilangkan bingkai pada gambar blog dengan cara yang sangat sederhana, tanpa mencari-cari kode html yang sabrek itu cuiii...
ini dia step-stepnya cui :

1. Masuk ke blogger dan login
2. Klik "Lihat Blog"
3. Diujung kanan atas ada "Desain" klik
4. Klik "template"
5. Klik "Sesuaikan"
6. Pilih "Tingkat Lanjut"
7. Pilih "Tambahkan CSS" ( kolom paling bawah )
8. Kemudian di dalam kotak CSS tambahkan kode berikut

.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius:0px 0px 0px 0px;
background: none;
}



9. Klik "Terapkan ke blog"
10. Lihat hasilnya

Mudaaah kan cuiii,,,  Selamat Mencobaa yah cuii.....