Rabu, 30 Maret 2016

Cara Menampilkan Gambar Dengan Kode HTML di WordPress



Cara Menampilkan Gambar Dengan Kode HTML di WordPress


Postingan ini adalah lanjutan dari postingan yang kemarin. Langkah pertama yang harus dilakukan adalah membuka localhost/wordpress/wp-admin/

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




2. Setelah anda memilih media maka akan muncul tampilan berikut ini, kemudian pilih Add New




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




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




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




6. setelah itu akan muncul tampilan berikut,copy text pada bagian file URL





7. Kemudian setelah mengcopy file URL, klik Post pada dinding yang paling kanan , kemudian pilih Add New seperti gambar berikut ini





8.Setelah memilih Add New , maka akan muncul tampilan berikut. Kemudian pilih Text pada bagian dinding paling kanan.





9. Kemudian akan muncul lembar kertas kosong, tekan tombol CTRL-V untuk menampilkan file URL yang tadi sudah di Copy. (http://localhost/informatika/wp-content/uploads/2016/03/C360_2016-02-15-12-14-41-229.jpg)




10. kemudian setelah itu tambahi file URL tersebut dengan Kode HTML <img src="lokasi penyimpanan”> . seperti gambar dibawah ini.






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





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





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



Selamat mencoba dan Semoga berhasil kawan.


2 komentar:

Kategori

Diberdayakan oleh Blogger.
Copyright © Teknologi | Powered by Blogger
Design by Viva Themes | Blogger Theme by NewBloggerThemes.com