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,
Siap coba nih..thanx ba tutorialnya 😊
ReplyDeletesama-sama mba semoga bermanfaat yaa ~
DeleteSelalu suka dengan postingan mb steffi. Bermanfaat banget. Siap dicoba, nih. Terimakasih banyak. Ditunggu tips berikutnya.
ReplyDeleteAlhamdulillah semoga bermanfaat ya bun ~
DeleteKalau 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.
ReplyDeletePostingannya 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 :)
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.
DeleteMantap ilmunya Mbak Stef... Gak sabar pengen nyobain. Nanti kalo saya butuh panduan lebih lanjut, takut bingung,,, saya izin WApri mb Steffi yak,,, hihihihiii... Makasih.
ReplyDeleteAlhamdulillah, silahkan bun boleh aja. Semoga membantu ya.
DeleteUdah nyoba ilmu darimu ini neng, tapi kenapa ya backgroundnya malah hitam kayaknya saya salah lagi deh hehehe nanti belajar lagi deh lewat tulisan ini
ReplyDeletenah loh, wkwkwk. pakai JPG aja bun enggak usah PNG kalo layarnya jadi hitam.
DeleteKemarin udah bikin tapi selalu lupa untuk pasang di blog. Tulisan ini kembali mengingatkan akan utang tersebut. Yuk, pasang...pasang
ReplyDeletenah kan untung enggak ketiduran lagi di kelas, wkwkwk.
DeleteInsyaallah siap mencoba
ReplyDeleteAlhamdulillah, semoga bermanfaat ya mba.
DeleteMasya Allah mbak saya sedang mencari tutorial ini.makasih ya....
ReplyDeleteAlhamdulillah, sama-sama bun semoga bermanfaat yaa.
DeletePengen juga cobain ini, belum aja. Untung udah ada tutorialnya. Makasih sharingnya, Mbak.
ReplyDeletesama-sama mba lia semoga bermanfaat yaa.
DeleteMakasih infonya Mbak, worth to try ... Kalau denger kata koding entah kenapa saya langsung demam 😹
ReplyDeletewkwkwk enggak susah itu codingannya kok mba. tenang aja, enggak bikin spaneng, hehe.
Deletembak, sama nggak ya untuk wordpress?
ReplyDeletetapi tak coba dulu aja
sama aja bun, iya semoga bermanfaat.
DeletePingin yoba, insya Allah nanti kalau ada waktu senggang.. Biar lebih efektif tampilan blognya, nggak berderet kayak pagar, hehe
ReplyDeletehehe, iya betul. lumayan kan bikin space di sidebar enggak banyak.
DeleteWah 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😊
ReplyDeleteAlhamdulillah, semoga bermanfaat ya mba.
Deletewaahhh apik ya GIF ini
ReplyDeletebolehlah nanti dicoba di blog yang blogspot
kalo wordpress
gak kuku bayar hostingnyaaa buat gambar kedap-kedip itu :
hehe, ini mah bisa juga kali bun di wordpress. bukannya tinggal posting aja di plugin? sok tau gitu wkwkwk.
DeleteMakin ciamik tampilan blog nya plus makin rapih ya mba step. Makasi banyaaak langsung deh ini
ReplyDeleteiyes bener mba, semoga membantu yaa.
DeleteMantep mbak Stef. Nanti utak atik blog lagi ... Twrnyata banyak ya ilmunya ... ☺☺
ReplyDeleteAlhamdulillah semoga membantu yaa.
DeleteMakasih, Kakak. Ini contoh postingan abadi sepanjang masa yang selalu dicari oleh blogger...Bermanfaat sekali.
ReplyDeleteaamiin kakak, makasih loh udah di puji, wkwkwk.
DeleteKeren, lengkap tutorialnya.. nanti mau coba ah.. terimakasih mba Steffi
ReplyDeleteAlhamdulillah, semoga bermanfaat ya kakak.
DeleteMin kenapa sekarang susah upload gambar gif ke blogger, setelah selesai upload gifnya hilang dan tidak bergerak lagi gambarnya. Solusinya min plis.
ReplyDelete