Cara Membuat Favicon Berbackground Transparan Dengan Photoshop

Minggu, April 13, 2014
PilihanIni - Favicon adalah sebuah logo blog atau website yang di letakkan di atas url nama blog atau website kita. Walaupun ukurannya yang sangat kecil, tetapi bisa menarik perhatian banyak orang. Dari berbackground transparan atau berwarna itu tidak berpengaruh yang terpenting adalah sebuah logo yang khas dari blog atau website tersebut. Tapi kebanyakan komentator merequest artikel tentang "Cara Membuat Favicon Blog Transparan" maka dari itu saya langsung kasih caranya yang begitu mudah Anda pahami.


Berikut, Cara Membuat Favicon Berbackground Transparan Dengan Photoshop :

1. Buka program Photoshop Anda. (Disini saya memakai Photoshop CS4).


2. Klik File, lalu klik New, lalu muncul sebuah kotak dan ikuti seperti gambar di bawah ini. (Ukuran 62 x 62 Pixels, Background Transparent, Klik OK).


3. Setelah klik OK, lalu akan muncul seperti gambar di bawah ini.


4. Pada kotak kecil tersebut, masukan atau membuat Teks ataupun Logo untuk favicon blog maupun website Anda. Disini sebagai contoh saya membuat dengan Teks. (Klik icon T di sebelah kiri Photoshop Anda.


Jika sudah, lalu buatlah Teks sekeren atau semenarik mungkin untuk blog maupun website Anda. Disini sebagai contoh saya membuat Teks PI.


5. Kemudain klik icon File paling atas, lalu tekan Save As.


6. Selesai. Favicon tersebut harus berformat .PNG.

7. Selanjutnya upload favicon tersebut ke blog maupun website Anda.

8. Jika sudah di upload tekan Save dan selesai.
Previous
Next Post »
30 Komentar
avatar

ini dia yg ane cari,, ijin nyoba gan

Balas
avatar

em,, gni toh.. pantesan dari kemaren gak bisa terus.. ada yang kelewatan haha :)

Balas
avatar

Kelewatan? Sama seperti saya dulu, eh setelah di coba 1 per 1 ukurannya akhirnya pas juga :D

Balas
avatar

Hehehe, iya sob :D Terima kasih sudah berkunjung disini :)

Balas
avatar

Terima kasih sob :) Sering hadir-hadir di blog ini ya :D

Balas
avatar

Terima kasih sob :) Sering hadir-hadir disini ya :D

Balas
avatar

mantap.. bisa nih saya coba di blog saya :)

Balas
avatar

Dpt ilmu baru nih, ntar praktekkin ah =)

Balas
avatar

emm, cara pasang di blog gmna mas?

Balas
avatar

Terima kasih sob! Sering hadir-hadir di blog ini ya :)

Balas
avatar

harus square kan, itu udah square?

Balas
avatar

Squeare maksudnya gimana Gan?

Balas
avatar

oke nanti saya praktekin bang

Balas
avatar

Tinggal Log-In Blogger, pilih Tata Letak, pilih Favicon (Biasanya paling atas pada layout), lalu masukan Favicon Anda.

Balas
avatar

Makasih sob untuk artikelnya :)
http://goo.gl/vyEVtV

Balas
avatar

Sama-sama Sob. Komentar terlihat rapih dan sopan jika tanpa link. :)

Balas
avatar

thanks gan. Kunbal ya

http://kezzeter.blogspot.com/

Balas
Komentar ini telah dihapus oleh pengarang. - Hapus

Kolom komentar tersedia untuk berdiskusi, berbagi ide, dan pengetahuan antar pengunjung juga Admin. Hargai pembaca lain dengan berbahasa yang baik. Setialah pada topik apa yang telah dibahas. Jangan menyerang atau menebar kebencian terhadap Suku, Agama, Ras, atau Antargolongan tertentu. Terimakasih atas pengertiannya.

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