Membuat gambar di sebelah kanan html text wrapping pada ojs

Pada kali ini saya akan share mengenai HTML TEXT WRAPPING pada elemen gambar. Implementasi pada kasus ini menggunakan OJS 3.1.2-4. Berikut ini langkah yang dilakukan.

Silahkan login menggunakan user editor
Kemudian masuk pada menu settings>websites.
Konfigurasi yang kita lakukan pada halaman Appearance

Kemudian masuk pada bagian Additional Content

Ketik sebuah deskripsi dan masukkan gambar seperti biasanya.
Kemudian klik pada icon <>
Modifikasi script img

<img src="/public/site/images/admin/cover-03resize.jpg" width="100" height="150" /> 

menjadi seperti berikut

<img style="display: block; margin-left: 13px; margin-top: 6px; margin-right: 5px; float: right;" src="/public/site/images/admin/cover-03resize.jpg" width="100" height="150" /> 

Jangan lupa menaruh gambar pada baris atas setelah code <p>
Sesuaikan space pada script margin
Hasilnya seperti berikut:

Jika anda preview pada web tampilannya akan seperti gambar utama pada tutorial ini

Semoga Bermanfaat, jangan lupa komentar dan share ya