Cara Termudah Mengganti Warna Background Template Blog Dengan Photoshop

Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop- Kenyamanan pengunjung dalam membaca artikel blog kita merupakan hal yang sangat penting para Blogger utamakan. Banyak faktor yang menciptakan pengunjung nyaman ketika berkunjung di blog kita, salah satu diantaranya ialah kombinasi warna blog yang kita suguhkan. Sahabat Blogger, kalau Anda ingin mengubah warna background pada tempalate blog menyerupai mengganti warna background blog utama, warna background sajian header, sidebar, footer, warna link, dan warna-warna lainnya di blog, maka Anda sanggup dengan gampang menggantinya dengan proteksi perangkat lunak editor Photoshop. Sebenarnya mengganti warna background blog dengan cara manual pun sanggup dilakukan, namun untuk mengetahui aba-aba warna di tempalte blog yang akan diganti memang harus dilakukan dengan sangat teliti supaya tidak terjadi kesalahan sasaran penggantiannya. Kaprikornus ada baiknya dalam mengubah warna blog, Anda memakai photoshop.

Sahabat Blogger, dalam pembahasan di sini saya akan memberikan cara mengganti aneka macam warna tempalte blog, khususnya pada dashboard/dasbor Blogger, walaupun bekerjsama di dasbor platform lain pun pada dasarnya caranya sama.

Cara Mengganti Warna Background Blog di Photoshop
Sebelum mengganti warna background blog tentunya Anda harus mengetahui dulu aba-aba warna yang ketika ini diterapkan/dipakai di blog Anda. Nah untuk mengetahuinya, maka cara praktisnya ialah buka atau kunjungi blog Anda. Sebagai contoh, saya akan mengganti warna background blog Infocarabisnis.com, maka saya harus mengunjungi blog tersebut dan juga membuka photoshop ( boleh membuka blog dulu lalu buka photoshop dan sebaliknya, alasannya ialah pada dasarnya melaksanakan screenshot blog ke photoshop ).

1. Buka blog yang akan diganti warna backgroundnya

Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop
 Background Blog

Background blog Infocarabisnis.com berwarna biru, namun saya sendiri lupa dengan aba-aba warna biru yang kupakai sebagai warna background blog tersebut, untuk mengetahui aba-aba warna background tersebut, maka saya melanjutkan pencarian aba-aba warna dengan cara yang ke-2 di bawah ini.

2. Menekan tombol CTRL + PRTSC SYSRQ
Setelah blog Infocarabisnis.com saya buka, selanjutnya saya melaksanakan screenshot dengan cara menekan tombol CTRL dan PRTSC SYSRQ di keyboard PC/Komputer/Laptop secara bersamaan ( kalau di keyboard PC/Laptop Anda tidak ada tombol PRTSC SYSRQ, maka silakan tekan control + tombol apa saja yang penting fungsinya sama yakni melaksanakan screenshot gambar di halaman komputer ).

3. Buka Photoshop
Silakan Anda membuka Adobe Photoshop/Photoshop  CS3/Photoshop CS4 atau CS lainnya tidak persoalan alasannya ialah dasarnya sama. Pada tutorial ini kebetulan saya memakai Adobe Photoshop CS3.
Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop
Adobe Photoshop

Setelah Photshop terbuka, lalu klik "File" dan "New", maka akan tampil menyerupai screenshot di bawah ini:

Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop

Untuk form name/nama secara default bertuliskan Untitled-1, goresan pena tersebut boleh diganti dengan nama sesuai keinginnan Anda, dan kalau tidak diganti pun tidak masalah, jadi baik form name diganti atau tidak itu tidak besar lengan berkuasa apa pun, hanya saja kalau Anda ingin menyimpan screenshotnya ke dalam file maka sebaiknya kasih nama supaya gampang mengingat/mencarinya. Langkah selanjutnya yaitu mengeklik tombok "OK" sehingga akan ada tampilan layar kosong di photoshop tersebut. Untuk screenshot layar kosong tidak saya tampilkan di halaman ini alasannya ialah meruapakan hal yang sudah maklum.

4. Setelah tampil layar kosong, silakan Anda tekan control V / tekan tombol CTRL dan V di keyboard PC/Laptop Anda. ( ingat : pastikan pada langkah 2 sudah Anda lakukan )

Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop
  • #1. arahkan ujung crusor simbol pensil ke arah warna manapun yang ingin Anda ketahui aba-aba warnanya. Pada contoh, saya mengarahkan ke warna background blog Infocarabisnis.com yang berwarna biru.
  • #2. Klik kotak kecil/persegi yang warnanya tentunya sudah sama atau dalam kata lain sudah berubah sesuai warna yang ditunjuk oleh ujung crusor pensil tersebut. Dalam pola ini warna biru sama dengan biru yang ditunjuk oleh crusor simbol ujung pensil.
5. Copy Kode Warna yang akan diganti

Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop

  • #1. Setelah Anda mengeklik persegi menyerupai pada langkah ke-4, maka Anda akan mendapat aba-aba warnanya. Dalam hal ini saya mendapat aba-aba warna biru #97D7e1
  • #2. Silakan copy aba-aba warna tersebut, lalu pastekan di daerah lain, contohnya di microsoft office word. Biarkan dulu aba-aba warna tersebut parkir di word.
