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
3. Pilih sub menu cadangkan/pulihkan4. Pilihlah opsi Unduh template lengkap, sehingga masih bisa di backup template blog nya.5. Setelah itu Pilih file xml nya dan upload.


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]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6XW3q3qiJA5nvD9ycTS_TiA-H9rPlAUhGxTPaRoDfbT2F0r_DK78JEGk3TopcbC5R4n2ljSgU-59LoYwoCeHGycY_MCmRuT9x3TRarfag6AJ7J80S2VKs9iF4HSwepHJI4a6tc25IYFh/s1600/dsf.jpg&quot;
banner[1]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinY_JJ-KFgks1_8AIuTStFxwHe3AKplsMbahD9SlmY1J0BsqI4SklNeFhWHr2aF0nmf2PrlowF9FnYdjIGivyG3fMPNcj5Ud0pvpZ1sULxSbGzvcUb8WbjtwMRZNR45Og_0Ly9TJQDbNjH/s1600/rg.jpg&quot;
banner[2]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutXQijxOZ0-hDSQxX3rc-gD_n2IxxufLiY7YV0JZTxoff970gkNCxD3RE4LxT471wlbNu77TYGfmwfdzxzgSahDi58eVNqOT6DD3CpE6pVTb377g_Mxvkx7s3PN6JaFnadVr1UZ39n82Z/s1600/3.jpg&quot;
banner[3]=&quot;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&quot;
banner[4]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOV8uQWqZ0hOUquXK7DOsCkrh8ZajdKRNbIXVQUrGdwo0KIWTQ4URq4BWgm0g95FBqYW-ultaGJSBYLPl5QgRRilejZuf0JitBkC0_-IZmZpieHISCJ3mA5SWikh6rWw1_QJksQS5wg2do/s1600/ll.jpg&quot;
banner[5]=&quot;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&quot;
banner[6]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigE-R0TINJfRqXG1BIsA6mJNnTX6t2GmTl4V6jh7oElrCmzQbXdQRHsSp19_d8mU_wFQ4P-aWBgPVblUTnitWBx9NHdkD5f6DP0x5HMk8wlEzt4iRddXPQ7Bb3iJL5d24TjCw3m0assNTy/s1600/2.jpg&quot;
banner[7]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkm754-30jH_a9HgIMHPGOHZLvYtxlwcPP_W6BmpZ1AyNToLLfWSf3HbiYUDuOAA7vLCSE12WEHbIj5Saam72iN_qJ-_GjdTqiw03O6gHKuNocqKA-fXyWez2ZYUyexIKNWDdq_BzSjkQQ/s1600/wef.jpg&quot;
banner[8]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghDRHnfrPLYWQl3tCXDqM8LoiPOeTfV371rM6rpbDedNQ5HkLj4gNhyt90vTga4c5lBJ6RK2N3cNbh8tCwNuLFHTJ7HNFXK1HcOkZ5AkmPSiGJlhIvbSj20c5-wSoQSjEW0YGrQ8MsKoZF/s1600/4.jpg&quot;
banner[9]=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvAOgVVr77pu9EAjEG5qIzX_9hgAionE87YJCrrPIUdGdW1KUV8cPI8G991I2poNrF5QHMiNsx9kj1ud9JzeazSQtP8jh9tA-VKn4LbDMKhVjMd-Pq4_WhoUutb_2AcOBzVYlmrjE3lE6N/s1600/Untitled-1.jpg&quot;
var random=Math.floor(10*Math.random());
document.write(&quot;<style>&quot;);
document.write(&quot;body {&quot;);
document.write(&#39; background:url(&quot;&#39; + banner[random] + &#39;&quot;) no-repeat top left;&#39;);
document.write(&#39; background-size:100%;&#39; );
document.write(&#39; background-attachment:fixed;&#39; );
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</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

Popular posts from this blog

Adobe Illustrator CS6 Portable 64-bit dan Cara Menjalankannya

Kembalikan Senyum Aan

Sambutan