10 Lampu Natal .GIF Keren Diatas Tampilan Blogger

Di Terbitkan Ardana

toptentop - 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 :

Buka akun Blogger Anda
Masuk ke menu Template > edit HTML > Proceed
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/AVvXsEgBu18KsxN3LOvc-sT9nf2CJtWpMoxKpr0xFZyqY4XwNZRzDavz-jkB5aGg5UxLm0o7bJEZHi2e19uzsBCKHPOFLZEigGgRgTgYzf_gbdJJ-_GWEogCtuRz95SdiOlXshYBjK5flROO1Y8/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOGthmP64FtWv2Ff_8PXZs3x5KAnlaeHcTGlaelJu8Il2Oal5utW3LV7m65KFQ17E_1v3YJ6HHTzcRg_EI4WnLJ_hISOsULiK9WPRzd4gFlNYURVfA5u_I2DQf0P46OsT5FNx_onaTqY/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5i5sBsDHI3hw6FGHOiICBD0kzSw8SDWYG5dqHIt3iCFCBscE6RX2JjRdKoh_ye5CeCwCvADhsDUIAn-9WpnakS45HfZHOqHg2Epc6zD5Z_hXyJLHtzKy-Smffqqpf6YjbXAvsF3BS6Io/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QYRD2qSznxNlLm110qASQkk8N16ZEHYmv74PBiCSlsgLMQrYXCUYsdoi_twKGXMI7Yz3VpTJfF7azSzaNuSSUo0HbnKCqe0LL-4Yk-hVXw7FdaxwbO_oe2pDXk7Kw26cr5GZ-qvV13U/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsKi1TPNWEOSbNzjG-n79b1UZtJKUU2FW0gF54iZ1i9lTuADqh2JxBpP-6s03i_YAp6s1nMh3GeKJcI03bnBANO4ZlqCZcqoV0NKnN6YU5GjrGstm1LgoZSI3JiCuGj5Xqz3CniMcg1SQ/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdU021mvqWK0Ny49z2DukKz5zu-d_z0-MdRl6CWfrNNwQXooui_RcCmXXpc-NBLQb3N1G29uxZIm7ge4BzrqIdtdXRZ0dMvgqOmhrtHg5hyphenhyphenLJywDwEAa6d_Sd8rFekMNNNl8AU0YmaCU/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4IztTxi7Lzx-asABzuPiDk0XxamLTBo_xEnGBSfOIx8UyFuLad2budu95QWLKztP82gvrHc3pdvzS_a8IAWwEzX9xtL4bF9ZZlviVvCwT9SEYA2R9Smi1sfgBiWPDSyjNVceCXnKJE2M/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-A43ZOg1RA3UPYTsn6blrKMG8Ad8ju8xhtzUWKLYx5v9uIwV99Da2Gzont18QWLjp5AHfgrqvEW2i1_Y9_4u1ankiVjt_7K4gKQI5itQOzoWZy1ksl02QtHB775K1MNZCWGxD3NpEUI/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SuJ1UfN6WTp6i1Xy2L9knnSFhxcU4tpGjgizFwOcgY1hZWFzvV4Nw0Mll_tvRABmL76yYqr1IGh9gzrjK7s6fj6gsH3iaE1mIRzrGqz573F8APGxdm9vDGqDcHcDSrNi6BLWsmGjMBk/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

<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuXOLFqAHy2J8t0NllTNeqRNh1CB7RWwLsZiKAQZwQjKUi2hc4yrBULS6YK7aAKOjQj5E59DdutAYzj4fx8Gq0ZtYZ-He_9A-30DGjQnk7_TbLb3gr9tHLyzFnG_5mzsHeUhyphenhyphenyhhtCY24/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

noreply@blogger.com (masmet OK) 21 Dec, 2012

-
Source: http://toptentop.blogspot.com/2012/12/10-lampu-natal-gif-keren-diatas.html
--
Manage subscription | Powered by rssforward.com Diterbitkan Oleh : Lebihunik.com

ARTIKEL TERKAIT

TOP 10