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

No comments for "Membuat gambar di sebelah kanan html text wrapping pada ojs"

Berlangganan via Email