Dokumen tersebut memberikan instruksi langkah-langkah untuk merancang tampilan blog menggunakan HTML melalui platform Blogger. Langkah awal adalah login ke akun Blogger dan memilih template. Kemudian pengguna dapat mengedit bagian-bagian tertentu dan menambahkan gadget HTML/JavaScript untuk memodifikasi tampilan lebih lanjut. Pengguna juga dapat menambahkan gambar dari akun media sosial dengan menyisipkan tag img dan menyertakan al

1. DESAIN BLOGGER DENGAN PEMPROGRAMAN HTML
SMA MASEHI 1 PSAK SEMARANG
2011
OLEH : JOEDHY KRISTIANTO
1. Langkah awal adalah dengan sign in ke blogger.com dengan memasukkan email
dan password, lihat gambar !
Jika anda belum punya account, buat dengan memilih Sign up for new Google
Account.
2. Setelah anda berhasil masuk ke account anda di Google maka anda akan
mendapati tampilan seperti di bawah ini !

2. 3. Untuk mendesain blog dengan kemampuan pemprogramman HTML anda bisa
klik 1 kiri mouse pada di sebelah kanan go to post list dan pilih Layout atau
Template
4. Coba dulu anda memilih Layout maka akan muncul tampilan gambar di bawah ini
!
5. Semua icon yang bertuliskan Edit pasti bisa anda gunakan untuk memodifikasi
tampilan blog sesuai dengan apa yang anda inginkan dan kalau menginginkan
menambah html/JavaScript untuk lebih memodifikasi tampilan blog anda bisa
memilih icon Tambah Gadget dan selanjutnya akan muncul tampilan seperti di
bawah ini.

3. 6. Step berikutnya adalah klik mouse kiri anda pada lambang + di sebelah
HTML/Java Script maka akan dapati tampilan gambar seperti di bawah ini.
7. Anda tinggal memberi judul dan bisa menuliskan pemprograman html atau
javascript di dalamnya lihat gambar di bawah ini !
8. Langkah selanjutnya kunjungi profil facebook atau twitter anda, lalu klik kanan
mouse anda pada foto profil anda lihat gambar di bawah ini !

4. Copy pastekan ke desain blog anda seperti gambar langkah nomor 7 dan akhiri
dengan perintah ”> lalu simpan dan coba lihat maka tampilannya seperti gambar
di bawah.
Perhatikan tampilan gambar di atas, judul text html/javascript adalah Salam
Sayang ! dan hasil perintah pemprograman untuk memunculkan gambar adalah
<img src=” copy paste kan alamat image location twitter anda”> maka akan
muncul foto anda dari profil twitter.
SELAMAT MENCOBA SEMOGA SUKSES !