Download - Design Blog
![Page 1: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/1.jpg)
Teknologi Informasi dan KomunikasiMateri Cara Mendesain Blog
Oleh :Fridania
BanunaekJibrael Leo Lede
![Page 2: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/2.jpg)
Pengertian MendesainMateri kelompok kami adalah mendesain
blog. Sebelum kita masuk dalam cara mendesain blog, kita harus mengetahui dulu apa itu mendesain.
Mendesain adalah membuat pola atau rancangan. Jika kita menggabungkan mendesain blog adalah membuat pola atau rancangan di dalam blog. Atau dalam bahasa gaulnya memperindah blog. Itulah pengertian dari Mendesain blog.
![Page 3: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/3.jpg)
Memasang HeaderKita mulai dari mendesain bagian atas yaitu header.Header terletak pada gambar yg ditunjuk.
![Page 4: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/4.jpg)
Memasang HeaderSebelum memasang header, Kita harus login terlebih dahulu.
● ● ● ● ● ● ● ● ● ●
Setelah login, maka akan muncul gambar seperti dibawah.
![Page 5: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/5.jpg)
Memasang HeaderSetelah login, maka akan muncul gambar seperti dibawah. Setelah itu, klik tombol anak panah kecil.Klik tulisan “Tata Letak”.Maka akan muncul gambar seperti dibawah.
![Page 6: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/6.jpg)
Memasang HeaderMaka akan muncul gambar seperti dibawah.Klik tulisan edit pada pilihan header.Maka akan mucul menu pilihan seperti disamping.
![Page 7: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/7.jpg)
Maka akan mucul menu pilihan seperti disamping.
Memasang HeaderKlik tombol browse.Maka akan muncul tampilan seperti disamping
Pilhlah gambar untuk dijadikan header. Setelah itu klik open.
![Page 8: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/8.jpg)
Pilhlah gambar untuk dijadikan header. Setelah itu klik open.
Memasang HeaderSetelah header diupload, klik simpan untuk menjadikannya header
![Page 9: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/9.jpg)
Memasang HeaderAkhirnya untuk cara memasang header selesai. Untuk melihat header yang telah kita pasang, bisa kita lihat pada blog yang telah dipasang. Seperti dibawah.
![Page 10: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/10.jpg)
Mengganti BackgroundUntuk mengganti background, kita kembali pada tata letak.Klik Desainer template.Maka Akan muncul seperti dibawah ini.
![Page 11: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/11.jpg)
Maka Akan muncul seperti dibawah ini.
Mengganti BackgroundKlik tulisan latar belakang.Setelah diklik, pilih anak panah kecil.Maka akan muncul seperti dibawah.
![Page 12: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/12.jpg)
Maka akan muncul seperti dibawah.
Mengganti BackgroundPilihlah gambar lalu klik open.
![Page 13: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/13.jpg)
Mengganti BackgroundPilihlah gambar lalu klik open.Setelah itu klik selesai.Maka background pun jadi.
![Page 14: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/14.jpg)
Mengganti BackgroundUntuk melihat perubahan, buka kembali blog yang telah diganti backgroundnya.
![Page 15: Design Blog](https://reader036.vdocuments.pub/reader036/viewer/2022062300/55882095d8b42ae4268b4676/html5/thumbnails/15.jpg)
TERIMAKASIH