Memasang Menu tambahan di widget / sidebar OJS (Open Journal Systems) dengan tampilan rapi dan cantik menggunakan plugin “Custom Block Manager”

Selamat pagi.,

Untuk tutorial kali ini saya ingin mempostingkan tentang bagaimana cara membuat menu di sidebar OJS dengan tampilan yang rapi dan cantik.

Oke langsung saja kita mulai tutorial ini

1. .Anda harus masuk kedalam admin OJS kemudian ke direktori admin/setting/website/plugins/customblock manager…., seperti nampak pada gambar dibawah ini . jangan lupa pastikan plugin sudah di ceklist/centang untuk memastikan bahwa plugin sudah aktif.

2. Selanjutnya klik tulisan “Manage Custom Block” langkah selanjutnya klik “Add Block” seperti nampak pada gambar dibawah ini .

3. Masukan script dibawah ini ke dalam editor html seperti nampak pada gambar dibawah ini. selanjutnya jangan lupa klik save.

<p><span class=”title”>Rules & policies</span></p>

<div class=”content”>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Author Charge</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Editorial Team</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Plagiarism Policy</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Open Acces Policy</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Digital Archiving</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Copyright Notice</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Peer Review Process</a></p>

<p style=”border: solid 1px #eceff5; background: #0c6a94; padding: 9px; margin: 0; text-align: center; line-height: 18px; color: white; font-size: 16px;”><a style=”color: white; text-decoration: none;” href=”#”>Submit Guidelines</a></p>

</div>

 

 

 

4. Selesai, untuk warna bisa di sesuaikan, anda bisa mencari kode warna Disini

5. Sedangkan untuk link tautan, bisa disesuaikan dengan link page halaman OJS anda, jika anda belum bisa cara membuat “Page/halaman” di OJS anda dapat melihat tutorial saya yang terdahulu Disini

6. Jangan lupa untuk refresh dan clear cache and history di browser anda.

  • Apakah bermanfaat?
5
Sending
User Review
4.97 (31 votes)

Add a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

+ 34 = 35