Displaying a Picture Using HTML

Kupas Tuntas Kuliah Jurusan Sistem Informasi

Displaying a Picture Using HTML

(This tutorial can be accessed at katabah.com)

1.       Sign in your blogger

2.       Layout

3.       Add Gadget (example, right side)

4.       HTML/JavaScript

5.       Copy this code

<a width="300" href=http://www.katabah.com target="_blank" height="250" rel="nofollow"><img border="0" alt="DMy Personal Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuiAj_aORDu2mGmGdFpeBrSpqfZpStAagZLKYtMBjT5wN1stt5D47vCACRdEaZW7jyJkd1d0f8lYBx6xvc2SgJ_JUi5l0DAsNrFiTSmua0IvZqUAGB9yVP5Gp3_hQjMtFlJpoBRReCWe8e/s320/Mahasiswa+lp3i+tasik+1+katabahcom.jpg"/></a>

6.       Paste the code above into the HTML Box

7.       Save

8.       Refresh your Blog

9.       We can see a picture on our blog.

Changing a Picture in HTML Code

1.       Layout

2.       Click edit on HTML/JavaScript gadget

3.       We will see this code

<a width="300" href=http://www.katabah.com target="_blank" height="250" rel="nofollow"><img border="0" alt="DMy Personal Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuiAj_aORDu2mGmGdFpeBrSpqfZpStAagZLKYtMBjT5wN1stt5D47vCACRdEaZW7jyJkd1d0f8lYBx6xvc2SgJ_JUi5l0DAsNrFiTSmua0IvZqUAGB9yVP5Gp3_hQjMtFlJpoBRReCWe8e/s320/Mahasiswa+lp3i+tasik+1+katabahcom.jpg"/></a>

4.       Let’s change the bold code becoming

<a width="300" href=http://www.katabah.com target="_blank" height="250" rel="nofollow"><img border="0" alt="DMy Personal Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2a4TAeWhSKuSqpdIgh3bbWnbCUyOgFPNZc2bJId8kEbMfcSUKBFOIawDgStHO2T2Lam8SPc5lL3Z52_dfImxQzaDdC_lPqBemU60H1ZwHXYsDYs7mV062fPtvcH8Zlgz0Vq_s94yd1AtJ/s320/IMG20190924085021.jpg"/></a>

5.       Save

6.       Refresh your blog.

"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."

Tips Skripsi Program Studi Sistem Informasi