Memiliki tampilan widget Strava pada blog WordPress tentunya akan menambah informasi aktifitas olahraga kita pada pembaca blog. Bagi yang gemar olahraga lari atau sepeda tentunya sudah sangat familiar dengan aplikasi Strava. Ringkasan aktifitas atau informasi aktifitas terakhir yang diposting di Strava bisa ditampilkan melalui widget.
Strava menyediakan secara gratis widget dalam bentuk kode HTML yang dapat disalin dan ditempel pada blog WordPress. Terdapat dua jenis widget yang disediakan oleh Strava yaitu Activity Widget untuk menampilkan informasi aktifitas olahraga terakhir atau Summary Widget untuk menampilkan statistik aktifitas olahraga untuk minggu yang sedang berjalan.
Untuk penempatannya di blog WordPress, kita bisa menempatkanya pada content post atau pada sidebar widget. Saya sendiri menempatkan widget informasi aktifitas olahraga lari saya pada sidebar blog ini. Caranyapun mudah hanya dengan menyalin kode HTML dari halaman Strava dan menempelkannya text widget WordPress.
Berikut adalah langkah-langkah untuk menambahkan widget:.
Halaman Strava
Dari sisi Strava kita perlu menyalin kode HTML yang berupa iframe untuk kemudian ditempelkan pada text widget WordPress.
- Login ke halaman web Strava.
- Setelah berhasil login, arahkan mouse (hover) pada icon profile di sisi kanan atas untuk menampilkan menu dropdown.
- Kemudian dari menu dropdown pilih menu My Profile.
- Pada halaman profile, scroll ke bawah dan temukan menu Share My Runs atau Share My Rides di bawah menu My Stats.
- Klik tombol Share Your Runs atau Share Your Rides.
- Sebuah popup dialog akan muncul menampilkan pilihan jenis widget, Activity Widget atau Summary Widget.
- Salin kode HTML widget pada pada textbox Embed the following code in your blog pada jenis widget yang diinginkan.
Halaman WordPress
Setelah mendapatkan kode HTML widget, langkah selanjutnya adalah menempelkannya pada widget WordPress.
- Login ke halaman admin wordress dan masuk ke menu Appearance -> Widgets.
- Pilih Text widget dengan cara menggesernya dari Available Widgets ke bagian halaman yang akan ditampilkan, misalnya ke Primary Sidebar.
- Expand Text widget dan masukkan kode HTML yang disalin dari halaman Strava ke dalam editor mode Text.
- Masukkan judul atau label widget, misalnya My Strava.
- Kemudian klik tombol Save.
- Refresh halaman blog untuk menampilkan widget yang telah dipasang.
Caranya gampang bukan, hanya dengan copy & paster kode html kita bisa menampilkan informasi aktifitas olahraga dari Strava pada blog wordress. Sampai saat tulisan ini ditulis, saya belum menemukan plugin Wordress untuk Strava yang benar-benar berfungsi dengan baik. Jadi pilihan widget saat ini adalah langkah yang terbaik.
Sekian sharing dari saya, semoga bermanfaat.
Leave a Reply