Cara Membuat FAVICON

Cara Membuat FAVICON

Other

Selamat datang semuanya di blog Dewa Coding 21 :)

Untuk pertemuan kali ini admin akan memposting sebuah blog tentang Cara membuat favicon. Sebelum kita lanjut ke tutorialnya alangkah baiknya kita harus tahu terlebih dahulu apa itu favicon

Favicon adalah salah satu hal yang tak pernah terlupa dalam kegiatan mendesai sekaligus mengembangkan sebuah situs atau bisa kita katakan sebagai brand dari sebuah produk/website.

untuk zaman sekang kita tidak perlu repot-repot untuk membuat favicon. Karna seiiring berkembangnya zaman sudah banyak sekali aplikasi-aplikasi yang diciptkan untuk membuat favicon menggunakan aplikasi tanpa kita harus buat manual dengan photoshop. 

Langsung saja kita ke proses membuat faviconnya.
1. Silahkan persiapkan terlebih dahulu gambar/logo yang akan anda jadikan sebuah favicon.

2. Jika gambar/logo yang anda siapkan sudah siap. maka langsung saja kita kunjungi situs http://favico.com/.

3. setalah anda berada pada situs Favico, maka langsung saja arahkan perhatian anda ke bagian upload foto, lalu klik tombol browse

4. silahkan buka folder tempat gambar yang akan anda jadikan favicon, jika gambarnya sudah ditemukan maka silahkan upload gambar tersebut.

5. Berikutnya tentukan ukuran favicon yang anda inginkan, dan langsung klik Create.

 6. Tunggu beberapa saat dan gambar anda berhasil dibuat, dan untuk men download gambarnya, silahkan klik tombol Download yang ada di samping kanan.

Sekarang anda dapat menggunakan favicon tadi di website anda

Terima kasih sudah mengunjungi blog kami, jangan lupa komentar yah :)

Unknown Pada 11:02:00 Komentar

Cara Membuat Watermark

Cara Membuat Watermark

Other

Selamat datang semuanya di blog Dewa Coding 21 :)

Untuk sekarang admin akan mem posting blog tentang cara membuat watermark. sebelum kita membuat kita harus tau terlebih dahulu yah watermark itu apa hehe

Watermark adalah salah satu hal yang wajib kita perhatikan dalam menjalankan bisnis online. Karna anda semua pasti tidak mau kan kalo gambar-gambar yang anda susah untuk membuatnya tiba-tiba dipakai orang lain. kalo kata artis dangdut "Sakitnya tuh disini" hehe

nah untuk mencegah itu semua alangkah baiknya kita membuat watermark untuk gambar/foto yang kita telah dibuat. agar tidak kecolongan :D

Dan selamat anda beruntung karna sudah mengunjungi blog ini karna di blog ini mengajarkan membuat watermark nya tidak menggunakan photoshop melainkan dengan memakai aplikasi yang bernama PicMarkr. Jadi anda semua tidak perlu belajar lebih hehe okey langsung saja kita mebuat watermark nya

1. Silahkan anda kunjungi situs http://www.picmarkr.com/
2. Pada aplikasi PicMarkr ini ada 3 proses yang kita lalui. dari mulai kita upload filenya dan sampai proses terakhir membuat watermark. Arahkan perhatian anda ke bagian Upload Images, lalu klik tombol Choose File/Telusuri untuk mencari gambar yang akan anda upload dan anda juga bisa mengupload beberapa file dalam sekaligus upload

 3. Selanjutnya buka folder tempat gambar anda disimpan, jika gambar telah ditemukan silahkan tandai gambar yang akan di watermark, setelah selesai ditandai klik Open.

 4. selanjutnya silahkan klik tombol OK! go to step 2.

 5. Selanjutnya kita diminta untuk menentukan jenis watermarknya bisa dalam bentuk teks atau gambar. sebagai contoh admin akan menggunakan nama Dewa Coding 21.

6. Selanjutnya, silahkan anda klik tombol Continue  yang ada di bawah gambar preview

7. Dan dihalaman berikutnya akan tampil seperti apa gambar anda yang telah dilengkapi dengan Watermark

8. Ada beberapa opsi publikasi foto (gambar) yang bisa anda pilih. Jika anda mau men-download gambar yang sudah dilengkapi dengan watermark tadi makan silahkan klik tombol download images to computer

