Judul : Cara Mudah Mengganti Warna Template Blog
link : Cara Mudah Mengganti Warna Template Blog
Cara Mudah Mengganti Warna Template Blog
Kali ini saya akan menyebarkan trik rahasia dalam mengganti warna template sebuah blog. Namun perlu diingat, karena sebenarnya beberapa template bahkan memiliki hak cipta, jika anda hanya memakai template dengan hak cipta tersebut secara gratis, disarankan untuk tidak berlebihan mengubah tampilan atau konten asli yang ada di template tersebut (selain widget) karena bisa jadi anda dapat berurusan dengan si pembuat template. Karena biasanya template berbayar sudah diizinkan oleh pemiliknya untuk mengutak-atik template tersebut.
 |
| Color's HTML Codes |
Terkait dengan warna template blog memang terkadang kita merasa jenuh dengan warna yang statis dan itu-itu saja sehingga blog kita semakin lama terkesan tidak lagi hidup. Atau ketika kita tertarik dengan sebuah template gratisan karena mungkin tata letaknya yang pas dengan yang kita inginkan atau tampilan fisiknya yang menurut kita sempurna, namun stuck ketika melihat warna tampilan blog tersebut yang statis atau tidak sesuai dengan warna yang kita inginkan, Maka yang bisa kita lakukan adalah mengubah sendiri warna background template tersebut sesuai dengan selera kita
Karena tidak mungkin kita meminta si pembuat atau penyebar template mengganti warna background sesuai yang kita inginkan, maka hal pertama yang harus kita lakukan adalah mengunduh template tersebut dan menerapkannya ke blog anda dengan klik cadangkan/pulihkan di bagian menu "Template" di dashboard akun blogspot anda, lalu file template yang diunduh tadi lalu upload sekaligus diterapkan ke blog anda. Coba anda cek kembali blog anda yang telah menggunakan template itu, apakah sudah yakin ingin mengganti warna background template tersebut? Apalagi menimbang bahwa si pembuat template pastinya sudah membuat template tersebut dengan komposisi warna dan konten lainnya sehingga cocok.
Namun jika anda sudah benar-benar merasa tidak cocok dan ingin mengganti warna background tersebut sesuai dengan selera anda, maka anda dapat mengganti warna tersebut dengan langkah-langkah dibawah ini. Oh iya, sebenarnya trik ini merupakan trik rahasia karena menggantinya mirip dengan fitur "Find and Replace" pada aplikasi Microsoft Word sehingga tidak perlu menggantinya satu persatu. Berikut merupakan caranya.
1. Buka dashboard akun blogspot anda, masuk ke menu template dan klik Edit HTML.
2. Setelah itu, klik pada kotak yang berisikan kode HTML.
3. Lalu di keyboard secara bersamaan tekan hotkeys Ctrl+Shift+R.
4. Muncullah sebuah kotak yang mirip kotak pencarian, tinggalkan sejenak dashboard akun blogspot.
5. Sekarang kita menuju blog anda dengan membuka link, misalnya diketemukan.blogspot.com.
6. Saya akan mencontohkan blog saya sendiri. Warna background template blog saya adalah putih. Kita akan bermain kode hexagonal warna. Maksudnya adalah di dunia maya penampilan warna bisa diwakili oleh sebuah kode. Tidak jauh beda dengan tampilan template blog yang kita pakai sebenarnya dibentuk dari serangkaian atau kumpulan kode HTML, bahkan gambar pun bisa dibentuk dari sebuah kode HTML. Artinya karena kita tahu di dunia maya sebuah tulisan setelah dipublikasikan bisa menjadi sesuatu yang kita inginkan.
7. Lanjut ke topik, saya mencontohkan warna template yang saya gunakan adalah dominan putih. Kode hexagonal untuk warna putih yang murni (bukan mendekati bening ataupun putih menuju gelap) adalah #ffffff. Jika warna background template blog anda bukan putih, anda bisa menyesuaikannya dengan mencarinya di Google.
8. Namun cara mencari kode hexagonal warna seperti pada tahap ke 7 tidak efektif. Untuk lebih spesifik, kita membutuhkan aplikasi pihak ketiga yaitu Adobe Photoshop (atau aplikasi desain lainnya yang bisa memperlihatkan kode hexagonal suatu warna). Versi Adobe Photoshop yang saya sarankan adalah CS3 atau diatasnya, karena pengambilan kode hexagonal warna lebih mudah dilakukan.
9. Printscreen tampilan blog anda dengan memencet tombol "PrtSc" di keyboard anda.
10. Masukkan ke Adobe Photoshop tadi dengan ditempelkan (paste) di dokumen baru. Lalu muncul gambar tampilan blog anda.
11. Klik pada menu samping "Eyedropper Tool" atau pencet I.
12. Klik kanan pada bagian warna background atau objek dari templatenya yang akan di ganti pada blog anda. Agar lebih detail dan spesifik saya sarankan untuk memperbesar tampilan (zoom in) gambar di Adobe Photoshop terlebih dahulu sebelum klik kanan.
12. Pilih "Copy Color as HTML".
13. Buka notepad, tempelkan (paste/Ctrl+V) kode warna yang di salin tadi ke notepad. Saya akan mencontohkan jika objeknya header berwarna hitam setelah ditaruh di notepad akan bertuliskan color="#000000". Maka kode HTML untuk warna hitam adalah 000000, ambil kode warna itu (terserah mau dihafalkan atau di salin/copy)
14. Masuk ke dashboard, masukkan kode warna hitam / 000000 ke kotak pencarian "Replace all". Pencet Enter SATU KALI.
15. Kembali lagi ke Adobe Photoshop, kali ini anda harus mencari kode warna objek pengganti warna sebelumnya. Caranya buka Color Picker, lebih jelasnya Color Picker terdapat pada Pen Tool (P) atau Horizontal Type Tool (T) atau Rectange Tool (U) atau Notes Tool (N) pokoknya salah satu menu yang didalamnya terdapat pilihan Color Picker. Jika ingin lebih cepat, klik saja warna yang ada di bagian bawah menu samping, keluarlah Color Picker.
16. Pilih dan klik warna yang anda anggap cocok menggantikan warna objek sebelumnya. Agar lebih mudah dalam menentukan warna yang akan diambil, centang pada opsi "Only Web Colors". Jika sudah, lihat di bagian bawah jendela Color Picker terdapat kolom #, itulah kode warnanya. Misalnya saya akan mengganti dengan warna putih, kode warnanya adalah ffffff.
17. Copy kode warna tersebut ke bagian kotak pencarian "with" di dashboard anda. Pencet Enter sekali lagi. Lakukan hal serupa untuk mengganti warna objek-objek lain yang berbeda di background template misalnya body, menu, footer dan lain sebagainya.
18. Save template tersebut. Coba lihat kembali blog anda. Jika masih kurang cocok dengan warna objek yang muncul, silahkan lakukan langkah dari awal lagi.
Oke sekian dulu tutorial saya kali ini, lebih lengkapnya bisa baca post saya selanjutnya tentang "Kustomisasi Warna Background Template Blog".
Wassalamualaikum Wr.Wb.
Karena tidak mungkin kita meminta si pembuat atau penyebar template mengganti warna background sesuai yang kita inginkan, maka hal pertama yang harus kita lakukan adalah mengunduh template tersebut dan menerapkannya ke blog anda dengan klik cadangkan/pulihkan di bagian menu "Template" di dashboard akun blogspot anda, lalu file template yang diunduh tadi lalu upload sekaligus diterapkan ke blog anda. Coba anda cek kembali blog anda yang telah menggunakan template itu, apakah sudah yakin ingin mengganti warna background template tersebut? Apalagi menimbang bahwa si pembuat template pastinya sudah membuat template tersebut dengan komposisi warna dan konten lainnya sehingga cocok.
Namun jika anda sudah benar-benar merasa tidak cocok dan ingin mengganti warna background tersebut sesuai dengan selera anda, maka anda dapat mengganti warna tersebut dengan langkah-langkah dibawah ini. Oh iya, sebenarnya trik ini merupakan trik rahasia karena menggantinya mirip dengan fitur "Find and Replace" pada aplikasi Microsoft Word sehingga tidak perlu menggantinya satu persatu. Berikut merupakan caranya.
1. Buka dashboard akun blogspot anda, masuk ke menu template dan klik Edit HTML.
2. Setelah itu, klik pada kotak yang berisikan kode HTML.
3. Lalu di keyboard secara bersamaan tekan hotkeys Ctrl+Shift+R.
4. Muncullah sebuah kotak yang mirip kotak pencarian, tinggalkan sejenak dashboard akun blogspot.
5. Sekarang kita menuju blog anda dengan membuka link, misalnya diketemukan.blogspot.com.
6. Saya akan mencontohkan blog saya sendiri. Warna background template blog saya adalah putih. Kita akan bermain kode hexagonal warna. Maksudnya adalah di dunia maya penampilan warna bisa diwakili oleh sebuah kode. Tidak jauh beda dengan tampilan template blog yang kita pakai sebenarnya dibentuk dari serangkaian atau kumpulan kode HTML, bahkan gambar pun bisa dibentuk dari sebuah kode HTML. Artinya karena kita tahu di dunia maya sebuah tulisan setelah dipublikasikan bisa menjadi sesuatu yang kita inginkan.
7. Lanjut ke topik, saya mencontohkan warna template yang saya gunakan adalah dominan putih. Kode hexagonal untuk warna putih yang murni (bukan mendekati bening ataupun putih menuju gelap) adalah #ffffff. Jika warna background template blog anda bukan putih, anda bisa menyesuaikannya dengan mencarinya di Google.
8. Namun cara mencari kode hexagonal warna seperti pada tahap ke 7 tidak efektif. Untuk lebih spesifik, kita membutuhkan aplikasi pihak ketiga yaitu Adobe Photoshop (atau aplikasi desain lainnya yang bisa memperlihatkan kode hexagonal suatu warna). Versi Adobe Photoshop yang saya sarankan adalah CS3 atau diatasnya, karena pengambilan kode hexagonal warna lebih mudah dilakukan.
9. Printscreen tampilan blog anda dengan memencet tombol "PrtSc" di keyboard anda.
10. Masukkan ke Adobe Photoshop tadi dengan ditempelkan (paste) di dokumen baru. Lalu muncul gambar tampilan blog anda.
11. Klik pada menu samping "Eyedropper Tool" atau pencet I.
12. Klik kanan pada bagian warna background atau objek dari templatenya yang akan di ganti pada blog anda. Agar lebih detail dan spesifik saya sarankan untuk memperbesar tampilan (zoom in) gambar di Adobe Photoshop terlebih dahulu sebelum klik kanan.
12. Pilih "Copy Color as HTML".
13. Buka notepad, tempelkan (paste/Ctrl+V) kode warna yang di salin tadi ke notepad. Saya akan mencontohkan jika objeknya header berwarna hitam setelah ditaruh di notepad akan bertuliskan color="#000000". Maka kode HTML untuk warna hitam adalah 000000, ambil kode warna itu (terserah mau dihafalkan atau di salin/copy)
14. Masuk ke dashboard, masukkan kode warna hitam / 000000 ke kotak pencarian "Replace all". Pencet Enter SATU KALI.
15. Kembali lagi ke Adobe Photoshop, kali ini anda harus mencari kode warna objek pengganti warna sebelumnya. Caranya buka Color Picker, lebih jelasnya Color Picker terdapat pada Pen Tool (P) atau Horizontal Type Tool (T) atau Rectange Tool (U) atau Notes Tool (N) pokoknya salah satu menu yang didalamnya terdapat pilihan Color Picker. Jika ingin lebih cepat, klik saja warna yang ada di bagian bawah menu samping, keluarlah Color Picker.
16. Pilih dan klik warna yang anda anggap cocok menggantikan warna objek sebelumnya. Agar lebih mudah dalam menentukan warna yang akan diambil, centang pada opsi "Only Web Colors". Jika sudah, lihat di bagian bawah jendela Color Picker terdapat kolom #, itulah kode warnanya. Misalnya saya akan mengganti dengan warna putih, kode warnanya adalah ffffff.
17. Copy kode warna tersebut ke bagian kotak pencarian "with" di dashboard anda. Pencet Enter sekali lagi. Lakukan hal serupa untuk mengganti warna objek-objek lain yang berbeda di background template misalnya body, menu, footer dan lain sebagainya.
18. Save template tersebut. Coba lihat kembali blog anda. Jika masih kurang cocok dengan warna objek yang muncul, silahkan lakukan langkah dari awal lagi.
Oke sekian dulu tutorial saya kali ini, lebih lengkapnya bisa baca post saya selanjutnya tentang "Kustomisasi Warna Background Template Blog".
Wassalamualaikum Wr.Wb.
Demikianlah Artikel Cara Mudah Mengganti Warna Template Blog
Sekianlah artikel Cara Mudah Mengganti Warna Template Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Mudah Mengganti Warna Template Blog dengan alamat link https://sebuahteknologi.blogspot.com/2015/05/cara-mudah-mengganti-warna-template-blog.html