Minggu, 05 April 2020

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 memakai OJS 3.1.2-4. Berikut ini langkah yang dilakukan.

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

Kemudian masuk pada bagian Additional Content

Ketik sebuah deskripsi dan masukkan gambar menyerupai biasanya.
Kemudian klik pada icon <>
Modifikasi script img
<img src="/public/site/images/admin/cover-03resize.jpg" width="100" height="150" /> 
menjadi menyerupai 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 sesudah code <p>
Sesuaikan space pada script margin
Hasilnya menyerupai berikut:


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

Semoga Bermanfaat, jangan lupa komentar dan share ya

Tidak ada komentar:

Posting Komentar