Cara Termudah Mengganti Warna Background Template Blog Dengan Photoshop - foldersoal.com
Tuesday, 13 October 2015
Edit
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 yakni 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 tunjangan perangkat lunak editor Photoshop. Sebenarnya mengganti warna background blog dengan cara manual pun sanggup dilakukan, namun untuk mengetahui isyarat warna di tempalte blog yang akan diganti memang harus dilakukan dengan sangat teliti biar tidak terjadi kesalahan sasaran penggantiannya. Makara ada baiknya dalam mengubah warna blog, Anda memakai photoshop.
Sahabat Blogger, dalam pembahasan di sini saya akan memberikan cara mengganti banyak sekali 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 isyarat warna yang dikala ini diterapkan/dipakai di blog Anda. Nah untuk mengetahuinya, maka cara praktisnya yakni 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, sebab pada dasarnya melaksanakan screenshot blog ke photoshop ).
1. Buka blog yang akan diganti warna backgroundnya
Background blog Infocarabisnis.com berwarna biru, namun saya sendiri lupa dengan isyarat warna biru yang kupakai sebagai warna background blog tersebut, untuk mengetahui isyarat warna background tersebut, maka saya melanjutkan pencarian isyarat 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 duduk masalah sebab dasarnya sama. Pada tutorial ini kebetulan saya memakai Adobe Photoshop CS3.
Setelah Photshop terbuka, lalu klik "File" dan "New", maka akan tampil menyerupai screenshot di bawah ini:
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 kuat apa pun, hanya saja kalau Anda ingin menyimpan screenshotnya ke dalam file maka sebaiknya kasih nama biar 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 sebab 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 )
Setelah tampilan di laptop/komputer Anda sudah muncul halaman edit HTML, silakan crusornya geser/arahkan sempurna di halaman yang berisi banyak sekali 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 pecahan atas ), lalu tekan tombol CTRL + SHIFT + R secara bersamaan sehingga akan muncul goresan pena "Replace all", selanjutnya isi/masukkan isyarat warna bakcground usang di kolom replace all tersebut (pada pola di bawah ini saya memasukkan isyarat 97b7e1), lalu klik/tekan tombol "ENTER".
8. Masukkan isyarat 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.
Masukkan isyarat warna pengganti di kolom "with" ( pada pola di atas, saya memasukkan isyarat warna hijau : 20b2aa ), lalu tekan "ENTER".
9. Simpan template blogger
Setelah isyarat warna pengganti sudah masuk ke halaman edit HTML, silakan klik "Simpan template". Selesai
10. Contoh tampilan blog Infocarabisnis yang sudah dianti warna backgroundnya :
Sahabat Bloger, ternyata mengganti warna background blog itu cukup mudah, namun sebaiknya Anda teliti dulu sebelum mengganti warna background blog, biar penggantian warnanya sanggup berhasil dengan baik. Mengapa harus hati-hati dan teliti dalam mengganti background blog?, sebab tentunya antara tempalte blog yang satu dengan lainnya mempunyai penerapan isyarat 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.
Makara pastikan bahwa tujuan Anda mengubah warna background yakni 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 yakni cara mengganti background blog kalau memang warna backroundnya yakni warna polos dan memakai isyarat 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 suplemen ilmu wacana cara mengganti warna background blog, silakan tuliskan ilmunya di kolom komentar. Semoga bermanfaat
Berbagai Sumber
Sahabat Blogger, dalam pembahasan di sini saya akan memberikan cara mengganti banyak sekali 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 isyarat warna yang dikala ini diterapkan/dipakai di blog Anda. Nah untuk mengetahuinya, maka cara praktisnya yakni 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, sebab pada dasarnya melaksanakan screenshot blog ke photoshop ).
1. Buka blog yang akan diganti warna backgroundnya
Background Blog
Background blog Infocarabisnis.com berwarna biru, namun saya sendiri lupa dengan isyarat warna biru yang kupakai sebagai warna background blog tersebut, untuk mengetahui isyarat warna background tersebut, maka saya melanjutkan pencarian isyarat 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 duduk masalah sebab dasarnya sama. Pada tutorial ini kebetulan saya memakai Adobe Photoshop CS3.
Adobe Photoshop
Setelah Photshop terbuka, lalu klik "File" dan "New", maka akan tampil menyerupai screenshot di bawah ini:
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 kuat apa pun, hanya saja kalau Anda ingin menyimpan screenshotnya ke dalam file maka sebaiknya kasih nama biar 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 sebab 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 )
- #1. arahkan ujung crusor simbol pensil ke arah warna manapun yang ingin Anda ketahui isyarat 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.
- #1. Setelah Anda mengeklik persegi menyerupai pada langkah ke-4, maka Anda akan mendapat isyarat warnanya. Dalam hal ini saya mendapat isyarat warna biru #97D7e1
- #2. Silakan copy isyarat warna tersebut, lalu pastekan di daerah lain, contohnya di microsoft office word. Biarkan dulu isyarat warna tersebut parkir di word.
- #3. Seperti yang ditunjuk pada simbol telunjuk tangan di atas yakni pilihan banyak sekali jenis warna, kalau Anda ingin mengetahui isyarat warna apa pun, silakan geser crusor sesuai dengan warna yang Anda inginkan, maka di kolom telunjuk nomor 1 akan ada isyarat warnanya, lalu copy dan pastekan di word
- #4. Simbol yang ditunjuk oleh telunjuk nomor 4 yakni alternatif untuk menggeser jenis warna yang fungsinya sama dengan fungsi yang ditunjuk oleh telunjuk 3, isyarat warnanya pun sanggup Anda dapatkan di kolom telunjuk 1.
Daftar Kode Warna
Shabat Blogger, sesudah Anda mengetahui isyarat warna background blog yang akan diganti (contoh isyarat warna biru : 97b7e1 ) dan sudah menemukan isyarat warna penggantinya ( pola isyarat 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, sesudah masuk di dasbor blogger, silakan Anda mengeklik "template" lalu klik "edit HTML"
Setelah tampilan di laptop/komputer Anda sudah muncul halaman edit HTML, silakan crusornya geser/arahkan sempurna di halaman yang berisi banyak sekali 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 pecahan atas ), lalu tekan tombol CTRL + SHIFT + R secara bersamaan sehingga akan muncul goresan pena "Replace all", selanjutnya isi/masukkan isyarat warna bakcground usang di kolom replace all tersebut (pada pola di bawah ini saya memasukkan isyarat 97b7e1), lalu klik/tekan tombol "ENTER".
Setelah Anda mengeklik "ENTER" menyerupai keterangan pada langkah ke-7 di atas, maka akan ada tampilan menyerupai screenshot di bawah ini.
Masukkan isyarat warna pengganti di kolom "with" ( pada pola di atas, saya memasukkan isyarat warna hijau : 20b2aa ), lalu tekan "ENTER".
9. Simpan template blogger
Setelah isyarat warna pengganti sudah masuk ke halaman edit HTML, silakan klik "Simpan template". Selesai
10. Contoh tampilan blog Infocarabisnis yang sudah dianti warna backgroundnya :
Sahabat Bloger, ternyata mengganti warna background blog itu cukup mudah, namun sebaiknya Anda teliti dulu sebelum mengganti warna background blog, biar penggantian warnanya sanggup berhasil dengan baik. Mengapa harus hati-hati dan teliti dalam mengganti background blog?, sebab tentunya antara tempalte blog yang satu dengan lainnya mempunyai penerapan isyarat 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.
Makara pastikan bahwa tujuan Anda mengubah warna background yakni 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 yakni cara mengganti background blog kalau memang warna backroundnya yakni warna polos dan memakai isyarat 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 suplemen ilmu wacana cara mengganti warna background blog, silakan tuliskan ilmunya di kolom komentar. Semoga bermanfaat
Berbagai Sumber