Kamis, 20 Desember 2012

10 Lampu Natal .GIF Keren Diatas Tampilan Blogger

beritaburung9  - D-Copy Blog | Wahh natal tinggal beberapa hari lagi, saatnya untuk mempersiapkan perlengkapan natal. Tidak kalah juga kita harus membuat persiapan natal di blog kita sobat. Tepat pada tutorial sebelumnya membuat efek gambar berjatuhan misalkan Santa Clause atau yang lain-lain yang telah kami sediakan namu kali ini kita akan membuat lampu natal efek .gif diatas blog dan lampu ini akan menjadi berjajar otomatis sesuai dengan lebar blog Anda.


LIVE DEMO






Langkah :

  1. Buka akun Blogger Anda
  2. Masuk ke menu Template > edit HTML > Proceed
  3. Cari kode dibawah ini
</body>
    4.  Pastekan kode dibawah ini, diatas pada kode diatas :

Kami menyediakan beberapa pilihan yang bisa Anda coba terapkan ke blog Anda :

Lampu Natal 1

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh4.googleusercontent.com/-T2mr4hYEJt8/TuuwZfwTgvI/AAAAAAAAB_Y/oZAKIIvxRa0/s435/luces%2525209.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 2

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh5.googleusercontent.com/-4L1A9tG4vHc/TuuwZRNQ26I/AAAAAAAAB-k/lDA3666E5uE/s457/luces%25252010.gif);
background-repeat:repeat-x;
height:32px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 3

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh6.googleusercontent.com/-0-h4Co-Y-nI/TuuwZct5hrI/AAAAAAAAB-g/RKjXYFZwlHY/s500/luces%25252012.gif);
background-repeat:repeat-x;
height:47px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 4

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh3.googleusercontent.com/-g4LRLJTSV3E/TuuwZmeBDjI/AAAAAAAAB-o/sho0cRFKPv4/s628/luces%25252014.gif);
background-repeat:repeat-x;
height:48px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 5

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh3.googleusercontent.com/-btYyJ5YKqcY/TuuwZnORn4I/AAAAAAAAB-w/VvQ1ENrno58/s80/luces%25252015.gif);
background-repeat:repeat-x;
height:20px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 6

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh4.googleusercontent.com/-oWP1NAyTkQM/TuuwZ2SBE-I/AAAAAAAAB-0/vEosMklZ_X4/s360/luces%25252017.gif);
background-repeat:repeat-x;
height:21px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 7

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh6.googleusercontent.com/-FObwsgxVKrY/TuuwaGBmzOI/AAAAAAAAB-4/C_n2bIXZdnI/s204/luces%25252036.gif);
background-repeat:repeat-x;
height:69px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 8

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh4.googleusercontent.com/-8Trl41cfaRM/TuuwadQXvgI/AAAAAAAAB_A/BGsjhI3HEoc/s123/luces%25252037.gif);
background-repeat:repeat-x;
height:44px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 9

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh5.googleusercontent.com/-5PuEtT6o14Y/Tuuwcxm-LXI/AAAAAAAAB_g/dcA_oWSSpUM/s333/luces8.gif);
background-repeat:repeat-x;
height:45px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 10

Lamp christmast for blogger
<style type="text/css">
.luces {
background-image: url(https://lh4.googleusercontent.com/-RpQcK1iYEhU/TuuwgMVcdAI/AAAAAAAAB_w/m6ExlYcBqho/s129/luces7.gif);
background-repeat:repeat-x;
height:43px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

    5.  Save Template Anda


sumber
                                                                DOWNLOAD VIDEO

Tidak ada komentar:

Poskan Komentar