Senin, 10 Oktober 2011

Cara Mengubah Icon Blogger

 
 
 
 
Most bloggers (Blogspot users) are eager to uniquely customize the appearance of their blogs, and one of the small but significant customizations is changing the icon / favicon. Kebanyakan blogger (Blogspot pengguna) unik berkeinginan untuk menyesuaikan tampilan blog mereka, dan salah satu penyesuaian kecil tetapi signifikan adalah mengubah ikon / favicon. This article will explain about how to change your blog icon, from the default Blogger icon to your own custom icon. Artikel ini akan menjelaskan tentang bagaimana mengubah ikon blog Anda, dari icon default Blogger untuk ikon kustom Anda sendiri. I have used this method myself so I am sure it will work for you as well. Saya telah menggunakan metode ini sendiri jadi saya yakin itu akan bekerja untuk Anda juga. Would you like to know more? Apakah Anda ingin tahu lebih banyak?
Recently, I had changed my tab icon of my blogger site. Baru-baru ini, saya telah mengubah ikon tab saya situs blogger saya. It used to be a common blogger icon which is an orange rectangle with the white letter B inside it. Ini digunakan untuk menjadi ikon blogger umum yang merupakan persegi panjang oranye dengan huruf B berwarna putih di dalamnya. I changed it into my custom made icon of a sky blue rectangle with vertical I and Y (my initials), which also looks like a winking smiley. Aku berubah menjadi ikon kustom saya terbuat dari langit biru persegi panjang dengan I vertikal dan Y (inisial saya), yang juga terlihat seperti tersenyum mengedip. If you are interested in doing the same, here are the steps to do it: Jika Anda tertarik untuk melakukan hal yang sama, di sini adalah langkah-langkah untuk melakukannya:
1. 1. Prepare an image , can be JPG or PNG format. Siapkan gambar, bisa JPG atau PNG format. I suggest PNG format because its size will be smaller by a 4:1 ratio. Saya sarankan format PNG karena ukurannya akan lebih kecil dengan rasio 4:1. It means that a 10 Kb JPG image will be a 2.5 Kb in PNG format. Ini berarti bahwa gambar JPG 10 Kb akan menjadi 2,5 Mb dalam format PNG. Also make sure the size is small like 20 x 20 pixels or less, so the file will be smaller in size and won't make your blog loads slower. Juga pastikan ukuran kecil seperti 20 20 piksel atau kurang, sehingga file akan lebih kecil dalam ukuran dan tidak akan membuat beban blog Anda lambat.
If it's difficult for you to edit a small image, you can make a bigger one first, like 200 x 200 pixels or more, and after finish, you can skew it smaller. Jika sulit bagi Anda untuk mengedit sebuah gambar kecil, Anda dapat membuat satu besar pertama, seperti 200 200 piksel atau lebih, dan setelah selesai, Anda dapat condong lebih kecil. Microsoft Paint can do it for you easily. Microsoft Paint dapat melakukannya untuk Anda dengan mudah.
2. 2. Upload the image to an image hosting service, like the free PhotoBucket . Upload gambar ke layanan hosting gambar, seperti gratis Photobucket . Then, obtain the direct link to your image for the next step. Kemudian, mendapatkan link langsung ke gambar Anda untuk langkah berikutnya. You can use another image hosting service if you like, just remember to get the direct link. Anda dapat menggunakan layanan hosting gambar lain jika Anda suka, hanya ingat untuk mendapatkan link langsung.
3. 3. Add this bold tags to your template. Tambahkan tag berani untuk template Anda. To access it, click Untuk mengaksesnya, klik "edit html" in "layout" section. "Edit html" di bagian "tata letak". Put them in head section, between " title " tag and " b:skin " tag. Menempatkan mereka di bagian kepala, antara tag "title" dan "b: skin" tag. If you face difficulties in finding the tag, just use the find tool in your browser. Jika Anda menghadapi kesulitan dalam menemukan tag, hanya menggunakan alat temukan dalam browser Anda. In Mozilla Firefox, the shortcut is ctrl+f. Di Mozilla Firefox, jalan pintas adalah ctrl + f. If you use another browsers, apply with adaptation. Jika Anda menggunakan browser lain, oleskan dengan adaptasi.

<title><data:blog.pagetitle> <title> <data:blog.pagetitle>
<link href=' put the direct URL of your image here ' rel='shortcut icon' type='image/vnd.microsoft.icon'/ > <link href=' menempatkan URL langsung gambar Anda di sini 'rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin> <b:skin>

Save and done! Simpan dan selesai! Visit your blog, open a few tab, and you should see your new icon there. Kunjungi blog Anda, buka beberapa tab, dan Anda akan melihat icon baru Anda di sana. It is very simple, so feel free to try it. Hal ini sangat sederhana, sehingga merasa bebas untuk mencobanya. Any question? Pertanyaan apapun?

Tidak ada komentar: