Civitas Virtual SMP Negeri 2 Batangan Media Edukasi Informasi Komunikasi Akademika-----> (Smart, Kreatif, Inovatif, Unggul, Tangguh, Religius)

Animasi KURSOR

Kamis, 27 November 2014

Cara Mengganti Home dengan Gambar/Simbol Secara Mudah

Cara Mengganti Home dengan Gambar/Simbol Secara Mudah

Cara mudah mengganti tulisan home dengan gambar atau simbol
Mengganti Home dengan Gambar
Cara Mengganti Home dengan Gambar/Simbol Secara Mudah - 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 .

Jangan Lupa Baca Postingan Tentang :
  1. Cara Memasang Meta Tag Seo Friendly
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 bagaimanacara 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 WidgetsExpand Widgets ini sendiriberfungsi untuk menampilkan semua kode atau script yang terdapat pada blog kalian
  • Lalu, Cari kode berikut dengan menggunakan bantuan Find, dengan cara pencet tombolCTRL+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/AVvXsEjqLVjXbkO2Jv5dZDYBA7-aX_JD62fXTMANQ_xjIDjyOPQDJgScvKzTOCWlm0WH8KgWuDlYN_yQHkkGvuFSkRY3rRJ3w5CckH_K1GXLup2Q9HunMSeeF7sSJ7jCXKSovZN71f1gyvdiZIfG/s1600/home+1.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYIEdteala5-t6USmjDXkS4PggQQRly0Pvsubeh0DzZCebGtATP46Zb1eHCoa6iZk451qH0QmkS_Q4Hkm2kZU2T_NpkGqDdpGkDOLsTBSWoFQLibfixiFAcZtt5XW3V47mtJU9xE3OzOf/s1600/home+2.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6T6hLip7FZM6ODxbiSYl-QfdWWVkr_yULaAI7Iy30nLxf7wA3c8Vd424W35H2omiAXWoaDXnGFNaa-1Y3qawZD0zTNppZC0QI_6Jmgqh3UmnxE_FYSCrqrz2pQbCnzaW5n_8GnTxSLae8/s1600/home+3.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjrD2ZYMz49tLR6GUQu0ph9RrVjQkUqcQKrTZ8Kpp3j0a3x4To0kBw59LaKoHE0CWOqZk1c-ItTEOoTw9FuSupCsmU8Ua73tMTl3cJohBoTwr9qxKC07fmKW1HFqF0FhvQxV35k0zvjLsf/s1600/home+4.png' style='padding:0px;'/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2g3v0u5oSijqaOC_1aTC2t6ATNvwyURmh95XIJ3jpusE-N_KR9WHUCjr_Cydey5cdHygIG5sk2FiPeaUBAyAgB25y52n_nG1B6KUl5lA7gEQEj6SxFhdbrejTklRRBkH8jtl9qOUzPjb/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,  klikPratinjau 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. Jadi untuk itu saya akan pamit untuk pulang. hehehe
Semoga bertemu kembali dengan informasi yang mungkin menarik dan bermanfaat untuk kalian lalu temukan semua informasi yang menarik dan tentunya bermanfaat di blog ini dan belajar bersama BLognya Mas Lukman.

Terima kasih telah datang, jangan lupa memberi kan tombol + pada blog ini dengan memencet tombol Google+ dibawah untuk kalian yang mempunyai akun google. Demi untuk mendukung blog ini lebih maju.

0 komentar:

Posting Komentar