Monday, October 22

Hari Ke-19 Prakerind

Senin, 22 Oktober 2012
Masuk Pukul 08.00 s/d 12.00 WIB

Di Minggu ke 4 Ini saya masuk pukul 08.00 s/d 12.00. seperti biasanya sesampai di tempat prakerin saya langsung bersih-bersih dan selanjutnya mengisi blog dan mendesain blog.


 Mengganti favicon blogspot dengan gambar sendiri

1. Login blogspot >> Dashboard
2. Masuk ke Design >> edit HTML

3. Copy code dibawah ini








<link href='URL your image' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


dan pastekan dibawah kode  







<title><data:blog.pageTitle/></title> 

Sehingga bentuknya kan seperti ini

4. Ganti tulisan merah URL your image dengan kode URL icon kamu.
Kalau kamu ngambil iconnya dari internet, kamu tinggal klik kanan pada iconmu terus pilih "Copy Image URL" . Tapi kalau kamu buat sendiri, kamu harus upload dulu icon kamu.

5. Save Template.
Sekarang liat blog kamu, apakah sudah berhasil. Harusnya sih berhasil ^^

BAGIAN KEDUA
Sekarang kita setting favicon pada Page Halaman, kalau tadikan pada bagian Edit Halaman Sekarang kamu pindah ke bagian Page Halaman. Tujuannya agar saat kamu di follow blog lain, tampilan icon blog kamu tidak kembali lagi ke icon blogspot.
Ikuti langkah berikut yaa :

1. Masuk ke Design >> Page Halaman
2. Klik edit pada kotak favicon


3. Pilih choose file dan cari icon yang akan kamu upload.
Nah kalau ini, kamu harus download icon kamu dulu (kalau ngambil dari internet).
Kalau upload gagal dan ada tulisan "Not Square Image" atau "This file is too large. You can upload a file up to 100kb in size" ini berarti icon kamu harus diedit.
Baca ketentuannya dibagian atas :

Please use a square image that's less than 100 KB.








Ini artinya bahwa icon yang kamu upload harus berbentuk PERSEGI (Square) bukan yang lain dan ukurannya harus kurang dari 100 KB.
So, edit icon kamu. Gunakan photoshop saja. Buat agar panjang dan lebarnya saja.
Kalau masih bingung mengubah ukurannya, begini caranya :


  • Buka icon kamu di Adobe photoshop
  • Pilih menu Image >> Image size
  • Hilangkan tanda centang di kotak  Constrain Proportions
  • Ganti Width dan Height pada bagian Pixel Dimensions dengan ukuran yang sama.
  • Klik OK 
  • Save icon kamu








4. Kalau icon kamu muncul dan tidak ada tulisan seperti diatas berarti berhasil. 
Sekarang icon blog kamu sudah 100% berganti dengan icon kamu :)

www.kebumenmedianet.com


No comments: