tutorial design blogspot

25
Tutorial Blogspot Design Alviony Charisa P. IXA/3

Upload: alviony-charisa

Post on 03-Jul-2015

130 views

Category:

Design


1 download

DESCRIPTION

How to Design your blogspot ^^ Template, mouse cursor, and animation. Like and comment, please ^^

TRANSCRIPT

Page 1: Tutorial Design Blogspot

Tutorial BlogspotDesign

Alviony Charisa P.IXA/3

Page 2: Tutorial Design Blogspot

Cara MemasangTemplate Unik

Page 3: Tutorial Design Blogspot

Buka website penyedia template

gratis. Contohnya :

- btemplates.com

- zoomtemplate.com

- deluxetemplate.net

- borneotemplates.com

- allblogtools.com

Page 4: Tutorial Design Blogspot

1. Contoh : deluxetemplates.netSetelah website terbuka, cari tema yang sesuai

dengan mengetikkan kata kunci pada kotak Search

a Template…

Page 5: Tutorial Design Blogspot

Setelah menemukan template yang sesuai, klik pada

gambar template. (Contoh : Gilry Diaries)

Page 6: Tutorial Design Blogspot

Maka muncul tampilan seperti ini :

Silahkan klik Download Now – 1340

Page 7: Tutorial Design Blogspot

Setelah proses download selesai, coba buka blogger

yang akan diedit.

Pada menu kiri silahkan klik template lalu pilih

cadangan/pulihkan.

Page 8: Tutorial Design Blogspot

Muncul tampilan seperti ini :

Pilih Choose File dan masukkan file template dari

komputer dan klik unggah.

Page 9: Tutorial Design Blogspot

Bila selesai mengunggah dan muncul

tampilan seperti di bawah, berarti file

template perlu di extract ke file bentuk

XML.

Page 10: Tutorial Design Blogspot

Maka bukalah file template tadi di

komputer dan klik Extract To seperti

gambar. Tunggu hingga file selesai di

extract.

Page 11: Tutorial Design Blogspot

Setelah itu unggah kembali file template

yang selesai diextract, lihat pada

lampiran dokumen. File harus

berbentuk xml. Bila sudah, klik

unggah.

Page 12: Tutorial Design Blogspot

Selesai diunggah, template blog sudah

berubah.

Page 13: Tutorial Design Blogspot

Cara MemasangAnimasi

Page 14: Tutorial Design Blogspot

Lakukan pencarian di google search

dengan kata kunci kode HTML

animasi blog.

Setelah membuka website pilihan,

pilih animasi dan copy kode HTML

yang ada.

Page 15: Tutorial Design Blogspot

Contoh : Animasi Hi Friend.

Kopi kode HTMLnya.

Page 16: Tutorial Design Blogspot

Kembali ke blogger.

Pada menu kiri pilih tata letak. Akan muncul kotak

susunan menu. Klik tambahkan gadget.

Page 17: Tutorial Design Blogspot

Muncul kotak pilihan.

Pilih HTML/Java Script.

Page 18: Tutorial Design Blogspot

Masukkan kode HTML pada kolom konten.

Kolom judul dikosongi saja.

Kemudian klik simpan.

Page 19: Tutorial Design Blogspot

Cek blog kembali, animasi Hi Friend telah muncul

Page 20: Tutorial Design Blogspot

Cara MenggantiKursor Mouse

Page 21: Tutorial Design Blogspot

Buka cursors-4u.com.

Page 22: Tutorial Design Blogspot

Pilih kategori kursor yang diinginkan.

Contoh : kategori cute

Page 23: Tutorial Design Blogspot

Ada banyak pilihan gambar untuk kursor.

Setelah memilih silahkan klik gambar.

Page 24: Tutorial Design Blogspot

Maka akan menuju ke halaman baru.

Tidak perlu mendownload, cukup kopi code HTML

pada kolom Option #1.

Page 25: Tutorial Design Blogspot

Tambahkan kode HTML pada blog seperti

menambahkan animasi tadi.

Setelah selesai maka secara otomatis kursor mouse

akan sesuai pilihan.