Tutorial Blog Untuk Pemula
  • 1. Panduan membuat blog
  • 2.Cara Mengatur/setting blog
  • 3.Membuat Text berjalan
  • 4.Cara memposting artikel
  • 5.Cara membuat Text Area
  • 6.Cara membuat menu dropDown
  • 7.Cara memasang Metta Tags
  • 8.Cara memasang jam di Blog
  • 9.Cara memasang Feed Di Blog
  • 10.Cara Membuat Email Subscribe Form dengan Feedburner
  • 11.Cara Menghilangkan Judul Blog
  • 12.Mengubah Title Blog dengan Title Postingan
  • 13.Cara menampilkan widget hanya di halaman depan
  • 14.Cara Membuat Refresh di Blog
  • 15.Cara Mengimpor Blog Ke Catatan Facebook
  • 16.Apa Siih Peringkat Alexa..?
  • 17.Mengatasi Blogspot yang di hapus Blogger
  • 18.Membuat Pagging Di Blogspot
  • 19.Membuat pesan Selamat Datang dan Selamat tinggal Di Blog
  • 20.Cara Membuat Form Contact via E-mail Untuk Blog
  • 21.Mengatur Huruf dan Warna di blogger
  • 22.Cara Memasang Tombol Facebook Share Dalam Postingan Blog
  • 23.Buat Tulisan Bergaya Web Secara Online
  • 24.Pasang User Online Status
  • 25.Cara Memasukan Video Di dalam postingan
  • 26.Cara membuat atau mengganti Favicon Di Blog
  • 27.Cara Menampilkan Form Komentar Hanya di Postingan Tertentu
  • 28.Cara Mengubah Tampilan Kursor Blog
  • 29.Cara MeMbuat Banner Animasi Untuk Blog
  • 30.Memasang Tombol Like Facebook Di Blog
  • 31.Pasang Fasilitas Print di Blog
  • 32.Pasang Icon Emotions Upin dan Ipin di Komentar Blog
  • 33.Membuat Tulisan terbalik Di Blog
  • 34.Cara Menampilkan kode HTML di Postingan
  • 35.Cara Pasang Recent Post
  • 36.Cara membuat Search Box pada Blog
  • 37.Daftar Situs Social Bookmarking Dofollow
  • 38.Cara Membuat Menu di Blogspot dengan List-O-Matic
  • 39.Mengganti Template Di Blogger
  • 40.Cara Daftar di Search Engine
  • 41.Apa siih Google Page Rank..??
  • 42.Menambahkan Search Engine di blog
  • 43.Pasang Pelacak IP Address di Blog
  • 44.Pasang Widget Top Artikel
  • 45.Tips membuat Blog Lebih menarik
  • 46.Membuat Tulisan Yang Dicoret pada postingan
  • 47.Cara mendaftar Google Sitemap
  • 48.Fitur Fitur baru Dari Blogger.com
  • 49.Cara Pasang Recent Post dengan Thumbnails
  • 50.Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 51.Cepat Terindeks di Search Engine
  • 52.Membuat Drop Cap( Tulisan bergaya Koran )
  • 53.Membuat Tanda Tangan(Signature) Online
  • 54.Membuat Gambar ASCII
  • 55.Cara Upload Foto Ke Photo Bucket
  • 56.Cara Memasang Widget Visitor Di Blog
  • Seputar SEO (Search Engine Optimezed)

    Selasa, 04 Oktober 2011

    Membuat Background Image Full Screen dengan CSS3


    Gimana c caranya buat halaman background yang pake image tapi dengan tampilan fullscreen kaya di desktop windows..? Gue kasih tau caranya…dengan syarat jangan pindah chanel..
    Sebenarnya caranya gampang kita buat pake CSS3 caranya gini :

    html {
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    Buat tulisan yang di cetak tebal,. Adalah alamat image yang ingin dijadikan background
    Note : gimana cara fiz di IE.. ?
    tenang… gw udah nemuini cara buat fix nya… tinggal tambahin baris berikut ini.

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";


    Semoga bermanfaat…

    Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

    Masukan Alamat Email Anda :
    Postingan yang Berhubungan

    0 komentar:

    Posting Komentar

    Download buku Yang Bermanfaat

    Gabung bersama kami

     
    Copyright  2011 @ Johan Untuk Perempuan || Johan507-berbagi.blogspot.com