Membuat Gambar Animasi GIF Secara Online

Cara Membuat Gambar Bergerak atau Animasi GIF Secara Online

AssalamuAlaikum Wr.Wb.

Pernah dengar atau pernah tahu tentang adanya animasi berbentuk gambar dan berformat Gif yg Bergerak ? Saya Rasa semua udah tau tapi Mungkin sebagian lainya masih tidak paham apa itu GIF. ? Mari kita perjelas sedikit.

GIF (Graphics Interchange Format) adalah suatu format gambar yang dimana dapat menggabungkan beberapa gambar menjadi satu. GIF dan Menciptakan suatu gambar yg Bergerak.
oiya, tidak semua gif memiliki bentuk yang bagus dari penataan warna gambar. Berbeda dengan SWF yang dapat membuat gambar animasi sangat baik dan mengacu pada system yang dimiliki.
Pembuatan gambar GIF dapat dilakukan secara online ataupun offline , dan untuk saat ini, Saya akan membagikan tutorialnya secara online.

1. Pertama-tama kumpulkan beberapa gambar yang ingin diubah menjadi gambar GIF.

2. Lalu, setelah memilih beberapa gambarnya, silahkan diurutkan yang mana dulu saat diputar, supaya lebih mudah, namai setiap gambar dengan angka.

3. Gambar telah diurutkan, dan setelah itu langsung menuju situs pembuatanya yaitu GICKR.COM

4. Maka akan tampil beberapa form file untuk mengunggah sebuah gambar. Langsung saja isikan setiap input dengan gambar secara urut.

5. Setelahnya pilih width(lebar) yang ingin digunakan, pilihlah sesuai ukuran gambar. jika tidak tahu ukuranya.? Biarkan saja dan langsung klik SUBMIT.

6. Kemudian akan muncul link Download, dan silahkan diunduh

Jika Sobat pengguna ponsel, akan lebih baik menggunakan uc browser saat melakukan hal ini, karena browser tersebuat dapat membaca setiap gerakan pada file GIF,
Cara diatas memang sedikit membingungkan bagi orang yang tidak mengenal gambar GIF,
. Bila ada yang ingin ditanyakan silahkan komen.

Maaf Apabila Screeshotnya Gak ada, Dikarenakan SC aku Gak bisa Upload.

Semoga bermanfaat dan selamat mencoba.

Wassalamualaikum wr wb.

Read More

Beberapa Kumpulan Kode Dasar HTML

selamat siang gan ?
pada postingan ini saya mau Berbagi sedikit Tips & trick yg Bisa dibilang Udah Jadul atau gak asing lg buat para sahabat semua
tp nggak apa2lah, ,siapa tau ajah masih ada yg blom tau.

Beberapa Kumpulan Kode Dasar HTML

 HAPUS TANDA (*)

Teks Tebal/bold
<*b>Teks Tebal<*/b>
Teks Bergaris Bawah/Underline
<*u>Teks Under line<*/u>
Teks Coret
<*s>Teks Coret<*/s>
Teks Link Tujuan
<*a href="http://Link Tujuan">Teks Kamu<*/a>
Memberi Gambar
<*img src="http:// Url Gambar"*/>
Link Dgn Gambar
<*a href="http://Url Tujuan"*><*img src="http://Url Gambar"/><*/a>
Memberi Tanda kutip (")
<*blockquote>Tanda kutip<*/blockquote>
List / Daftar

• Daftar a
• Daftar b

<*ul> <*li>daftar a<*/li> <*li>daftar b<*/li> <*/ul>
 garis pembatas
 <*hr>  
Teks mesin ketik
 <*tt>text<*tt
Teks Subscript
 <*sub>text<*/sub> : contoh_bawah
Teks Superscript
 <*sup>text<*/sup> :contoh ^atas

text warna contoh dengan warna merah

<*div style="color:#F00;"*>Text<*/div>

Kalimat pertama ketengah dengan perintah p style lihat pada awal kalimat jarak dari kiri

<*p style="text-indent:12px;">text<*/p>   
text berstabilo
 <*span style="background:#ffff00;color:#FF0000;">text<*/span>
garis tebal : garis warna
 <*hr style="color:#FF0000;" /*>
garis putus-putus contoh dengan dotted
 <*div style="border-bottom:2px dotted #FFFFFF;"*><*/div>
 text besar dapat diatur sizenya text 
 <*font color="blue" size="50"*><*b>text<*/b>
text besar dengan font family
 <*span style="color:#FF0000;font-size:300%;font-family:'Comic Sans MS';"*>text<*/span>
mengatur kalimat/text dengan html
 <*div style="text-align:justify;"*>text<*/div>

text

perintah list circle
 <*ul style="list-style:circle;"*><*li>contoh<*/li><*li>lagi<*/li><*li>hallo<*/li><*/ul>

• contoh
• example)
• tes

perintah list square
 <*ul style="list-style:square;"*><*li>tes<*/li> <*li>tes ah<*li> <*li>lagi<*/li><*/ul>

• tes
• contoh
• example

Perintah ol, li
 <*ol><*li>point<*/li> <*li>point<*/li> <*li>dst<*/li><*/ol>

1. point
2. point
3. dst

pake ul, li
 <*ul><*li>point<*/li> <*li>point<*/li> <*li>point<*/li><*/ul
menampilkan gambar
 <*img src="URL-LINK" alt="ket-gambar" /*><*/img>
gambar dengan link
 <*a href="url-link"*><*img src="url-link" alt="ket-gambar" /*>Roiko Trick
ngecilin gambar dengan html
 <*img src="url-gambar" width="40" height="50"*>

NB : Hapus tanda bintang (*) di setiap kode.
Maaf, saya tidak menggunakan Encode-Decode... 
Memang postingan ini apa adanya,,. Hehe
Terima kasih dan semoga bermanfaat!!!"

Read More