Cara Mengganti Home dengan Gambar/Simbol Secara Mudah

Cara mudah mengganti tulisan home dengan gambar atau simbol
Mengganti Home dengan Gambar
Memang mempunyai blog dengan tampilan yang wow ..menjadi dambaan semua orang. Sebuah blog yang mempunyai tampilan yang begitu menarik dapat memberikan nuansa yang berbeda dan tidak ditemukan di blog lain selain blog yang kita miliki.

Tampilan sebuah blog memang sangat perlu untuk diterapkan didalam sebuah blog. Namun tentunya kita harus memperhatikan kecepatan loading blog kita. Jangan sampai blog kita menjadi lemot dan lambat hanya dikarenakan dengan tampilan blog yang berlebihan.
Saat ini banyak sekali blogger yang membahas tentang Mempercepat Loading Blog. Silahkan dicari di google dengan cara googling :D .

Tampialan sebuah blog juga menggambarkan karakteristik seseorang yang telah membuat blog tersebut lho. Jadi kita dapat melihat karakteristik seseorang blogger dengan karya yang dituangkan melalui blog. Untuk itu, kali ini dan siang ini, saya akan sedikit share bagaimana cara mengubah home dengan gambar atau simbol.

Namun sebelum saya melanjutkan tips mengubah home dengan gambar, terlebih saya akan sedikit kasih info buat kalian. Buat gambar yang berukuran sama dengan pages atau menu kalian. Secara umum ukuran gambar tidak lebih dari 22x18. Jadi buat gambar yang berbentuk home atau rumah dengan kreasi yang kalian miliki melalui photoshop atau editing lainya.

Setelah selesai membuat, upload gambar tersebut di website kepercayaan kalian. Seperti Photobucket atau yang lain. Pasti semua sudah bisa upload gambar di website tersebut kan ? jadi saya tidak akan bahas bagaimana cara upload gambar disini.

Membuat gambar dengan kreasi sendiri juga berguna untuk kalian yang ingin menampilkan gambar yang sesuai dengan bentuk atau warna Theme / tema blog yang kalian miliki. Karena saya kali ini hanya dapat memberikan gambar yang terbatas jumlahnya dan belum tentu sesuai dengan selera kalian.

Baiklah, untuk itu saya akan mempersingkat waktu berhubung keterbatasan waktu "waktu bayar wanetnya" hehehe ..
Cara berikut sangat mudah diterapkan bagi kalian, baik yang sudah master maupun yang masih newbie seperti saya.
  • Seperti biasa, kalian harus masuk ke Akun Blogger yang kalian miliki
  • Lalu masuk ke Rancangan
  • Lalu cari Edit HTML. Klik tombol tersebut
  • Kemudian jika sudah, maka akan muncul windows atau jendela yang menampilkan script blog kalian
  • Jangan lupa untuk mencentang Ceck Box Expand Widgets. Expand Widgets ini sendiri berfungsi untuk menampilkan semua kode atau script yang terdapat pada blog kalian
  • Lalu, Cari kode berikut dengan menggunakan bantuan Find, dengan cara pencet tombol CTRL+F atu dengan menggunakan tombol F3 pada keyboard komputer kalian.
  • Jika sudah Paste kode berikut tepat didalam kotak Find
<li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>HOME</a></li>
  • Jika kalian tidak menemukan kode seperti diatas, cari kode yang mirip dengan kode diatas.
  • Jika sudah ganti tulisan yang sudah saya cetak Tebal dan berwarna Orange dengan kode di bawah ini
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwpzE6X3WRUV9dq0YLPvovbTKaBmWIQ7Thd_IMqlHq_J5KzsU2R55wU9aJFIncvQsOQFCstyhTltRnSY_yNcW94LgwoRCUQ-RUImbbk9Yg5ikhmVxBqOKiNfaWbIAHo4gJnascOegWnlYh/s1600/home+1.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5WLfEiGj_-SfKI87Y7sUNDZUI63kMi7-6kc48QqfRJUyoz9hkHk2p5oCbOvIA9N9JoNzBIV5o78JZdkSVNYUwIC_WdgGLyWNrCm2Eb685gmvdLzs_tSZfR3WoRbtIS9ebc4nQ4GVuR2kO/s1600/home+2.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAPMavj4FFAU_l66oWIislr1QDpIDuH0azj2cfSAzgC0ypT6Okn7AI0SnvWOtOvxaI1Xl3BHrqROznMOf6okIMH_GXO2n5ckU_RQwXxOgpDmhc6Oq_6MaFSiPTlAlatglYR7xzlseOZvJ/s1600/home+3.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UWsCnIuBi576Z9BDb3SdbZPp64KPPLErh0_RD09cosDhjKJAlKXLWohkm9WYwIzK8ZXX_dbcb9sEVlMcucLWgsaKdbiJ6Fz62Tl1gdTtExkHKzW9XAjfm69mmbsMx234sVBG2fwq81hS/s1600/home+4.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2SBvru7T3uEb_ANKb62QLk3T0eGSyeMx733jDlsROULersyoZwaYJkCGAgaU4M6uRz5Oa9tL-CpF1xPGqkuaEznNt7TPWMHqnPtdSrh_TzfeWCtBPZxj6sgbUqfdPbUHrSNjklG1KY-ZQ/s1600/home.png' style='padding:0px;'/>
  • Ganti kode yang sudah saya beri warna Orange dengan alamat gambar yang sudah kalian upload tadi
  • Jika kalian sudah mengganti kode <li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>HOME</a></li> dengan kode diatas,  klik Pratinjau untuk memastikan usaha kita berhasil. Jika sudah berhasil dan tidak ada yang eror, langsung klik tombol Save Template atau Simpan Template.
Bagaimana ..? mudah kan cara membuat nya.

sumber : http://maslukmanblog.blogspot.com/2013/03/cara-mengganti-home-dengan-gambarsimbol.html