Tutorial Memasang Template Pada Blog Anda
Assalamualaikum, Salam Berbagi Ilmu.
inilah post pertama saya.
Post pertama ini adalah tentang cara template pada blog. Template yang saya gunakan di blog ini, beserta modifikasinya.
Pertama saya mengambil desain blog dari blog djogzs.blogspot.co.id, dan boleh menggunakan template dari penyedia template blog lainnya. dan ada satu template yang saya sukai di sana. yaitu Anime Note Blogger Template.
Berikut hasil Screenshot nya:
Jika ingin Mengunduh template tersebut link nya ada di bawah ini:
Utama (Google Drive)
Alternatif (Google Drive)
Cara memasang template nya:
1.Siapkan file xml yang berisi kode template blog yang anda inginkan.
2.Buka menu template pada konsol blog anda
Lalu saya mencoba mengganti tampilan Background dengan mengganti url gambar berikut:
Dengan mengedit kode di bawah ini melalui menu template (EDIT HTML)
Berikut Kode nya:
<script type='text/javascript'>
var banner= new Array()
banner[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6XW3q3qiJA5nvD9ycTS_TiA-H9rPlAUhGxTPaRoDfbT2F0r_DK78JEGk3TopcbC5R4n2ljSgU-59LoYwoCeHGycY_MCmRuT9x3TRarfag6AJ7J80S2VKs9iF4HSwepHJI4a6tc25IYFh/s1600/dsf.jpg"
banner[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinY_JJ-KFgks1_8AIuTStFxwHe3AKplsMbahD9SlmY1J0BsqI4SklNeFhWHr2aF0nmf2PrlowF9FnYdjIGivyG3fMPNcj5Ud0pvpZ1sULxSbGzvcUb8WbjtwMRZNR45Og_0Ly9TJQDbNjH/s1600/rg.jpg"
banner[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutXQijxOZ0-hDSQxX3rc-gD_n2IxxufLiY7YV0JZTxoff970gkNCxD3RE4LxT471wlbNu77TYGfmwfdzxzgSahDi58eVNqOT6DD3CpE6pVTb377g_Mxvkx7s3PN6JaFnadVr1UZ39n82Z/s1600/3.jpg"
banner[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMwgMnAROafBPbHOf00aX_w20pH28U5v3S9dmgN_CAe6wZcNhbX5EovCqxbvRnrQtP7glrgctW9-kaOXAQ3vAIyMx5EKCi9AponG5wuQSFDE7bEmVW4ZyDzpeOneF_C5bmMNfSGtnZFbx/s1600/Konachan.com+-+150749+bob_(biyonbiyon)+dress+feathers+hatsune_miku+thighhighs+twintails+vocaloid+wings.jpg"
banner[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOV8uQWqZ0hOUquXK7DOsCkrh8ZajdKRNbIXVQUrGdwo0KIWTQ4URq4BWgm0g95FBqYW-ultaGJSBYLPl5QgRRilejZuf0JitBkC0_-IZmZpieHISCJ3mA5SWikh6rWw1_QJksQS5wg2do/s1600/ll.jpg"
banner[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHS_4A3O56wBfITRR9OZasZTfJAE2MDuILgsK_6hsr9Av7v-beRrccxRuGaPibB46BeUiscbl-DC9ZOxYJDxhDnUwXoTqalvUeRcF9mJHLoMIsWr3B8vRwWpzoCu_Q7mFsrgeQGpSk9rt/s1600/Konachan.com+-+150773+aqua_eyes+aqua_hair+hatsune_miku+long_hair+tagme+vocaloid.jpg"
banner[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigE-R0TINJfRqXG1BIsA6mJNnTX6t2GmTl4V6jh7oElrCmzQbXdQRHsSp19_d8mU_wFQ4P-aWBgPVblUTnitWBx9NHdkD5f6DP0x5HMk8wlEzt4iRddXPQ7Bb3iJL5d24TjCw3m0assNTy/s1600/2.jpg"
banner[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkm754-30jH_a9HgIMHPGOHZLvYtxlwcPP_W6BmpZ1AyNToLLfWSf3HbiYUDuOAA7vLCSE12WEHbIj5Saam72iN_qJ-_GjdTqiw03O6gHKuNocqKA-fXyWez2ZYUyexIKNWDdq_BzSjkQQ/s1600/wef.jpg"
banner[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghDRHnfrPLYWQl3tCXDqM8LoiPOeTfV371rM6rpbDedNQ5HkLj4gNhyt90vTga4c5lBJ6RK2N3cNbh8tCwNuLFHTJ7HNFXK1HcOkZ5AkmPSiGJlhIvbSj20c5-wSoQSjEW0YGrQ8MsKoZF/s1600/4.jpg"
banner[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvAOgVVr77pu9EAjEG5qIzX_9hgAionE87YJCrrPIUdGdW1KUV8cPI8G991I2poNrF5QHMiNsx9kj1ud9JzeazSQtP8jh9tA-VKn4LbDMKhVjMd-Pq4_WhoUutb_2AcOBzVYlmrjE3lE6N/s1600/Untitled-1.jpg"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(' background-size:100%;' );
document.write(' background-attachment:fixed;' );
document.write(" }");
document.write("</style>");
</script>
var banner= new Array()
banner[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6XW3q3qiJA5nvD9ycTS_TiA-H9rPlAUhGxTPaRoDfbT2F0r_DK78JEGk3TopcbC5R4n2ljSgU-59LoYwoCeHGycY_MCmRuT9x3TRarfag6AJ7J80S2VKs9iF4HSwepHJI4a6tc25IYFh/s1600/dsf.jpg"
banner[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinY_JJ-KFgks1_8AIuTStFxwHe3AKplsMbahD9SlmY1J0BsqI4SklNeFhWHr2aF0nmf2PrlowF9FnYdjIGivyG3fMPNcj5Ud0pvpZ1sULxSbGzvcUb8WbjtwMRZNR45Og_0Ly9TJQDbNjH/s1600/rg.jpg"
banner[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutXQijxOZ0-hDSQxX3rc-gD_n2IxxufLiY7YV0JZTxoff970gkNCxD3RE4LxT471wlbNu77TYGfmwfdzxzgSahDi58eVNqOT6DD3CpE6pVTb377g_Mxvkx7s3PN6JaFnadVr1UZ39n82Z/s1600/3.jpg"
banner[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMwgMnAROafBPbHOf00aX_w20pH28U5v3S9dmgN_CAe6wZcNhbX5EovCqxbvRnrQtP7glrgctW9-kaOXAQ3vAIyMx5EKCi9AponG5wuQSFDE7bEmVW4ZyDzpeOneF_C5bmMNfSGtnZFbx/s1600/Konachan.com+-+150749+bob_(biyonbiyon)+dress+feathers+hatsune_miku+thighhighs+twintails+vocaloid+wings.jpg"
banner[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOV8uQWqZ0hOUquXK7DOsCkrh8ZajdKRNbIXVQUrGdwo0KIWTQ4URq4BWgm0g95FBqYW-ultaGJSBYLPl5QgRRilejZuf0JitBkC0_-IZmZpieHISCJ3mA5SWikh6rWw1_QJksQS5wg2do/s1600/ll.jpg"
banner[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHS_4A3O56wBfITRR9OZasZTfJAE2MDuILgsK_6hsr9Av7v-beRrccxRuGaPibB46BeUiscbl-DC9ZOxYJDxhDnUwXoTqalvUeRcF9mJHLoMIsWr3B8vRwWpzoCu_Q7mFsrgeQGpSk9rt/s1600/Konachan.com+-+150773+aqua_eyes+aqua_hair+hatsune_miku+long_hair+tagme+vocaloid.jpg"
banner[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigE-R0TINJfRqXG1BIsA6mJNnTX6t2GmTl4V6jh7oElrCmzQbXdQRHsSp19_d8mU_wFQ4P-aWBgPVblUTnitWBx9NHdkD5f6DP0x5HMk8wlEzt4iRddXPQ7Bb3iJL5d24TjCw3m0assNTy/s1600/2.jpg"
banner[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkm754-30jH_a9HgIMHPGOHZLvYtxlwcPP_W6BmpZ1AyNToLLfWSf3HbiYUDuOAA7vLCSE12WEHbIj5Saam72iN_qJ-_GjdTqiw03O6gHKuNocqKA-fXyWez2ZYUyexIKNWDdq_BzSjkQQ/s1600/wef.jpg"
banner[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghDRHnfrPLYWQl3tCXDqM8LoiPOeTfV371rM6rpbDedNQ5HkLj4gNhyt90vTga4c5lBJ6RK2N3cNbh8tCwNuLFHTJ7HNFXK1HcOkZ5AkmPSiGJlhIvbSj20c5-wSoQSjEW0YGrQ8MsKoZF/s1600/4.jpg"
banner[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvAOgVVr77pu9EAjEG5qIzX_9hgAionE87YJCrrPIUdGdW1KUV8cPI8G991I2poNrF5QHMiNsx9kj1ud9JzeazSQtP8jh9tA-VKn4LbDMKhVjMd-Pq4_WhoUutb_2AcOBzVYlmrjE3lE6N/s1600/Untitled-1.jpg"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(' background-size:100%;' );
document.write(' background-attachment:fixed;' );
document.write(" }");
document.write("</style>");
</script>
NB: ganti kode yang diberi warna merah dengan link gambar yang diinginkan.
Setelah itu simpan dan lihat perubahannya di blog anda.
Demikian uraian singkat yang bisa saya sampaikan dalam post ini, terimakasih untuk Djogz Template atas desain template blog nya.
Wassalamualaikum








Comments
Post a Comment