Ganti backgroud- mu agar nggak bosan

 Pembahasan kali ini tentang Cara Mengganti Background Blog dengan Gambar, dan Berikut ini langkah-langkah cara mengatur background gambar berada pada tempatnya di blogspot.

Login ke blogger

Rancangan

Edit HTML

Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body {

Nah di sana terdapat kode background,

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini

http://3.bp.blogspot.com/-_-_-rfLiqh8/T1x-wsQ5eQI/AAAAAAAAAOY/PQxR87E8wuo/s1600/splats.jpg

Maka kalian cukup menambahkan url(http://3.bp.blogspot.com/-_-_-rfLiqh8/T1x-wsQ5eQI/AAAAAAAAAOY/PQxR87E8wuo/s1600/splats.jpg) repeat-x; pada background tersebut.

Jadi :

body {

  font: $(body.font);

  color: $(body.text.color);

  background:url(http://3.bp.blogspot.com/-_-_-rfLiqh8/T1x-wsQ5eQI/AAAAAAAAAOY/PQxR87E8wuo/s1600/splats.jpg) repeat-x top left fixed;

}

Tips yang lain, Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;

Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubahrepeat-x; menjadi repeat scroll 0 0;

Sumber dari mana-mana.

Bikin Label Nyentrik Ala Blog

Untuk Melakukan Editing, Teman teman mesti Masuk Ke EditHTML. kemudian klik Expand Widget Templates, jika bersedia silahkan download dulu templatenya, khawatir terjadi masalah :D,  nah





Setelah Masuk Silahkan deh Cari Kode berikut Ini:
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if>


Silahkan Edit/Tambahkan Huruf atau Angka, Gambar Juga Bisa Lho...pada bagian yang berwarna merah dan biru:
Sekedar Informasi,
kode  <data:label.name/> merupakan Nama Label yang Akan Tampil dan
kode , (koma) merupakan pembatas Antar Label jika Postingan kita masuk ke dalam beberapa Label....
Berikut Contoh yang di lakukan Dunia blogger:

Kode <data:label.name/> saya tambeh menjadi [ <data:label.name/> ]
dan kode koma saya ganti dengan kode gambar yaitu <img align='absmiddle' src='http://i261.photobucket.com/albums/ii65/adephotobucket/right-arrow-off.gif'/> dan Keseluruhan kode menjadi:

 <a expr:href='data:label.url' rel='tag'>[ <data:label.name/> ]</a><b:if cond='data:label.isLast != &quot;true&quot;'><img align='absmiddle' src='http://i261.photobucket.com/albums/ii65/adephotobucket/right-arrow-off.gif'/></b:if>

Pastikan jika ingin menggunakan Gambar menambahkan kode align='absmiddle' supaya gambar sejajar/lurus dengan label :)

Hasilnya Seperti Gambar di Bawah ini:

Hasil modifikasi Label

Otomatis buka link di Tab Baru

Semua link aktif di blog kita akan membuka tab baru secara otomatis.

Untuk menerapkan ini sangat mudah 3 detik pun jadi. :) kita hanya tinggal menaruh kode <base target='_blank' /> di bawah kode </head>

Berikut langkah-langkahnya:

1.  Login Blogger > Rancangan > Edit HTL

2.  Cari kode   </head>

3.  Kemudian tambahkan kode berikut ini di bawahnya

<base target='_blank' />

Sehingga keseluruhan kodenya akan tampak seperti berikut:

</head>

<base target='_blank' />

4.  Save template

Mudah bukan wek....

Moggo di coba ....@#$%