Skip to main content

Cara Mengganti Icon/Gambar Address Bar Di Blog



Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon kecil pada address bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

lalu dibarengi dengan alamat blognya.

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

Setelah itu .....
masuk ke "Tata Letak --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>
<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :
<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>


Ganti huruf yang berwarna Hijau dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.
contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :
  1. Login ke picasa dengan account google di http://picasaweb.google.com
  2. Tekan tombol I accept.
  3. Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
  4. Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
  5. Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
  6. Tekan tombol browse dan arahkan pada file yang akan anda upload
  7. Tekan tombol start upload untuk menguploadnya ke dalam server picasa
  8. Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
  9. Klik kanan gambar tersebut dan pilih properties.
  10. Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
  11. Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
  12. Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
  13. Lakukan hal yang sama untuk gambar2 yang lain


atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif


Sumber Klik Disini

Labels:

Comments

Post a Comment

Jangan Lupa Tinggalkan Komentarnya Gan

Popular posts from this blog

Memilih Antara Sekolah Swasta dan Sekolah Negeri: Pertimbangan Orangtua dalam Pendidikan Anak

Pendidikan adalah salah satu aspek paling penting dalam perkembangan anak-anak kita. Sejak dini, kita sebagai orangtua dihadapkan dengan pilihan yang signifikan: memilih antara sekolah swasta dan sekolah negeri untuk anak-anak kita. Keputusan ini seringkali tidak mudah, karena melibatkan banyak faktor yang harus dipertimbangkan secara cermat. Dalam artikel ini, kita akan menjelajahi berbagai pertimbangan yang sering menjadi dasar pilihan orangtua, serta analisis mendalam mengenai perbedaan, kelebihan, dan kelemahan dari kedua jenis pendidikan ini. Perbedaan Antara Sekolah Swasta dan Sekolah Negeri Sebelum kita memasuki pembahasan lebih mendalam, ada baiknya untuk memahami secara jelas perbedaan mendasar antara sekolah swasta dan sekolah negeri. 1. Pendanaan dan Kepemilikan: Sekolah Negeri: Didanai dan dioperasikan oleh pemerintah setempat atau pemerintah pusat. Mereka biasanya tidak mengenakan biaya pendidikan (atau mengenakan biaya yang sangat terjangkau) dan didirikan untuk memastik...
Post a Comment
Read more

Navigating the Uncharted Waters: Unique Mental Health Challenges Faced by Young Muslims

Mental health awareness has gained prominence in recent years, shedding light on the diverse challenges faced by different communities. For young Muslims, there are distinctive mental health hurdles that often go unnoticed. As they balance their faith, cultural backgrounds, and the demands of modern society, young Muslims encounter a unique set of challenges that impact their mental well-being. This article explores some of these challenges and offers insights into addressing them. Islamophobia and Discrimination One of the prominent challenges young Muslims face is Islamophobia and discrimination. The rise of hate crimes, negative media portrayals, and cultural bias can lead to feelings of isolation and anxiety among young Muslims. Experiencing discrimination can undermine their self-esteem and contribute to heightened stress levels. Identity Confusion Navigating the complexities of identity is a common struggle for young Muslims. They often grapple with questions about their...
Post a Comment
Read more

Kepemimpinan Perempuan dalam Sejarah Peradaban Islam: Inspirasi dari Para Pahlawan

Sejarah peradaban Islam yang kaya tidak hanya melibatkan figur-figur laki-laki yang terkenal, tetapi juga banyak wanita yang memainkan peran penting dalam menginspirasi dan membentuk masa depan umat Islam. Kepemimpinan perempuan dalam sejarah Islam tidak hanya mencakup peran sebagai ibu, istri, atau sahabat, tetapi juga sebagai pemimpin politik, ilmuwan, filosof, dan aktivis sosial yang berpengaruh. Berikut beberapa contoh nyata dari kepemimpinan perempuan dalam sejarah peradaban Islam: 1. Aisyah binti Abu Bakar Aisyah binti Abu Bakar adalah istri Nabi Muhammad SAW yang memiliki peran penting dalam menyebarkan dan mengajarkan hadis-hadis Nabi. Dilahirkan sekitar tahun 614 Masehi, Aisyah dikenal karena kecerdasannya dalam memahami ajaran Islam dan berbagai aspek kehidupan pada masa itu. Dia menikah dengan Nabi Muhammad pada usia muda dan menjadi salah satu istri yang paling dekat dengannya. Selain sebagai istri dan teman setia Nabi, Aisyah juga dikenal sebagai seorang pendidik dan cende...
Post a Comment
Read more