steffifauziah's blog

Writing with Heart, Love, and Feel Happy!

Gunakan GIF Pada Sidebar Agar Blog Makin Ciamik!

Hai, Sobat Blogger!


Membuat blog semakin cantik dan enak dilihat pengunjung adalah impian semua blogger. Pasti ingin setiap pengunjung yang mampir atau blog walking senang melihat tampilan blognya yang semakin ciamik. Nah, hal inilah yang membuat para blogger semakin getol dan semangat untuk mencari tahu bagaimana membuat blog semakin enak dilihat oleh pengunjung. Selain itu, juga bisa membuat pengunjung jadi setia untuk membaca tulisan di blog kita. Wah, siapa sih yang enggak mau begini?

Bukan hanya konten saja yang perlu diperhatikan oleh seorang blogger, tetapi juga tampilan si blog sendiri. Apakah tema yang digunakan sudah user friendly? Apakah tema yang digunakan tidak membingungkan pengunjung ketika blog walking? Apakah tampilan-nya sudah rapi?

Nah, hal-hal seperti itu juga patut kita perhatikan, ya. Jangan sampai konten blog kita sudah kece, tulisan di blog bermanfaat semua tetapi tampilan blog kita masih amburadul. Duh, kasihan pengunjung nanti enggak betah lama-lama main di blog kita.

Sebenarnya ada banyak cara kok untuk memperbaiki tampilan blog kita. Bisa mengganti dengan tema yang lebih responsive. Tata letak pada blog yang lebih rapi dan teratur. Menggunakan font yang jelas di baca dan enak dilihat. Masih banyak lagi yang lainnya. Namun, kali ini saya akan fokus untuk tampilan di menu sidebar dulu.

Sidebar biasanya digunakan untuk berbagai macam informasi, bisa informasi pribadi atau pun hal yang lainnya. Misal, untuk profil penulis di blog, buku yang telah berhasil di tulis, komunitas yang diikuti, iklan, dan lain sebagainya. Tetapi, untuk seorang penulis, buku yang sudah banyak terbit enggak akan mungkin semua bukunya di pajang semua di sidebar 'kan? Begitu pun dengan komunitas yang diikuti. Pasti ikut berbagai macam komunitas dan jumlahnya lebih dari satu. Nah, sekarang enggak perlu lagi deh di pajang satu-satu semuanya. Lebih mudah dilihat dan lebih rapi dengan menggunakan format GIF.

Komunitas yang saya ikuti dan saya kumpulkan menjadi GIF

Sebenarnya apa sih arti dari GIF ini?

GIF (Graphics Interchange Format) adalah format dengan menggunakan animasi. Nah, jika menggunakan format JPG atau PNG saja, biasanya hanya menghasilkan gambar bukan animasi. Tetapi dengan menggunakan GIF bisa membuat animasi dari beberapa gambar. Jadi nanti gambarnya akan berulang kali bergerak seperti video.

Kali ini saya akan memberikan tutorial supaya format GIF ini bisa berada di sidebar. Mudah kok caranya, menggunakan kodingan aja. Enggak usah panik, ya. Kodingan-nya sudah ada tinggal copas aja biar enggak mumet bin puyeng, hehe. Simak ulasannya berikut ini, ya :

Tutorial Menampilkan GIF Pada Sidebar Blog

1. Login ke dashboard blogger

2. Pilih "Tata Letak/Layout"


3. Pilih "Sidebar"


4. Klik "Add a Gadget"


5. Klik "HTML/Javascript"


6. Tulis nama judul, misal : Komunitas atau Community


7. Masukkan kodingan ini di isi konten
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc34V496HjcmHDo13kxdMXJ833XXhN_w5eGDy21T0YNjBIOEVpdCX0oS4F8qcSSXvIobuvEisiQLOmqaRoDOMAtPhYeqvs6mRqDlq45he5rLjp-e51iGP5hyphenhyphenpib6YCWSsojgiXD4z9WVhm/s320/Photo+14-10-18+21.45.44.gif" alt="steffifauziah" /></center>
Ket:
Ganti yang berwarna merah dengan link GIF punya kamu.

8. Klik "Save/Simpan"


9. Klik "Save Setting"


10. Selamat! Gambar kamu dengan format GIF sudah ada di sidebar loh!

Ini GIF saya yang berhasil ditampilkan di menu sidebar

Namun, untuk membuat link seperti diatas (yang berwarna merah) ada baiknya membuat postingan dulu dan menampilkan gambar tersebut. Contohnya di punya saya yang tentang About Me. Di sana saya sertakan juga komunitas saya dalam bentuk GIF. Tujuannya untuk apa? Supaya saya bisa memiliki link GIF untuk saya masukkan ke dalam kodingan di atas.

Nah, jadi kamu tinggal buat postingan dulu saja seperti contoh punya saya, ya. Setelah itu tinggal mengikut langkah-langkah diatas deh untuk menampilkan-nya di sidebar. Mudah, kan? Insyaallah mudah dan gampang praktek-nya, ya.

Jika ingin membuat GIF yang lainnya, caranya sama ya. Saya buat 2 GIF di sidebar, yang satu untuk komunitas dan yang satu untuk buku-buku antologi saya yang telah terbit. Nah, jika kamu ingin menampilkan lebih dari satu GIF di sidebar, bisa banget! Cara dan kodingan-nya sama, tinggal ganti saja yang berwarna merah. Beres, hehe. Namun, tetap saja semua GIF sebelum ditampilkan di sidebar harus di posting dulu ya. Semoga dapat dipahami.

Ini tutorial membuat GIF Bikin GIF? Pakai GIF Maker Aja, Gaes!. Silahkan mencoba ya, semoga berhasil membuat tampilan blog semakin ciamik ~

Apakah ada cara lain untuk menampilkan GIF di sidebar selain menggunakan kodingan? Ayo beritahu saya dan saling bertukar ilmu, ya. Beritahu saya di kolom komentar, oke? Semoga bermanfaat dan selamat praktek!

Salam,

Comments

  1. Siap coba nih..thanx ba tutorialnya 😊

    ReplyDelete
  2. Selalu suka dengan postingan mb steffi. Bermanfaat banget. Siap dicoba, nih. Terimakasih banyak. Ditunggu tips berikutnya.

    ReplyDelete
  3. Kalau untuk sidebar, saya kurang tahu pakai apa selain GIF untuk menghemat ruang. Mungkin otak-atik koding? Kalau untuk postingan, kita bisa gunakan slide Mbak. Heheh.

    Postingannya bermanfaat. Kadang saya lupa kalau kita bisa menghemat ruang dengan GIF.

    Tapi Mbak, kalau untuk banner komunitas dipakai GIF, entar backlinknya gak ada dong?

    Nuhun Mbak :)

    ReplyDelete
    Replies
    1. iya emang enggak ada, tapi bisa dimasukkan ke about me mba. Disana bisa dimasukkan blacklink dari komunitas yang diikuti. Itu sih siasatinya. semoga membantu yaa.

      Delete
  4. Mantap ilmunya Mbak Stef... Gak sabar pengen nyobain. Nanti kalo saya butuh panduan lebih lanjut, takut bingung,,, saya izin WApri mb Steffi yak,,, hihihihiii... Makasih.

    ReplyDelete
    Replies
    1. Alhamdulillah, silahkan bun boleh aja. Semoga membantu ya.

      Delete
  5. Udah nyoba ilmu darimu ini neng, tapi kenapa ya backgroundnya malah hitam kayaknya saya salah lagi deh hehehe nanti belajar lagi deh lewat tulisan ini

    ReplyDelete
    Replies
    1. nah loh, wkwkwk. pakai JPG aja bun enggak usah PNG kalo layarnya jadi hitam.

      Delete
  6. Kemarin udah bikin tapi selalu lupa untuk pasang di blog. Tulisan ini kembali mengingatkan akan utang tersebut. Yuk, pasang...pasang

    ReplyDelete
    Replies
    1. nah kan untung enggak ketiduran lagi di kelas, wkwkwk.

      Delete
  7. Masya Allah mbak saya sedang mencari tutorial ini.makasih ya....

    ReplyDelete
    Replies
    1. Alhamdulillah, sama-sama bun semoga bermanfaat yaa.

      Delete
  8. Pengen juga cobain ini, belum aja. Untung udah ada tutorialnya. Makasih sharingnya, Mbak.

    ReplyDelete
  9. Makasih infonya Mbak, worth to try ... Kalau denger kata koding entah kenapa saya langsung demam 😹

    ReplyDelete
    Replies
    1. wkwkwk enggak susah itu codingannya kok mba. tenang aja, enggak bikin spaneng, hehe.

      Delete
  10. mbak, sama nggak ya untuk wordpress?
    tapi tak coba dulu aja

    ReplyDelete
  11. Pingin yoba, insya Allah nanti kalau ada waktu senggang.. Biar lebih efektif tampilan blognya, nggak berderet kayak pagar, hehe

    ReplyDelete
    Replies
    1. hehe, iya betul. lumayan kan bikin space di sidebar enggak banyak.

      Delete
  12. Wah kemarin-kemarin saya juga coba cari tutorial buat bikin gif kayak punya mbak Steff tapi gak ketemu2, akhirnya di share juga di sini. Pengen praktikkan deh😁 makasih infonya mbak😊

    ReplyDelete
  13. waahhh apik ya GIF ini
    bolehlah nanti dicoba di blog yang blogspot
    kalo wordpress
    gak kuku bayar hostingnyaaa buat gambar kedap-kedip itu :

    ReplyDelete
    Replies
    1. hehe, ini mah bisa juga kali bun di wordpress. bukannya tinggal posting aja di plugin? sok tau gitu wkwkwk.

      Delete
  14. Makin ciamik tampilan blog nya plus makin rapih ya mba step. Makasi banyaaak langsung deh ini

    ReplyDelete
  15. Mantep mbak Stef. Nanti utak atik blog lagi ... Twrnyata banyak ya ilmunya ... ☺☺

    ReplyDelete
  16. Makasih, Kakak. Ini contoh postingan abadi sepanjang masa yang selalu dicari oleh blogger...Bermanfaat sekali.

    ReplyDelete
    Replies
    1. aamiin kakak, makasih loh udah di puji, wkwkwk.

      Delete
  17. Keren, lengkap tutorialnya.. nanti mau coba ah.. terimakasih mba Steffi

    ReplyDelete
  18. Min kenapa sekarang susah upload gambar gif ke blogger, setelah selesai upload gifnya hilang dan tidak bergerak lagi gambarnya. Solusinya min plis.

    ReplyDelete

Post a Comment

Silahkan tinggalkan pesan dan tunggu saya approve komentar kamu, ya. Terima kasih telah meninggalkan komentar.