Cara mencari/mendapatkan aba-aba warna yang akan dijadikan pengganti warna background blog
  • #3. Seperti yang ditunjuk pada simbol telunjuk tangan di atas ialah pilihan aneka macam jenis warna, kalau Anda ingin mengetahui aba-aba warna apa pun, silakan geser crusor sesuai dengan warna yang Anda inginkan, maka di kolom telunjuk nomor 1 akan ada aba-aba warnanya, lalu copy dan pastekan di word
  • #4. Simbol yang ditunjuk oleh telunjuk nomor 4 ialah alternatif untuk menggeser jenis warna yang fungsinya sama dengan fungsi yang ditunjuk oleh telunjuk 3, aba-aba warnanya pun sanggup Anda dapatkan di kolom telunjuk 1.
Selain cara mendapat aba-aba warna dengan menggunakan  photoshop, Anda juga sanggup mendapat aba-aba warna dengan mengunjungi situs-situs yang menyediakan aba-aba warna, salah satu web penyedia aba-aba wana  yaitu wikipedia.org, silakan klik Daftar Lengkap Kode Warna

Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop
Daftar Kode Warna

Shabat Blogger, sehabis Anda mengetahui aba-aba warna background blog yang akan diganti (contoh aba-aba warna biru : 97b7e1 ) dan sudah menemukan aba-aba warna penggantinya ( pola aba-aba warna hijau : 20b2aa ), maka silakan Anda lanjtkan proses penggantian warna background blog ke langkah yang ke-6 di bawah ini.

6. Kunjungi www.blogger.com
Untuk mengubah warna background blog, anda harus login di blogger.com, sehabis masuk di dasbor blogger, silakan Anda mengeklik "template" lalu klik "edit HTML"
    Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop

    7. Lakukan Replace Kode Warna
    Setelah tampilan di laptop/komputer Anda sudah muncul halaman edit HTML, silakan crusornya geser/arahkan sempurna di halaman yang berisi aneka macam macam kode-kode HTML dan lain-lain tersebut
    ( peletakkan crusornya bebas di mana pun, yang penting masih dalam kotak halaman edit HTML, namun enaknya ya di bab atas ), lalu tekan tombol CTRL + SHIFT + R secara bersamaan sehingga akan muncul goresan pena "Replace all", selanjutnya isi/masukkan aba-aba warna bakcground usang di kolom replace all tersebut (pada pola di bawah ini saya memasukkan aba-aba 97b7e1), lalu klik/tekan tombol "ENTER".
    Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop
    8. Masukkan aba-aba warna pengganti warna background blog
    Setelah Anda mengeklik "ENTER" menyerupai keterangan pada langkah ke-7 di atas, maka akan ada tampilan menyerupai screenshot di bawah ini.

    Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop

    Masukkan aba-aba warna pengganti di kolom "with" ( pada pola di atas, saya memasukkan aba-aba warna hijau : 20b2aa ), lalu tekan "ENTER".

    9. Simpan template blogger
    Setelah aba-aba warna pengganti sudah masuk ke halaman edit HTML, silakan klik "Simpan template". Selesai


    10. Contoh tampilan blog Infocarabisnis yang sudah dianti warna backgroundnya :

    Cara Mengganti Warna Background Template Blog dengan Menggunakan Software Photoshop Cara Termudah Mengganti Warna Background Template Blog dengan Photoshop


    Sahabat Bloger, ternyata mengganti warna background blog itu cukup mudah, namun sebaiknya Anda teliti dulu sebelum mengganti warna background blog, supaya penggantian warnanya sanggup berhasil dengan baik. Mengapa harus hati-hati dan teliti dalam mengganti background blog?, alasannya ialah tentunya antara tempalte blog yang satu dengan lainnya mempunyai penerapan aba-aba warna yang berbeda-beda.

    Misalkan ada tempalte blog yang setelan penerapan warna antara warna  background blog dengan warna link dibentuk sama, warna background sidebar dengan background sajian navigasi diheader dibentuk sama, dan lain sebagainya.

    Kaprikornus pastikan bahwa tujuan Anda mengubah warna background ialah untuk memperindah/mempercantik tampilan blog sehingga pengunjung pun akan semakin betah berlama-lama singgah di blog Anda, jangan hingga warna gres lebih buruk dari warna background yang lama.

    Oh ya sob, cara tersebut ialah cara mengganti background blog kalau memang warna backroundnya ialah warna polos dan memakai aba-aba warna, jadi cara tersebut tidak berlaku untuk penggantian warna background blog yang memakai link url gambar.

    Demikian wacana Cara Mengganti Warna Background  Blog di Photoshop. Di mana cara tersebut di atas cukup gampang dilakukan oleh semua Blogger ( termasuk Blogger pemula ), kalau Blogger yang sudah andal wacana bahasa pemograman mungkin mereka pakai cara lain yang lebih praktis. Bagi para senior Blogger, mohon kasih perhiasan ilmu wacana cara mengganti warna background blog, silakan tuliskan ilmunya di kolom komentar. Semoga bermanfaat

    Related Posts

    Post a Comment