background dan layout bebeda pada setiap halaman blog

Memasang background untuk halaman utama

Di halaman ini ditempatkan berbagai widget/aksesoris yang wajib ada di halaman depan, tentu saja untuk memudahkan pengunjung blog

1. kopi kode ini di widget html/javascript baru:
   body {background-image: url("<br /><style type="text/css"><br />body {background-image: url("http://alamat-gambar "); background-position: left; background-repeat: no-repeat; background-attachment: fixed; }.bkgspc {margin-top:10px;color:#909090;font-size:10px;font-family:Arial;}.bkgspc a {color:#909090;}</style>




2. edit http://alamat-gambar dengan url gambar yang kamu inginkan . Beri judul dengan yang mudah kamu ingat, misal fabrie ,Kemudian save



3. langkah berikutnya adalah masuk ke edit html, jangan lupa centang Expand Widget Templates


4. tekan ctrl+f dan ketikan fabrie, sehingga akan ketemu di widget id berapa html tersebut disimpan, akan terlihat seperti ini:
   
   
   <b:widget id="'HTML20'"
   
   
   locked="'false'" title="'fabrie'"



5. tambahkan Kode <b:if cond="data:blog.url == data:blog.homepageUrl"> dan </b:if> sehingga menjadi seperti ini
   
   
   <b:widget id="'HTML20'" locked="'false'" title="'CSS1'" type="'HTML'"><br /><b:includable id="'main'"><br /><b:if cond="data:blog.url == data:blog.homepageUrl"><br /><!-- only display title if it's non-empty --><br /><b:if cond="'data:title"><br /><h2 class="'title'"><data:title/></h2><br /></b:if><br /><div class="'widget-content'"><br /><data:content/><br /></div><br /></b:if><br /><b:include name="'quickedit'/"><br /></b:includable><br /></b:widget>




6. simpan

memasang background untuk halaman selain halaman utama

secara keseluruhan, caranya hampir sama dengan cara pada halaman utama, hanya saja posisi dan sedikit kode saja yang berbeda, seperti kode <b:if cond='data:blog.pageType == "item"'> dan </b:if>
pada langkah satu beri nama widget baru dengan fabrie2
kemudian cari lagi seperti langkah empat. setelah ditemukan di widget id berapa widget fabrie2, edit kode tersebut menjadi seperti di bawah ini

<b:widget id="'HTML21'" locked="'false'" title="'CSS2'" type="'HTML'"><br /><b:includable id="'main'"><br /><b:if cond="'data:blog.pageType"><br /><b:if cond="'data:blog.pageType"><br /><!-- only display title if it's non-empty --><br /><b:if cond="'data:title"><br /><h2 class="'title'"><data:title/></h2><br /></b:if><br /><div class="'widget-content'"><br /><data:content/><br /></div><br /><b:include name="'quickedit'/"><br /></b:if><br /></b:if><br /></b:includable><br /></b:widget>

Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan