Panduan blogging untuk siswa

Video

Selamat Datang... Blog ini menjadi saksi, bahwa kita pernah jumpa dalam dunia maya :)

Posting Gambar


Setelah sharing cara posting text sekarang saatnya bisa cara posting gambar Terkadang informasi yang kita buat tidak harus berupa teks, bisa berupa gambar seperti karikatur, poster atau sekedar ‘pamer’ foto, dari foto yang penting sampai foto  iseng. Maka ulangi langkah di atas, perhatikan langkah-langkah posting gambar sebagai berikut


1. Masuk akun blogger seperti biasa, di blogger.com masukkan username dan password
2. Kemudian pada halaman dasbord seperti gambar di bawah ini, silahkan klik menu buat entri baru yang dilambangkan pensil

sudahkah posting untuk hari ini
3. Langkah selanjutnya, pada halaman posting perhatikan tulisan “Compose” dan “HTML” pilih mode HTML untuk memudahkan dalam peng-editan, sebelum di publikasikan klik Compose untuk melihat tampilan sementara yang nampak dilayar komputer bagi para pembaca.
Kemudian langkah berikutnya adalah sebagai berikut;
1. Letakkan kursor pada bidang halama posting,
2. pilih tool “insert image” dengan mengkliknya, sebagaimana gambar di bawah ini:

3. setelah itu “pilih file” foto yang akan dipublikasikan di blog anda. File yang dipilih tipe, jpeg, tif, png dan file gambar lainnya
gambar dibawah ini adalah sudah dipilih dan siap untuk dipublikasikan


4. setelah memilih file yang tepat kemudian klik open,

Nah, sekarang gambar sudah didalam postingan yang siap dipublikasikan jika mode postingan kita menggunakan mode Compose maka gambar yang diunggah ke postingan akan terlihat dalam bentuk gambar aslinya, seperti di PC

tetapi jika kita klik mode HTML maka akan terlihat kode-kode
  • <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCG1iIuhEkRd45qoXcA_fjmdMNj9kAOgb0NR3_S4rJGNOmhLPvnYjnEFb85XVH9m5o1rAC_C8SxbekOrO10fhX199bd4bmKTRjbcudGYoYc8-lv10FnyWYqAflFOgt_76-7IXHNlV9n8/s1600/2+ilma.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCG1iIuhEkRd45qoXcA_fjmdMNj9kAOgb0NR3_S4rJGNOmhLPvnYjnEFb85XVH9m5o1rAC_C8SxbekOrO10fhX199bd4bmKTRjbcudGYoYc8-lv10FnyWYqAflFOgt_76-7IXHNlV9n8/s1600/2+ilma.jpg" /></a></div>
Penjelasan tentang kode di atas akan dibahas pada sub pembahasan tersendiri. Terutama pada saat membuat link dari sumber gambar, seperti kode yang bergaris bawah di atas.
Share:

No comments:

Post a Comment

Terimakasih mampir di sini... Salam dari MA.SM

Blogroll

Popular Posts

Powered by Blogger.

Mengenai Saya

About

Formulir Kontak

Name

Email *

Message *