# 10. Setting Sidebar OJS, Menambahkan Widget Statistic Visitor dan Journal Template dengan Custom Block Manager OJS 3.4

### Mengaktifkan Sidebar Standard OJS

untuk mengaktifkan sidebar standard OJS, masuk ke dashboard admin OJS, kemudian ke menu setting dan klik menu website

[![Screenshot 2023-10-01 at 03.02.56.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-02-56.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-02-56.png)

Pada tab Appereance, pindah ke subtab setup

[![Screenshot 2023-10-01 at 03.03.05.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-03-05.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-05.png)

scroll kebawah, pada bagian sidebar, tentukan sidebar apa yang akan diaktifkan pada halaman Open Journal System anda

[![Screenshot 2023-10-01 at 03.03.11.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-03-11.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-11.png)

ceklist checkbox sidebar yang diperlukan, kemudian klik tombol save

[![Screenshot 2023-10-01 at 03.03.43.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-03-43.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-43.png)

lakukan pengecekan sidebar secara langsung pada jurnal anda, berikut tampilan sebelum ditambahkan sidebar

[![Screenshot 2023-10-01 at 03.03.51.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-03-51.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-51.png)

berikut ketika sudah ditambahkan sidebar

[![Screenshot 2023-10-01 at 03.43.37.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-43-37.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-43-37.png)

### Menambahkan Widget Statistic Visitor dengan Custom Block Manager

untuk menambahkan statistic visitor, ada banyak opsi yang bisa digunakan, sebagai contoh kita menggunakan FlagCounter, cari website flagcounter

[![Screenshot 2023-10-01 at 03.05.02.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-05-02.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-05-02.png)

Pada dashboard flagcounter, kita langsung dapat membuat widget visitor dengan mudah dan menyesuaikan layout yang diinginkan

[![Screenshot 2023-10-01 at 03.05.29.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-05-29.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-05-29.png)

jika sudah sesuai, klik tombol Get Your Flag Counter, masukkan email anda dan klik continue

[![Screenshot 2023-10-01 at 03.07.12.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-07-12.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-07-12.png)

anda akan diarahkan ke halaman output html code, copy seluruh kode HTML dan pastekan pada custom block manager OJS anda

[![Screenshot 2023-10-01 at 03.07.58.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-07-58.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-07-58.png)

### Mengaktifkan Custom Block Manager

untuk mengaktifkan custom block manager, masuk ke dashbord admin OJS, kemudian pada menu setting klik website, masuk ke tab plugin dan search Custom Block Manager, aktifkan custom block manager plugin dengan checklist pada checkbox

[![Screenshot 2023-10-01 at 03.08.35.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-08-35.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-08-35.png)

### Menambahkan Custom Block Widget Statistic Visitor (Sidebar OJS)

untuk menambahkan Custom Block, pada plugin Custom Block Manager, klik manage Custom Blcok, akan muncul popup modal Custom Block Manager, klik tombol add block

[![Screenshot 2023-10-01 at 03.08.49.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-08-49.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-08-49.png)

Masukan Block Name dan Block Content pada popup modal

[![Screenshot 2023-10-01 at 03.09.55.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-09-55.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-09-55.png)

untuk menambahkan widget berupa kode HTML, klik tombol source code pada editor textarea dan paste kan kode widget untuk statistic visitor

[![Screenshot 2023-10-01 at 03.10.03.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-10-03.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-10-03.png)

jika kode HTML sudah terload dengan baik, klik tombol save

[![Screenshot 2023-10-01 at 03.10.44.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-10-44.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-10-44.png)

aktifkan custom block yang telah dibuat pada tab Appereance dan sub tab setup, scroll kebawah dan checklist checkbox custom block yang telah dibuat

[![Screenshot 2023-10-01 at 03.12.07.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-12-07.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-12-07.png)

berikut hasil penambahan widget custom block statistic visitor

[![Screenshot 2023-10-01 at 03.12.27.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-12-27.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-12-27.png)

### Menambahkan Custom Block Download Template Jurnal (sidebar OJS)

untuk menambahkan custom block dengan background image sebagai tombol/link, upload terlebih dahulu image ke tempat hosting anda

[![Screenshot 2023-10-01 at 03.13.52.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-13-52.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-13-52.png)

upload file pada public\_html installasi OJS anda

[![Screenshot 2023-10-01 at 03.14.12.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-14-12.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-14-12.png)

klik upload dan pastikan file telah terupload

[![Screenshot 2023-10-01 at 03.14.28.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-14-28.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-14-28.png)

buat code html untuk membuat tombol dengan background image

```html
<a href="https://docs.google.com/document/d/1rDjv_MMPovRiLyGYk6LWZkmwwokdmAKT/edit?usp=drive_link&ouid=112737763351223978707&rtpof=true&sd=true" target="_blank">
  <img src="https://mijournal.org/img-word-template.jpg">
</a>
```

kemudian simpan dan aktifkan kembali pada sidebar

[![Screenshot 2023-10-01 at 03.18.04.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-03-18-04.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-18-04.png)

dan hasilnya

[![Screenshot 2023-10-01 at 04.01.44.png](https://book.najamudinridha.com/uploads/images/gallery/2023-09/scaled-1680-/screenshot-2023-10-01-at-04-01-44.png)](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-04-01-44.png)

<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" frameborder="0" src="https://www.youtube.com/embed/AXJzbrIdJ-I?si=3J49K7vm1mLjP6le" style="width: 100%; aspect-ratio: 16/10;" title="YouTube video player"></iframe>