Welcome to Bahari Note - Selamat Datang di Bahari Note - Sugeng Rawung Ing Bahari Note

Sep 16, 2016

Ini Cara Sederhana Memasang Gif di Widget Blog dan Facebook

Memasang Gif di Widget Blog dan Facebook

Setelah Anda berhasil membuat animasi file gif melalui Adobephotoshop dan memasangnya di Postingan Blog “Membuat gambar gif ganti warna” “Membuat Gambar Bergerak di Blog”,  mungkin Anda ingin menyematkan file gif animasi anda ke kolom widget HTML/javascript dan Facebook.

Yang saya alami, saya bisa menempatkan gambar animasi format gif saya lewat template gambar di kolom widget, akan tetapi gambar hanya tampil dan tidak bergerak sama sekali. Sama halnya jika saya lewat template HTML/javascript lalu saya tempelkan alamat file gif saya, hanya muncul gambar tanpa pergerakan.

Berikut langkah menampilkan gambar gif di widget :

Anda bisa menyematkan animasi gif anda di widget template HTML/javascript. Hanya terlebih dahulu Anda harus meng-Uploadnya ke tinypic.com, yaitu situs untuk memasang animasi gif secara gratis. Ini yang sudah saya gunakan, Anda bisa menggunakan situs lain yang mungkin menurut Anda lebih baik.
Caranya :
  • Cari tinypic.com
  • Anda mungkin akan menemui langkah verifikasi bahwa anda bukan robot atau untuk menghindari spam
  • Klik Upload
  • Pilih file gif yang akan anda Upload
  • Berinama tag sesuai pilihan anda, yang mudah diingat
  • Ganti format Default dengan Web .....
  • Klik tombol merah untuk memulai proses upload
  • Tunggu prosesnya
  • Lalu muncul gambar Anda dengan berbagai macam rumus javascript

PERHATIAN!
Langsung copy alamat URL alamat situs ini (tab mesin pencari Anda) simpan di Notepad atau Word, agar kapan-kapan anda bisa membuka kembali gambar Anda ini dengan mudah jikalau tag nama file yang anda masukkan tidak terpakai dan juga menggunakan situs ini dengan gratis tanpa Log In

Kode javascript yang dapat di tempatkan di widget blog Anda adalah yang ada pada layar pada kolom paling Atas. Kopi scriptnya, kalau bisa disimpan dulu dan tambahi keterangan
  • Buka akun Blogger Anda
  • Masuk dalam Tata Letak
  • Misal ditempatkan di widget sidebar sebelah kanan, klik tambahkan widget
  • Pilih HTML/javascript
  • Pastekan script yang Anda dapat tadi dari tinypic.com
  • Sebelum Anda simpan, coba Anda baca scriptnya

<a href="http://tinypic.com..............................." target="_blank"><img src="http://i68.tinypic.com/.............................jpg" border="0" alt="Image and video hosting by TinyPic"></a>

Ganti tulisan tebal di belakang
<a href=” dengan alamat URL yang Anda inginkan, misalkan Blog Anda yang lain atau Facebook Anda, jadi saat di klik langsung menuju Link baru.

Tambahan :  
Hasil besaran gambar yang muncul di blog mungkin akan berbeda-beda, jika gambar tersebut tidak secara otomatis menyusut mengikuti kolom widget atau sangat besar maka bisa Anda tambahi aturan pada :   . . . "border="0" alt=" . . .   dengan aturan lebar menjadi . . . "border="1" width="200px" alt=" . . . maka gambar akan menyusut menjadi 200pixel.

Berikut langkah menampilkan gambar gif di Facebook :

Kini kita dapat menyematkan fila gambar animasi gif  kita di akun facebook milik kita, jadi kita bisa menampilkan status yang menarik. Seperti tampilan gif di widget blog, di Facebook kita juga harus menyematkannya dengan mengkopi URL dari situs gratis yang digunakan untuk meng-Upload gif kita. Di sini gunakanlah situs giphy.com (yang sudah saya buktikan).

Caranya sama :
  • Cari giphy.com
  • Anda mungkin akan menemui langkah verifikasi bahwa anda bukan robot atau untuk menghindari spam
  • Klik Upload
  • Pilih file gif yang akan anda Upload
  • Beri nama tag sesuai pilihan anda, yang mudah diingat
  • Klik tombol untuk memulai proses upload
  • Tunggu prosesnya
  • Lalu muncul gambar Anda
  • Bedanya, disini Anda tinggal mengkopi alamat URL situs gambar Anda ini di giphy
  • Lalu di-Pastekan ke status Facebook Anda
  • Selesai
Jangan Lupa, alamat URL nya disimpan juga. Agar bisa Anda buka lain kali, karena nama tag file kadang tidak eksis untuk ditulis di mesin pencari.

Tambahan : Anda bisa meng-Upload dile gif yang lain di tinypic atau giphy gratis tanpa harus LOG IN tetapi gambar Anda tetap urut dengan cara :
  • Anda buka alamat URL gambar sebelumnya
  • Gambar Anda terbuka
  • Lanjut pilih Upload
  • Secara otomatis gambar Uploadan Anda akan urut dari Upload pertama sampai yang kesekian kalinya.

Inilah langkah yang sudah pernah saya lakukan dan saya gunakan untuk dipasang di Blog baik di Postingan maupun Widget dan Facebook. Jika ada kendala, atau tidak berhasil mungkin ada langkah Anda yang kurang tepat.
aatypers@bahariblog

Yang terkait selanjutnya :

----------------------------------------------------------------

No comments:

Post a Comment