Embed Telegram

Ada banyak channel menarik untuk diikuti di Telegram. List lengkapnya ada di: kumpulan channel dan group telegram.

Jika kamu adalah pengelola channel, kamu mungkin ingin pesan-pesan yang ada di-channel-mu dimuat di blog.

Biasanya kita melakukannya dengan screenshot. Namun, ini kurang bagus. Karena kalau ada link di sana, maka link tersebut tidak bisa diklik.

Solusinya:

Kita harus menggunakan embed (menempel). Dengan cara ini, apapun yang ada di sana akan ditampilkan langsung di blog kita.

Pada tulisan ini, saya akan menunjukkan cara embed pesan di channel Telegram ke blog dan juga kita akan membuat shortcode untuk Hugo.

Cara Embed Pesan Telegram ke Blog

Pertama buka chnnel yang ingin kita embed pesannya. Setelah itu klik kanan lalu pilih copy link.

Copy link pesan di chanel telegram

Setelah itu paste di browser.

paste link telegram ke browser

Maka akan ada tombol EMBED untuk generate kode embed. Silahkan klik tombol tersebut untuk mendapatkan kode embed.

Tombol untuk embed

Klik tombol COPY untuk menyalin kode tersbut. Lalu, bisa kita tempel pada artikel blog.

Embed pesan telegram di blogger

Maka hasilnya akan seperti ini:

Cara ini bisa dilakukan di Blogger, Wordpress, Tumblr, Joomla, dll.

Shortcode Telegram Untuk Hugo

Pada Hugo, kita menulis dengan format markdown.

Sebenarnya kita bisa tulis langsung kode embed di markdown, akan tetapi ini bukan cara yang bagus.

Karena akan membuat tulisan kita kurang rapi, dan juga jika kita ingin menggunannya lagi maka harus paste lagi kode embed-nya.

Lalu cara yang bagus bagaimana?

Menggunakan shortcode.

Shortcode adalah kode penyingkat di Hugo untuk menulis kode HTML yang kompleks di markdown. Dengan shortcode, kita bisa membuat kode penyingkat untuk embed Telegram.

Caranya:

Pertama, kita harus buat dulu shortcode telegram-nya. Buat sebuah file HTML baru di /layout/shorcodes/telegram.html atau /themes/<your-theme>/shortcodes/telegram.html.

Shortcode untuk embed telegram di Hugo

Setelah itu, isi dengan kode berikut:

<script async src="https://telegram.org/js/telegram-widget.js?1" data-telegram-post="{{ .Get 0 }}" data-width="100%"></script>

Lalu untuk menggunakannya pada markdown, kita tinggal tulis seperti ini:

{{< telegram "petanikode/938" >}}

Contoh:

Shortcode telegram di Hugo

Hasilnya:

Akhir kata…

Nah itulah cara meng-embed pesan dari channel Telegram ke blog dan cara membuat shortcode-nya di Hugo.

Semoga bermanfaat.

Referensi: