Menampilkan Iklan Di Antara Paragraf Blog Hugo

mrfdn author

Rafi

cara menampilkan iklan di antara paragraf Hugo blog

mrfdn.com - Mungkin ada beberapa di antara teman-teman yang menggunakan Hugo sebagai platform untuk nge-blog.

Dan blog nya juga menampilkan iklan adsense.

Kali ini saya ingin share cara menampilkan iklan di antara paragraf hugo.

Baris iklan akan tampil setiap beberapa paragraf.

Iklan akan terender secara otomatis pada file html, bukan tampil sebagai javascript.

Tanpa berlama-lama, begini caranya menampikan iklan di antara paragraf hugo blog.

Buat file partial

Buat file partial di layouts/partials/iklan/iklan-tengah.html.

Kemudian paste kode iklan yang diinginkan di sana.

Edit file single.html

File single.html adalah file yang digunakan untuk menampilkan konten.

Pada file ini terdapat baris {{.Content}} untuk merender konden / isi file markdown.

Temukan baris itu lalu ganti dengan kodingan ini.

{{ range $index, $element := split .Content "</p>" }}
        {{ $element | safeHTML }}</p>
        {{ if mod $index 3 | eq 0  }}
        {{ partial "iklan/iklan-tengah" . }}
        {{ end }}
{{ end }}

Penjelasan:

Kodingan di atas akan menampilkan iklan setelah paragraf ke 3 dan tiap menemukan 3 tag berikutnya.

Sehingga nanti saat website dirender, maka iklan akan ikut terender secara otomatis dan tidak tampil sebagai kodingan javascript.

Demikian cara menampilkan kode iklan di antara paragraf untuk blog hugo.

Semoga bermanfaat.

mrfdn author

Rafi

  • 15 year+ of Linux user.
  • 5 years+ blogger and web developer.

Jika artikel yang dibuatnya ternyata bermanfaat, support dengan cara

Baca juga