Baiklah disini saya akan mencoba memberikan trik menambah 'Background di Posting Blog', walau sebentar ini trik yang sangat mudah.heheeg.
Baiklah tidak perlu panjang lebar, kita lansung saja ke cara pembuatannya :
seperti biasa
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. cari code : .post { (Jika tidak ketemu maka letakkan kode berikut diatas kode ]]></b:skin> )
Lalu hapus kode diatas, lalu ganti dengan kode berikut :
.post {
margin: 0px 20px 0px 0px;
height:100%;
color:#fff;
padding:10px 0px;
background:url("http://i56.tinypic.com/wiuhq1.png") no-repeat scroll 0 0 black; background-position:bottom left;
-o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out}
::: Tapi Jika Anda sudah mempunyai code .post { di template anda,mka anda tinggl memasukkan kode yang berwarna HIJAU diantara kode .post { ditempalte anda.
Sebagai contoh :
.post {
-----
---
background:url("http://i56.tinypic.com/wiuhq1.png") no-repeat scroll 0 0 black; background-position:bottom left;
-o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out
}
5. Save Template,..
Sekarang lihat hasilnya.
Selamat mencoba!
Tips-Trik Blogger
- Cara Membuat Related Post Dua Kolom
- Cara Modifikasi Kotak Komentar Blogger
- Membuat Related Post dengan Efek Ceklis
- Membuat Breadcrumb Terindex Google
- Cara Membuat Menu Navigasi Kwicks Dengan jQuery
- Load Page Blog Lebih Keren Dengan Keyframes
- Cara Memasang Script Iklan Melayang (Ads popout)
- Menu Rocking Rolling Rounded Dengan jQuery
- Trik Mempercepat Loading Home Page Blog
- Cara Membuat Title Otomatis Pada Semua Posting
- Cara Membuat Efek Rotate Miring Dengan CSS3
- Pengertian SEO On Page Dan Off Page
- Cara Membuat Valid XHTML Blogger
- Script Untuk Menghindari Para Tukang Copas
- Cara Meningkatkan Traffic Blog Dengan (Manual)
- Cara Mudah Meningkatkan Traffic Blog dengan AutoSurf
- Cara Vertifikasi Ulang Blog Ke Google Webmaster Tools
- Cara Remove Broken Link Dengan Webmaster Tools
- Cara Membuat Kota Komentar Admin Berbeda
- Menghilangkan Tulisan "Langgan: Entri (Atom)"
- Black Devil Red Horns Emoticon
- Cara Pasang Iklan di Bawah Posting
- Ablewise | Tool Buat Memprediksi PageRank
- Google Index Pages Checker
- Blogger Support Upload Favicon Sendiri
Title : Cara Menambah Background di Posting Blog
URL : http://blogcunayz.blogspot.com/2011/07/cara-menambah-background-di-posting.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Menambah Background di Posting Blog sebagai Sumbernya.
URL : http://blogcunayz.blogspot.com/2011/07/cara-menambah-background-di-posting.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Menambah Background di Posting Blog sebagai Sumbernya.
Belum ada komentar, bagaimana pendapat Anda,,??
Post a Comment
Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.