Cara Embed Postingan Mastodon di Blogger
Cara agar bisa embed postingan akun Mastodon di Blogger saat ini minimal harus login dulu atau tahu kode HTML default yang disediakan oleh Mastodon. Dan itu yang akan anda dapatkan dalam panduan ini.
Berikut contoh hasil embed postingan akun Mastodon saya.
Bagi pengelola blog seperti saya yang seringkali lupa format kode HTML untuk embed link web, mau tidak mau saya harus baca dokumentasi dari platform yang dimaksud.
Hal ini disebabkan karena biasanya, kode embed postingan akun media sosial itu seringkali ditampilkan lewat tombol berbagi.
Atau, kadang juga tinggal klik pengaturan pada postingan yang ingin kita embed lalu muncullah pilihannya.
Misalnya pada cara embed tweet dimana pengguna bisa mengakses kodenya via browser tanpa harus login ke akun Twitter.
Sayangnya, hal itu tidak berlaku untuk postingan di akun Mastodon sebab untuk mendapatkan kode embed postingannya, minimal harus login terlebih dahulu.
Sedangkan alternatif lainnya adalah mengetahui kode HTML bawaan sehingga kita tinggal mengubah source (tautan sumbernya) saja.
Kesal juga saya awalnya.
Fitur embed di dalam kepala saya itu sudah tertanam sebagai hal yang seolah wajib diakses pengguna dengan mudah.
Kalau harus login dan hafal kode HTML nya kan repot juga bagi seseorang yang tidak memiliki latar belakang sebagai seorang programmer.
Cara embed postingan Mastodon di Blogger
Panduan ini itu sebenarnya tidak hanya bagi orang lain saja, melainkan juga untuk saya sendiri juga jika nanti akan meng-embed postingan Mastodon di blog ini.
Supaya lebih mudah saja.
Dan kalau tertarik untuk mengetahuinya lebih lanjut, silahkan baca sampai langkah terakhir ya.
Mari kita mulai.
1. Login ke akun Mastodon
Seperti yang saya katakan di awal, sebaiknya anda login terlebih dahulu ke akun Mastodon sendiri dan dilakukan melalui browser.
Apalagi kalau ingin meng-embed postingan dari akun anda sendiri. Biar tahu bagaimana cara mendapatkan kodenya.
Kalau tidak login, kode embednya tidak ditampilkan oleh Mastodon. Ini yang buat kesal. Tapi mau bagaimana lagi. Haha.
Jangan login di aplikasi ya. Sebab di aplikasi Mastodon pada hp android yang saya gunakan, fitur kode embed tetap tidak ditampilkan.
Silahkan login melalui browser Google Chrome atau opsi lainnya. Yang penting browser.
2. Buka postingan
Selanjutnya adalah membuka postingan yang akan di embed. Tiap postingan itu memiliki URL nya masing-masing. Jadi pastikan anda membukanya terlebih dahulu.
Tahapan ini sebenarnya bisa dilewati. Namun adanya kemungkinan untuk meng-embed postingan dari akun Mastodon pihak lain, jadi sebaiknya tetap dilaksanakan saja.
Repot juga kalau harus melakukan navigasi dengan cara scroll kesana-kemari soalnya. Jadi lebih baik langsung klik saja postingan yang akan disematkan dengan metode embed agar lebih mudah.
3. Menyalin kode embed di postingan Mastodon
Setelah membuka postingannya, perhatikan tombol ikon pada bagian bawah sudut paling kanan postingan dengan ikon titik-3 mendatar (pengaturan postingan).
Klik ikon tersebut lalu pilih opsi Tanam.
Setelah itu, akan muncul jendela format kode embed postingan lalu di bawahnya akan ditampilkan pratinjau dari postingan ketika akan di embed di situs lain.
Silahkan salin kode embed tersebut.
Dan sebagaimana janji saya untuk menyertakan format kode HTML untuk mengembed postingan di Mastodon, format kode bawaan dari contoh postingan saya di atas adalah sebagai berikut.
<iframe src="https://mastodon.social/@laacun/110328704757484748/embed" class="mastodon-embed" style="max-width: 100%; border: 0" width="400" allowfullscreen="allowfullscreen"></iframe><script src="https://mastodon.social/embed.js" async="async"></script>Pada bagian kode src= silahkan ubah URL dalam tanda kutip dengan URL sumber postingan yang akan anda sematkan di Blogger atau website lain. Tetapi akhir URL nya tetap mengandung kode /embed seperti contoh kode di atas ya.
Saya juga sudah mencoba menggunakan kembali format kode iFrame tersebut dengan mengganti URL sumber postingannya pakai URL yang berasal dari postingan Mastodon akun lain dan berhasil.
4. Tempelkan kode embed di artikel Blogger
Ubah mode tampilan artikel Blogger anda ke Tampilan HTML terlebih dahulu ya.
Kemudian, silahkan tempelkan kode embed dari Mastodon yang baru saja anda dapatkan sesuai posisi yang anda butuhkan.
Jika sudah, coba pratinjau (preview) postingannya terlebih dahulu untuk memastikan bahwa proses embednya sudah berhasil dengan baik sebelum benar-benar dipublikasikan.
Selesai.
Terkait: Cara Pasang Link di Profil Mastodon
Demikian cara dan contoh hasil embed postingan Mastodon di artikel Blogger. Semoga bermanfaat.