9. Lalu silahkan klik link download yang sudah tersedia

10. selanjutnya anda bisa segera men download gambar tadi dengan klik kanan pada gambar, lalu pilih opsi simpan gambar dengan nama.

Bagaimana mudah bukan dengan adanya aplikasi PicMarkr ini tanpa kita membuat dengan photoshop juga sudah bisa membuat watermarknya.

Jangan lupa komentar yah :)

Unknown Pada 10:14:00 Komentar

Responsive Menu CSS

Responsive Menu CSS

HTML

Hello semuanya.. Terima kasih telah mengunjungi blog kita kembali :)

Buat sekarang admin mau nge posting source code untuk membuat menu responsive full css jadi gak perlu pake jquery juga udh bisa loh bikin menu responsivenya :D dan sekaligus admin kasih juga buat bikin multi level menu yang banyak dropdown hehe

Kita langsung saja yah ke tampilannya dulu abis itu kalo misalnya agan2 suka silahkan di download

1. Untuk yang pertama menu responsive nya ada di atas, Jadi kan biasanya kita bikin responsive menunya itu ke bawah tapi sekarang yang ke atas :D

Untuk Source Code nya bisa di download Disini


2. Dan yang kedua yaitu menu responsivenya ada di kiri, dari design sih admin ngikutin facebook buat menu responsivenya karna ada dikiri hehe gapapa kan yah :D yang penting dari coding admin bikin sendiri

Untuk source code nya bisa di download Disini

3. Untuk Yang kedua menu responsive nya sama seperti yang ke dua cuman bedanya untuk yang ketiga menu responsivenya muncul dari kanan bukan dari kiri. Jarang-jarang kan dari yang kanan hehe

Untuk Source code nya bisa di download Disini

4. Dan ini yang terakhir menu responsive nya yang biasa kita kunjungi yaitu yang kebawah tapi kan disini kita bukan melihat bagus atau engganya. yang penting cara membuat menu responsive full css itu kya gimana dan kita bisa bikin sendiri.

Untuk source code nya bisa di download Disini

mungkin segitu dulu postingan dari admin tentang Responsive Menu CSS. terima kasih telah mengunjungi blog kami. dan tunggu yah postingan-postingan kami selanjutnya. 

Jangan lupa komentar yah :)

Unknown Pada 16:42:00 2 Komentar

HTML Login Form

HTML Login Form

HTML

Hai semuanya.. selamat datang kembali di Blog Dewa Coding 21. semoga betah yah kalian di blog kami. karna ini postingan blog saya yang pertama maka sebagai promo saya kasih source code html secara gratis :D tapi buat kedepannya juga saya bakal kasih lagi kooo. kalem aja :D

Okey kita langsung ke intinya aja. saya sudah membuat 3 design halaman login dan berikut saya kasih juga loh source code nya. kalian pasti mau kan yah yang namanya gratis pasti orang-orang pada mau lah :D 

Baik langsung saja kita melihat design-design nya dulu yah jangan pada langsung download :D tapi itu terserah kalian mau langsung download juga gapapa hehe

1. Form Login pertama saya buat hanya menggunakan 2 warna saja. karna bagi saya kalo kebanyakan warna itu terlalu norak yah :D bener gak temen2?

Untuk file nya bisa di download Disini


2. Untuk Form Login yang kedua saya membuat background form loginnya bisa berubah. tidak statis melainkan dinamis. Waaaahhh .... makin keren kan postingan kami pada bagus2 designnya hehe tapi kan itu menurut kami belum tentu menurut kalian :D

Untuk filenya bisa di download Disini

3. Dan ini yang terakhir Form login dengan design simple but beautiful hehe emang sih design form nya simpel tapi kalian pasti tidak akan bosan melihat tampilannya karna saya sendiri juga langsung terpesona melihatnya :D

Untuk filenya bisa di download Disini

Mungkin segitu dulu postingan dari kami mudah2an bisa bermanfaat khususnya buat admin dan umumnya buat kita smua. wassalam

eh kaya ceramah aja yah admin kwkwkw

Jangan lupa berkomentar yah. karna dengan berkomentar kalian udah menghargai hasil dari tulisan admin. Terima kasih

Unknown Pada 15:42:00 2 Komentar