10 Lampu Natal .GIF Keren Diatas Tampilan Blogger

~ Buat Lampu Natal Keren Diatas Tampilan Blog -  Wahh Natal Sangat Indah, 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.

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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLYtZ7A_VbtVkcWdENzi8tQDLpIH-t6x3rxQvT0KI1KxKlykiiQlEl3f1eLHbaGHsjsuUfu0JluueLUw1R3sMYZXQTvoiEOnU_0dngJO_paZ6HaFQRh5njdyMU1ZvvFvA3qY0_vld9CHMC/s1600/luces+9.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>

<div class='luces'></div>


Lampu Natal 2

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-4-Bgq6QWHAohezjlVBZndiIsfD02sWbRvqOiOgBi62Xn26L5hsG77xn5BXoTP2LHeSqmWWVym9nlReU-JaMltPq4ZdtDDB4-rlmDVmwxOVUFadnwpLn50YePXtNuGN8YBQ9cYEoRuOv/s1600/luces+10.gif);
background-repeat:repeat-x;
height:32px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 3

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5noCNadCYAo1OWPPQOYkXJlqrBMSuK4tH0Igw461uytJaly4xQb545lyUTo0ckzES8I0v8pNKW8luo5lfwnvhZ49s8em69NEZ47xJ88Bcr0TA38oy8gbnkFwM1iEMDKUCWSv_mMdcZE7g/s1600/luces+12.gif);
background-repeat:repeat-x;
height:47px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 4

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgklglu_9bi4X2iEPETRHQw4Q_ZA03etBXc1VOGA5KzjUBzhDZ3SjdLT54Z1PVSRudnRo837ZlrMdOGUxszOz5wSFE0NTr2DTTYwnICdMYmu5LWeHXJvyu2E0RRdNCMw83la5TZvpU9WTm7/s1600/luces+14.gif);
background-repeat:repeat-x;
height:48px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 5

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVpVXSu9pgNmF-WXDT94Uy0QFKl3PP8J0vjGDOo1nXfitLPpgPIPcoiFAOBWjSHlfWSpL_A022ZS3TFQjhb7m9qXUt0dABPN0L3Q1RHcf_agnxl3cLjEzbdT38cwNZq6xkKS98kNv_zAbW/s1600/luces+15.gif);
background-repeat:repeat-x;
height:20px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 6

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-mNd9bH5B4bPk7QFfjbwSG3T1MiCgcl6x4wbHblX4wwP7e6xJpHdJfqIbu1I7gPBafPELTK63itCIBXzvb3zjVFRtYAro_Z3QgXbRvuCP6xqtYzcSixdgM63XInSQQlM1ROKBWbomKPr/s1600/luces+17.gif);
background-repeat:repeat-x;
height:21px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 7

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0SVBGRb5KCNNfPfNB0bLyQmYfXZQFmLi7olIj4A5QrM5LxAjYpotgwGz1a2ggU3fOFj2Ne6MOfwbsu5RCOTAheLgZGl-8K9rEZq-3eE_X7FRW3dJK2Ao7s1oiMmAQFm7aed8H2b2egAQU/s1600/luces+36.gif);
background-repeat:repeat-x;
height:69px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 8

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjifyqBCiXxDVnMwlk-iEezG_FvF2f4RuSpvUBBUVemUUd-pvosnCyheZ4rtdiQuXOEcLeIDPmwXpFT6GkYbSBsk6JRKicvm9Si2wxvB_Ce9iqQgQ6D-6RHmUrbG2_4kuAKoZRIZ1s4Giea/s1600/luces+37.gif);
background-repeat:repeat-x;
height:44px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 9

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQP-PR1yJtZ4enuSAepDt8GshZ1tdFKHMksMqFb9kGuCW1UjRu_ORbN8W8BQSgYuGfLSSPu0EQ0P3Ww6qv4AYeFSlKQELwoJIOxZmKbAZhNTCsWNeD-KCyVRSFr-iZNv536iJfi47rpCo/s1600/luces8.gif);
background-repeat:repeat-x;
height:45px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>

Lampu Natal 10

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwfbgREDn0NsCD8Vsu5JI3eKjNT9IpYo4hDrYE6E0hgpVPMd_TpsyYf-CfUqSMawwD-ct-rfb4h5UEAv-9qS7UASid2noeP0eAhnQpwXnMal-eQgRFyyrQKPk3NIle_aym2CfLhKfQGX1/s1600/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



Terima kasih, semoga bermanfaat.