Blog Pribadi untuk Berbagi

Kamis, 31 Maret 2016

Posted by Bi in | Maret 31, 2016 No comments
Postingan kali ini masih seputar Wordpress kali ini bi-share akan berbagi cara untuk menampilkan gambar di postingan worpress dengan kode HTML.

Langkah pertama yang harus dilakukan adalah membuka localhost/wordpress/wp-admin/

1. Setelah wordpress anda terbuka pilih Media pada bagian menu dinding paling kiri kemudian pilih Add New.





2. Setelah itu akan muncul tampilan Upload New Media berikut, kemudian pilih Select File.







3. Setelah memilih select files maka akan muncul tampilan document kemudian pilih file yang akan ditampilkan , setelah selesai pilih open.






4. Maka akan muncul seperti berikut ini ,kemudian pilih Edit.





5. Setelah itu akan muncul tampilan berikut,copy text pada bagian file URL.





6. Kemudian setelah mengcopy file URL, klik Post kemudian pilih Add New seperti gambar berikut ini.





7. Setelah memilih Add Newmaka akan muncul tampilan berikut. Kemudian pilih Text pada bagian dinding paling kanan.





8. Kemudian akan muncul lembar kertas kosong, tekan tombol CTRL-V untuk menampilkan file URL yang tadi sudah di Copy  setelah itu tambahi file URL tersebut dengan Kode HTML <img src="lokasi penyimpanan”> . seperti gambar dibawah ini.





9. Setelah selesai klik Visual untuk memastikan gambarnya sudah tampil atau belum.





10. Setelah gambarnya sudah muncul kemudian siap untuk di Publish . untuk mempublish gambar pilih publish pada dinding sebelah kanan, seperti gambar dibawah ini.






11. Kemudian untuk melihat gambar di tampilan wordpress , buka localhost/wordpress maka akan muncul gamabar dibawah ini.











0 komentar:

Posting Komentar

Search

Bookmark Us

Delicious Digg Facebook Favorites More Stumbleupon Twitter