Thursday, 2 January 2014

Cara Mudah Membuat Favicon Pada Blogg Kita Dengan Menggunakan Adobe Photoshop

Bissmillahirrohmanirrohim.

Assalamu'alaikum Warohmatullohi Wabarokatuh

Salam sejahtera kami ucapkan kepada hadirin semuanya, yang telah berkenan meluangkan waktunya untuk berkunjung ke blogg kami. Pada kesempatan kali ini kami akan membahas, bagaimana cara membuat favicon pada blogg kita. Sebelum kita membuat favicon perlu diketahui terlebih dahulu," Apa yang dimaksud favicon ?. kita sering melihat ketika kita membuka sebuah situs biasanya di samping kiri tab akan terdapat gambar kecil, nah itulah yang dinamakan favicon. Dengan kata lain favicon dapat didevinisikan gambar kecil yang terdapat disamping kiri tab.

Selanjutnya setelah kita mengenal favicon disini nanti, kami akan membahas cara pembuatannya dengan menggunakan Addobe Photoshop. Untuk caranya menurut kami tidak terlalu rumit, cuma ada beberapa langkah yang harus dilakukan. Yang terpenting sebelum membuat favicon komputer kita harus sudah terinstal Adobe Photoshop. bagi yang menginginkan software Adobe Photoshopnya bisa klik disini. Dan selanjutnya yang harus disiapkan adalah gambar yang akan dibuat favicon dan yang paling penting dari yang terpenting ahdirin harus sudah mempunyai blogg.

Oke langsung saja berikut ini tutorial cara pembuatan favicon dengan menggunakan adobe photoshop :
  1. Pertama siapkan gambar yang akan di jadikan favicon.
  2. Selanjutnya setelah gambar tersedia, buka aplikasi photoshop yang sudah terinstall di PC kita. 
  3. Setelah terbuka photoshopnya, selanjutnya klik file new, dan kemudian setting seperti gambar di bawah ini.
  4. Kita lihat gambar di atas. untuk setingannya yaitu Width : 256 pixel, dan untuk Hight : 256 pixel, kemudian untuk resolution kita buat 72 pixel/inch, Untuk color mode biarkan seperti aslinya, untuk backround content : Transparent. Kalau yakin settingan sudah seperti gambar di atas, selanjutnya klik Ok, Dan tampilannya akan menjadi seperti gambar berikut.
  5. Selanjutnya kalu tampilannya sudah berubah seperti gambar di atas, selanjutnya kita buka file gambar yang sudah kita siapkan, dengan cara klik File - Open - kemudian kita pilih file gambar yang sudah kita siapkan - klik Open.                                                      
  6. Dan kalu sudah kita klik open tampilannya akan seperti berikut ini.                                       
  7. Seperti gambar di atas adalah setelah kita open gambar tidak langsung menempati tempat yang sudah kita sediakan melainkan, membuka di lembar baru. Kita harus memindahnya agar dapat kita seting sesuai dengan tempat yang kita sediakan, dengan cara : Klik dan tahan pada gambar kita - kemudian arahkan kursor ke lembar yang sudah kita buat tadi - kemudian kita lepaskan disitu. Secara otomatis gambar akan tersalin di lembar yang sudah kita sediakan. Untuk lebih jelasnya tampilannya akan seperti di bawah ini.              
  8. Selanjutnya kita maxsimize lembar yang sudah kita buat tadi, sehingga tampilannya berubah seperti berikut.                                                                                                                
  9. Selanjutnya tekan tombol Ctrl+T pada keyboard, selanjutnya setting pada tolbar yang kami beri tanda merah seperti gambar berikut.

  10.  Kalau sudah seperti diatas settingannya gambar akan berubah seperti gambar berikut ini.                                                                       
  11.  Selanjutnya kita tinggal menyimpannya dengan cara : Klik File - Save  (jika muncul pertanyaan seperti berikut Apply the transformation before saving? kita pilih Apply - Kemudian tentukan folder tempat kita menyimpan gambar nanti, (pada file name kita beri nama sesuai keinginan kita, dan pada format kita pilih PNG) - Kemudian klik save.
  12. Dan Selamat Favicon kita sudah jadi, tinggal kita memasukkan faficon ke blogg kita, bagi yang belum tahu cara memasukkan favicon ke blogg langsung lihat disini.
 Demikianlah tutorial yang dapat kami sampaikan, jika ada kurang dan lebihnya kami minta maaf yang sebesar - besarnya. Jika semisal ada pertanyaan dari hadirin langsung saja komen di blogg kami. Sekian dan sampai jumpa di postingan selanjutnya.

Billahi taufiq wal hidayah, tsumma ridlo wall inayyah.

Wassalamu'alaikum Warrohmatullohi Wabarokatuh

No comments:

Post a Comment