Akhirnya saya menyempatkan diri untuk mengupdate blogger saya ini, dan berhubung ad slah teman kita yang menanyakan kepda saya, "Kakak gimana caranya kasih backgraund di posting ?? kayak punya kakak yang sekarang".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 :
dan tulisan yang berwarna KUNING bisa kalian ganti dengan Gambar Kalian Sendiri
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.
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 {Tapi Jika Anda sudah mempunyai code .post { di template anda,mka anda tinggl memasukkan kode yang berwarna BIRU diantara kode .post { ditempalte anda.
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}
dan tulisan yang berwarna KUNING bisa kalian ganti dengan Gambar Kalian Sendiri
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.
Related Post :)
blogger
- daftar isi 2
- daftar isi
- Cara Menambah Background di Posting Blog
- Cara membuat Floating Top Bar
- Artikel Tidak Bisa Di Block/ Tidak Bisa Di Copy
- foto berputar -putar saat di sentuh oleh mouse
- Mematikan Fungsi Pada Keyboard,Dan Anti Klik Kanan..???
- Cara Membuat Artikel Terkait (Related Post) dengan efek Animasi Miring
- Cara MerubahTampilan Kolom Komentar dengan Efek Bubble
- membuat blockquote indah dengan efek hover
- Javascript Disable Keybord
- Cara Membuat Cursor following menu
- Menghilangkan Tulisan "Tampilkan Entri Lawas"
- Membuat Link Berkedip Ala Pelangi
- Buat Judul Blog Pada Adress Bar Bergerak
- Cara Membuat Background Animasi pada Judul Posting
- membuat titel berjalan pada blog
- Membuat Fasilitas Print di Blog
- cara memberi al-quran online
- Supaya Tabel tidak Melorot
- Supaya Blog / Web TerIndex Google
- Menghilangkan Underline Pada Link
- Mengatasi Pemberitahuan Kesalahan pada Faltform Blogger
- Mendisable Klik Kanan
0 comments:
Post a Comment
Bila tak pegal di tangan
silahkan tulis sebuah komentar!