Perbedaan instruksi HTML pada setiap Template blog sering kali menciptakan resah kita yang ingin memodifikasi tampilan blog kita sendiri, bermacam tutorial di internet tidak mesti sanggup diterapkan di template kita, hal ini saya alami saat ingin merubah warna sajian home template blog saya Vikka Fast and Responsive Blogger Template yang mempunyai warna yang sama di setiap kategori menunya, kebetulan saya ingin menggandakan tampilan template blog lain yang pada sajian homepage nya mempunyai warna yang berbeda dari kategori sajian lainnya (warna tunggal), hari demi hari browsing nyari tutorial wacana bagaimana cara mengganti warna sajian navigasi hanya pada sajian homepage nya saja, namun hasilnya nihil, tidak ada satupun tutorial yang menjelaskan bagaimana caranya, mungkin alasannya ini hanya duduk perkara sepele saja. Karena cukup lelah saya mencari kesana-kemari dan tidak membuahkan hasil, kesannya saya memberanikan diri untuk bertanya pada Mbak Arlina yang menciptakan template Vikka Fast and Responsive Blogger Template ini. Hari berganti hari saya mantengin lembaga Disqus blognya Mbak Arlina dengan keinginan mbak Arlina menjawab pertanyaan saya, hingga tiga kali saya repost pertanyaannya,tetap hasilnya pun nihil, hingga kini pun tidak ada balesan tanggapan dari Mbak Arlina. Hmmm, andai saja mbak Arlina membaca artikel ini, saya harap Mbak Arlina sanggup memperlihatkan tanggapan atau alasan kenapa tidak menjawab pertanyaan saya, hehe.
Sudah tidak ada jalan lain lagi, selain melaksanakan eksperimen sendiri, dalam hati saya pun berkata: ingin tau banget sumpah gimana sih caranya ngerubah warna sajian navigasi homepagenya, niscaya ada caranya ini, cuman belum ketemu aja instruksi nya. Kebetulan saya mempunyai sebuah blog lain yang sering saya utak-atik untuk materi percobaan, jadi jikalau ada kesalahan tinggal upload lagi file .xml template Vikka nya. Setiap hari saya uji coba beberapa instruksi "main navigation"nya, namun berbagai kegagalan dan kesalahan yang saya lakukan dalam memodifikasi kodenya. Alhasil template blog uji cobanya jadi berantakan, hehe. Gagal coba lagi, gagal coba lagi, gitu terus setiap hari. Blog utama pun jadi mandul, alasannya gak update artikel. Sempat putus asa alasannya gagal terus, kesannya saya tinggalkan eksperimennya, dan lanjut bikin artikel lagi. Tidak disangka beberapa hari lalu penyakit penasarannya kumat lagi, jadi gak fokus nulis artikel. Akhirnya saya lanjutkan eksperimennya, dengan tekad yang lingkaran dan niat yang serius kesannya hari itu juga saya menemukan bagaimana cara merubah warna sajian navigasi homepage nya, alhamdulilllaaaaaahhh seneng dan legaaa banget rasanya, ada rasa besar hati sanggup menemukan dan menciptakan instruksi nya sendiri berkat hasil uji coba, dan ternyata instruksi nya sangat mudah buanget, cuman dikit. Bagi teman yang ingin mengetahui caranya, yuk simak tutorialnya.
Sebelumnya teman harus mengetahui terlebih dahulu ID dari "Main Navigation/ Menu Navigasi" template blog sobat, setiap template berbeda ID nya, pola ID main navigation template saya adalah
#navi-arlina, setelah ketemu ID main navigation template sobat, kini copy instruksi CSS di bawah ini dan pastekan sempurna diatas kode ]]></b:skin>.#navi-arlina li span.home {display:block;background:#FF7519}
Kode yang saya warnai merah merupakan ID main navigation dari template saya, ganti dengan ID main navigation template sobat, berikutnya instruksi yang saya warnai biru merupakan instruksi warna dari sajian navigasi homepage saya, ganti sesuai dengan warna yang teman inginkan, untuk menentukan warnanya, teman sanggup kunjungi color-hex.com. Kode CSS diatas saya dapatkan menurut instruksi HTML sajian homepage template saya menyerupai di bawah ini:
<li><span class='home'><a expr:href='data:blog.homepageUrl'>HOME</a></span></li>
Untuk merubah warna sajian navigasi homepagenya pada dasarnya ada pada
ID main navigation, li, span, dan home. Apakah instruksi HTML homepage template saya sama dengan punya sobat? Jika sama, berarti teman tinggal copas aja instruksi CSS diatas ke dalam template sobat, namun ingat, ganti dulu ID main navigation nya menyerupai yang sudah saya jelaskan diatas. Selamat mencobanya sob, jikalau ada hambatan seputar duduk perkara diatas, teman sanggup tanyakan pada kolom komentar di bawah artikel ini. Terima kasih sudah berkunjung di blog saya, hingga jumpa di artikel lainnya.