Lompat ke konten Lompat ke sidebar Lompat ke footer

CARA MERUBAH WARNA BECKROUND BACK TO TOP TEMPLATE BAWAAN BLOGSPOT

 



Menggunakan template bawaan untuk blog pribadi adalah pilihan utama bagi blogger apalagi pendatang baru seperti kami

Menurut kami template bawaan dari blogspot sudah sangat bagus mulai dari tampilan desain dan fitur fitur nya juga sangat bagus.

Nah.. kebetulan disini kami sendiri menggunakan template contempo dan Emporio dan sempat juga mencoba Notable Namun pada akhirnya pilihan terakhir kami jatuh hati dengan design dan tampilan yang ditawarkan Emporio selain terkesan bersih juga elegan.. tapi ini kembali lagi ke selera masing-masing.

Setelah di terapkan di blog tampilan nya sangat manis.. dengan sidebar di kiri dan sangat user friendly bagi pengguna Android namun ada sedikit yang mengganjal dihati Karena belum ada tombol navigasi back to top pada halaman blog

Akhirnya kamipun Memasang tombol back to top di template Emporio dan hasilnya sangat cantik dan smooth namun setelah dipasang ada yang agak aneh yaitu warna back to topnya merah sedangkan warna bawaan untuk template Emporio secara default adalah hijau muda 

Nah untuk menyesuaikan itu kami pun memutuskan untuk berubah warna background back to top nya agar serasi dengan warna dominan di template Emporio yakni putih dan hijau.

Oh..iya di sini kami hanya menggunakan hp android untuk melakukan pengeditan html nya dan hasilnya sama dengan menggunakan pc namun agak sedikit susah menemukan kode di halaman edit html karena kita mencarinya secara manual.


Langkah langkah nya sebagai berikut

  • Masuk ke halaman blogger setelah di dashboard blogger kita pilih tema 
 

  • Selanjutnya klik edit html seperti gambar dibawah ini



  • Setelah di halaman edit html silahkan cari code  ini
<Variable name="keycolor" description="Main Color" type="color" default="#8abc0d" value="#729c0b"/ <Variable name="startSide" 



  • Setelah ketemu kode warna seperti gambar di atas langsung saja  copy kode warna yang yang kami tandai merah tersebut
  • Selanjutnya scrool ke bawah dan cari code cssnya  yang terletak atas </b:skin>



  • Setelah ketemu script back to top nya silahkan hapus kode warna yang di lingkari warna merah seperti gambar diatas  dan pastekan kode warna yang sudah di copy sebelumnya
  • Intinya samakan kode warna yang di Main Color" type="color" default="# dengan kode warna di script back to top yang terletak di atas </b:skin>
  • Langkah terakhir jangan lupa save
 Sekarang coba cek blognya pasti warna beckround back to top nya sudah sama dengan warna template nya 

Dan trik ini sudah kami coba di template

  1. Contempo
  2. Soho
  3. Emporio
  4. Notable
Hasilnya work 100%

 Semoga postingan ini ada manfaatnya dan bisa di terapkan triknya bagi yang sedang mencari referensi cara mengganti warna background back to top pada template bawaan blogspot.

Jika berkenan tinggalkan pesan di kolom komentar entah itu masukkan ataukah kritikan kamu akan sangat senang.



1 komentar untuk "CARA MERUBAH WARNA BECKROUND BACK TO TOP TEMPLATE BAWAAN BLOGSPOT"