membuat blog students universitas brawijaya - blog.ub.ac.id · link visit dashboard gambar 3.2. 3....

15
Membuat Blog Students Universitas Brawijaya 1. Buka http://ub.ac.id 2. Klik Blog Mahasiswa link blog mahasiswa Gambar 1.1 3. Pilih Create an anccount create an account Gambar 1.2

Upload: ngohanh

Post on 13-Aug-2019

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

Membuat Blog Students Universitas Brawijaya 1. Buka http://ub.ac.id

2. Klik Blog Mahasiswa

link blog mahasiswa

Gambar 1.1

3. Pilih Create an anccount

create an account

Gambar 1.2

Page 2: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

4. Kemudian inputkan data dengan lengkap dan benar .

NB : Email yang digunakan adalah email ub.ac.id

Gambar 1.3

5. Langkah selanjutnya , centang pada combo box “Yes , I’d like to create a new site “.Setelah

data terisi semua , klik button “complete sign up”.

6. Setelah itu akan muncul halaman webmail seperti gambar 1.4 . Kemudian klik link

http://blog.ub.ac.id/active ..... . Fungsi link ini adalah untuk mengaktifkan blog yang sudah

anda buat .

Page 3: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

Link untuk aktifasi blog

Gambar 1.4

7. Jika aktifasi blog anda berhasil , maka akan tampil halaman web seperti gambar 1.5 .

Kemudian masukkan username dan passsword untuk login blog anda .

text box untuk login blog anda

Gambar 1.5

Page 4: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

8. Jika anda berhasil login, maka akan muncul seperti gambar 1.6

gambar 1.6

Memasukan Photo Profile ke Dalam Blog

1. Apabila anda ingin memasukkan foto profile di blog yang sudah anda buat , pada tab menu

kllik My Account → Profile → change avatar.

Gambar 2.1

Page 5: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

2. Pilih button Browse untuk mencari foto yang akan di gunakan. Setelah selesai memilih photo

klik button Upload image.

Gambar 2.2 Button browse

3. Setelah upload image berhasil, maka photo profile anda otomatis berubah.

photo profile

Gambar 2.3

Page 6: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

Memposting Informasi Ke Dalam Blog

1. Pada tab menu klik My sites → Students Blog → Dashboard.

Gambar 3.1

2. Klik link Visit Dashboard.

link visit dashboard

Gambar 3.2

Page 7: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

dashboard → post) atau cara kedua (pada menu content → post).

cara pertama cara kedua

Gambar 3.3

4. Setelah gambar seperti pada gambar 3.4 muncul , klik add new .

Add new

Gambar 3.4

Page 8: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

5. Kemudian masukkan title serta isi informasi yang akan anda posting ke dalam blog anda

pada text box yang sudah di sediakan .

title isi informasi

Gambar 3.5

Upload / Insert Image 1. Pilih Add an Image

Add an image

Gambar 4.1

Page 9: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

2. Setelah Add an Image anda klik , maka akan muncul progress seperti pada gambar 4.2 di

bawah .

Gambar 4.2

3. Klik link Browser uploader untuk mengunggah pencarian .

Link browser uploader

Gambar 4.3

4. Kemudian pilih button Browse untuk memulai pencarian gambar.

Button browse

Page 10: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

Gambar 4.4

5. Cari gambar yang akan di masukkan ke dalam postingan anda . Kemudian klik open .

Gambar 4.5

6. Setelah itu pilih upload untuk mulai mengunggah gambar .

Button upload

Gambar 4.6

Page 11: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

7. Kemudian gambar yang sudah anda pilih bisa di edit sesuai dengan selera anda . Disini

anda bisa mangatur ukuran gambar (size)dan tata letak gambar (aligment) . Selanjutnya

klik insert into post yang fungsinya untuk menyetujui / memasukkan gambar ke dalam

postingan anda .

Gambar 4.7

Size aligment

8. Gambar akan berhasil di upload jika halaman yang tampil seperti pada gambar 4.8 . Dan

apabila anda ingin melihat hasil postingan anda , pilih button Preview .

Gambar yang berhasil di upload

Gambar 4.8

Page 12: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

9. Contoh hasil postingan bisa anda lihat seperti pada gambar di bawah .

Gambar 4.9

Menyisipkan file 1. Klik Add Media .

Add media

Gambar 5.1

Page 13: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

2. Setelah Add Media anda klik , maka akan muncul progress seperti pada gambar 5.2

di bawah .

Gambar 5.2

3. Klik buttton Browse untuk mengunggah pencarian .

Button browse

Gambar 5.3

Page 14: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

4. Cari file yang akan di masukkan ke dalam postingan anda . Kemudian klik open .

Gambar 5.4

5. Setelah itu pilih upload untuk mulai mengunggah file .

Gambar 5.5

Page 15: Membuat Blog Students Universitas Brawijaya - blog.ub.ac.id · link visit dashboard Gambar 3.2. 3. Untuk memposting informasi ada dua pilihan, yaitu dengan cara pertama (pada menu

6. Kemudian file yang sudah anda pilih bisa di edit sesuai dengan selera anda .

Selanjutnya klik insert into post .

Gambar 5.6

7. Contoh hasil postingan bisa anda lihat seperti pada gambar di bawah .

Gambar 5.7

Tugas :

Sebelum tugas E-life Style dikumpulkan ke Lab. PKPMSI , posting terlebih dahulu di blog ub anda

masing-masing . Posting dilakukan setiap minggu !!