Publikasi Update Blog ke Facebook dengan ifttt

Ada banyak layanan yang dapat kita gunakan untuk mempublikasikan blog post terbaru kita ke situs jejaring sosial seperti Facebook. Beberapa di antaranya yang pernah saya gunakan adalah twitterfeed dan dlvr.it. Kedua layanan tersebut merupakan layanan yang dapat diandalkan untuk urusan meneruskan publikasi blog post terbaru ke berbagai situs jejaring sosial.

Satu layanan lain yang dapat digunakan untuk melakukan hal yang sama seperti twitterfeed dan dlvr.it adalah ifttt. Saya baru saja mencoba layanan ifttt ini untuk mempublikasikan blog post di beberapa blog saya ke Facebook. Dalam tulisan ini saya hanya akan memaparkan betapa mudahnya konfigurasi yang perlu saya lakukan untuk mempublikasikan blog asyafrudin.blogspot.com ke akun Facebook pribadi saya sendiri.

Sebelum kita melanjutkan ke bagian teknis. Ada 4 (empat) istilah dasar dalam ifttt yang harus kita ketahui, yaitu task, channel, trigger, dan action. ifttt sendiri adalah singkatan dari "if this, then that" (bila ini, maka itu). Jadi maksudnya trigger dan action sudah cukup jelas. trigger menggambarkan "ini" dan action menggambarkan "itu". Channel adalah istilah untuk berbagai layanan yang didukung oleh ifttt. Sementara setiap pasangan trigger dan action ini disebut task.

Jadi dalam contoh kasus yang saya sebutkan di atas, kita akan membuat task yang trigger-nya adalah saat sebuah blog post baru dipublikasikan di asyafrudin.blogspot.com dan action-nya adalah mempublikasikan entri ke blog post yang baru itu di akun Facebook saya. Ada dua channel yang terlibat di sini, yaitu Feed dan Facebook.

Langsung saja ke inti tulisan ini. Langkah-langkah konfigurasi untuk contoh kasus yang saya sebutkan di atas adalah sebagai berikut:

1. Sign in ke dalam situs ifttt.com.
   Silakan daftar bila belum terdaftar. Proses daftar ke ifttt ini sangat sederhana dan straightforward.
2. Setelah sign in, kita akan masuk ke Dashboard. Klik tombol Create a task untuk mulai membuat task yang kita butuhkan.
3. Dari sini langkah-langkahnya benar-benar mudah diikuti. Awalnya kita akan melakukan konfigurasi trigger. Klik link this.
   
   
4. Pada pilihan channel, klik tombol (ikon) Feed.
   
   
5. Pada pilihan trigger, klik New feed item.
   
   
6. Masukan URL feed dari asyafrudin.blogspot.com dan klik Create trigger.
   
   
7. Langkah selanjutnya adalah konfigurasi action. Klik link that.
   
   
8. Pada pilihan channel, klik tombol (ikon) Facebook.
   
   
9. Pada pilihan action, klik Create a link post.
   
   
10. Kita akan melihat konfigurasi default untuk action yang kita pilih. Ubah konfigurasi ini sesuai kebutuhan dan klik Create action.
    
    
    Perlu diperhatikan bahwa dalam mengubah konfigurasi ini kita dapat memanfaatkan Addins yang tersedia untuk masing-masing trigger atau action.
    
    
11. Langkah terakhir adalah memberikan deskripsi untuk task yang baru saja kita buat. Setelah itu, klik tombol Create task.
    
    

Mudah, bukan?

Bahkan tanpa tutorial seperti ini pun, konfigurasi task di ifttt tetap mudah diikuti. Mulai dari konsep sampai implementasi teknis dari layanan ini bersifat intuitif. Dengan berbagai pilihan channel yang tersedia, kombinasi trigger dan action yang dapat kita buat akan menjadi sangat banyak. Layanan ifttt ini dapat digunakan untuk jauh lebih banyak task ketimbang sekedar menjadi alat untuk mempublikasikan blog post baru di jejaring sosial kita.

Semoga bermanfaat!

--
Amir Syafrudin

Cara Mudah Ubah Style Judul (Title) Pada Sidebar

Setiap blog di Blogger yang menggunakan template yang disediakan Blogger akan memiliki tampilan standar. Tampilan standar itu akan selalu sama untuk setiap blog yang menggunakan template yang sama. Walaupun begitu, Blogger memang menyediakan cara untuk merancang tampilan blog lebih lanjut lewat "Template Designer" yang disediakan Blogger sendiri.

"Template Designer" ini memungkinkan kita untuk merubah style, baik tipe huruf (font) maupun warna, untuk berbagai objek dalam blog kita. Kalau kita masih ingin melakukan perubahan lebih lanjut, kita dapat menambahkan CSS (Cascading Style Sheet) yang baru -melalui fungsi "Add CSS"- ke dalam blog kita.

Kita sama-sama tahu bahwa perubahan yang dilakukan selain lewat fitur "Add CSS" itu akan berlaku global. Kalau kita merubah warna pada judul widget di sidebar kita -melalui pilihan "Gadget Title"- maka semua judul pada widget kita akan berubah. Fungsi "Add CSS" itu yang kita perlukan bila kita ingin melakukan perubahan yang lebih spesifik.

Tulisan ini akan memaparkan bagaimana cara melakukan perubahan yang lebih spesifik itu tanpa menggunakan fungsi "Add CSS", melainkan dengan menggunakan gadget "HTML/JavaScript" yang juga disediakan oleh Blogger.

Saya akan langsung saja. Saya bermaksud membuat sebuah widget di sidebar blog ini. Tampilan widget tersebut tidak perlu mewah. Hanya saja saya menginginkan agar judul pada widget tersebut berwarna merah untuk membuatnya terlihat berbeda dengan widget-widget yang lain.

Widget tersebut saya buat dengan "HTML/JavaScript" dengan tujuan agar isinya bisa saya atur sebebas mungkin. Saya bisa merubah warna, mengatur jenis list, dan melakukan berbagai perubahan pada isinya. Sayangnya Blogger tidak memperbolehkan perubahan style pada bagian judul widget tersebut. Padahal justru bagian itu yang benar-benar perlu saya ubah.

Ternyata untuk melakukannya tidak sulit. Saya cukup memindahkan kata-kata pada judul ke bagian isi widget tersebut, memberinya tag html dan CSS class yang sesuai, dan memberinya style CSS yang saya butuhkan. Perubahan yang saya lakukan dapat dilihat pada gambar di bawah ini.

Isi bagian judul ("Cara Menggunakan Blog Ini") saya pindahkan ke bagian isi. h2 class="title" adalah tag dan CSS class default untuk judul. style="color:red" adalah style yang saya tambahkan untuk merubah warna judul menjadi merah. Hasilnya adalah seperti gambar di bawah.

Dengan cara seperti yang saya paparkan di atas, judul widget yang saya kehendaki dapat saya ubah warnanya menjadi merah tanpa perlu menggunakan "Template Designer" atau "Add CSS". Cara ini pun memungkinkan melakukan perubahan tanpa perlu melakukan "Edit HTML".

Semoga bermanfaat!

--
Amir Syafrudin