Background Full Screen

Selasa, 19 Juni 2012 | 3komentar

Background Full Screen
Background Full Screen - Cara Membuat Background Full Screen - Pertanyaan yang perlu kita kembangkan dari Membuat Background Full Screen ini adalah mau kita terapkan pada template body kita atau hanya pada postingan tertentu saja? Pasalnya bila kita terapkan pada postingan tertentu bisa kita kembangkan dengan Cara Membuat Postingan Satu Halaman, maksudnya postingan yang tanpa disertai widget-widget yang ada pada template blog kita.

Menurut sumbernya, cara Cara Membuat Background Full Screen ini cukup menarik jika kita pasang pada blogger kita apa lagi dengan tampilan Stretch atau Full Screen dengan tidak bergerak jika kita gulung kebawah maupun ke atas, tampilan ini akan tetap seperti halnya gambar yang kita jadikan background. Untuk pembutan pada body silahkan ikuti cara berikut:

    Login ke Blog Sobat
    Masuk Ke Template >> Kamu cari Kode .body {
    Letakkan Kode di bawah ini Tepat di bawah .body {

background: url(URL GAMBAR KAMU) no-repeat center center fixed; #fff;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                  background-size: cover;
                  background-attachment:fixed;

Nah untuk pengembangan disalah-satu postingan kita tentunya pastekan kode dibawah ini pada Compose Entri kita pada saat kita hendak publish satu artikel. Letaknya terserah mau sobat tempatkan setelah Isi postingan kita atau sebelumnya.

-------- Isi Postingan Kita --------------
<b:if cond="data:blog.pageType == &quot;item&quot;">
<style type="text/css">
#sidebar-wrapper, #header-wrapper, #credit-wrapper, .sf-menu{display:none !important}
body {background: url(http://4.bp.blogspot.com/-3-LtnpaWm60/T9nZ8nnp67I/AAAAAAAAFO4/YeU--2o_XPs/s1600/Spanyol.jpg) no-repeat center center fixed; #FD0606;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                  background-size: cover;
                  background-attachment:fixed;}
#outer-wrapper{background:transparent;border:none;}
#main-wrapper{width:930px}
.comment-body {width:400px;color:#0627FD;font-weight:700;}
.comment-author {font-weight:700;text-transform:uppercase;}
.post h1 {color:#ccc;font-weight:700;text-transform:uppercase;}
</style>
</b:if>

Keterangan :
URL Gambar silahkan ganti dengan gambar yang sobat kehendaki, Demo untuk tips ini silahkan sobat klik gambar yang dijadikan gambar profil untuk postingan ini.
Mudah bukan? Tak ada kata sulit untuk sebuah kemauan !
Selamat bereksperimen semoga berhasil!
Share this article :
Judul: Background Full Screen
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Background Full Screen. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/06/background-full-screen.html. Terima kasih sudah singgah dan berkomentar di blog ini.

3 komentar:

  1. Ijin copy script nya sob,buat koleksi,siapa tahu ada teman yang butuh,thanks

    BalasHapus
  2. @Rinko Samani
    Dengan senang hati bos,Silahkan bila memang berguna.
    Makasih sudah berkenan hadir disini.

    BalasHapus
  3. artikel malah sulit dibaca sob,hehe

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger