Cara Mengganti Template Hasil Download

Cara Mengganti Template Hasil Download untuk Blogspot - Template blog adalah hal yang sangat penting untuk menunjang kualitas isi artikel blog. Jika template nya kurang menarik maka pengunjung pun akan cepat bosan dengan blog kita. Usahakan dengan bagus nya template anda, pengunjung bisa berlama-lama di blog kita.

Solusi saya adalah menggunakan Template hasil Download, karena dengan fasilitas template gratis saya tidak perlu bersusah payah untuk memperbagus Template lagi, hanya menyusun widget agar terlihat rapi dan bagus. Bagi anda yang tidak tau cara memilih Template yang sesuai silahkan baca artikel

Langsung saja kita simak cara mengganti Template Untuk blogspot

1. Login ke Blogger.com

2. Pastikan anda sudah mendownload template yang akan anda gunakan dan sudah anda ekstrack, karena biasanya file masih ada didalam Rar atau Zip

3. Masuk ke menu Template, lalu pilih Cadangkan/Pulihkan


4. Sebelum mengunggah Template, saran saya Download template anda yang sebelum nya, pilih Unduh Template Lengkap,


5. Jika sudah, pilih file template yang sudah anda download tadi (biasanya berformat .xml atau .txt ), kalau sudah ketemu, klik unggah

6. Tunggu beberapa detik, Selesai

Sekarang tugas anda hanyalah mengatur tempat Widget yang pas, supaya isi blog anda terlihat rapi dan menarik.

Semoga bermanfaat

Cara Mudah Merubah Warna Pada Template

Kali ini admin akan membahas tentang cara mudah merubah warna pada template blog. Banyak usaha yang dilakukan agar tampilan blog kita menjadi menarik dan enak dilihat bahkan berusaha membuat pengunjung betah mengunjungi blog kita, salah satunya dengan pemilihan warna pada template blog. Template Blog adalah suatu komponen yang sangat penting bagi kita.

Ketika template yang kita pilih ataupun kita download sudah pas untuk tampilan blog kita tetapi warna pada template blog tersebut masih belum menarik dan kadang kita ingin merubahnya tapi karena takut warna yang kita rubah ternyata salah ini yang menjadi kerepotan bagi kita.
kode skin html
Oke langsung saja admin jelaskan cara merubah warna pada template blog
  1. Buka dulu akun blogger
  2. Pilih blog lalu pilih template
  3. Kemudian klik edit HTML
  4. Kemudian cari kode dibawah, biar lebih mudah gunakan Ctrl + F
  • Cara merubah warna background header pada blog
    cari kode >>> #header-wrapper {

    #header-wrapper
    background:#cccccc;
  • Cara merubah warna background body pada blogcari kode >>> body {

    body {
    background:#cccccc;
  • Cara merubah background halaman postingan atau artikel pada blog
    cari kode >>> #main-wrapper {

    #main-wrapper {
    background:#cccccc;
  • Cara merubah warna background sidebar pada blog
    cari kode >>> sidebar-wrapper

    #sidebar-wrapper 
    background:#cccccc;
  • Cara merubah warna background footer pada blog
    cari kode >>> #footer {

    #footer {
    background:#cccccc;
Kemudian ganti kode yang berwarna merah dengan warna pilihan kita.

Setiap template pasti berbeda - beda kode html, Jika tidak menemukan kode diatas anda bisa merubah warna dengan cara lain.
Buka Template pilih edit HTML lalu diantara kode <b:skin> ... </b:skin>
Contoh didalamnya lihat kode background:#cccccc ganti dengan kode warna pilihan kita

Itulah cara mudah merubah warna pada blog template blog, jika masih ada kebingungan cara merubahnya jangan malu - malu bertanya pada admin. Comment saja artikel atau posting admin dibawah.

Cara Tercepat Merubah Warna Template

Cara Merubah Warna Template Blog - Tutorial untuk mengganti atau merubah warna template sebenarnya sudah banyak. Akan tetapi saat ini akan share cara yang tercepat, bahkan bagi pemula pun akan lebih mudah dibanding dengan cara mengganti satu per satu. Bahkan bagi sobat yang belum terlalu faham dengan CSS pun, saya jamin dalam 10 menit bisa merubah total warna template blog   :) 


Sebenarnya tutorial ini merupakan salah satu rahasia terbesar saya dalam membuat atau mengedit template. Namun semua akan saya bagikan bagi pengunjung setia blog ini. Mungkin bagi para master sih sudah ga aneh dengan tutorial ini.

Sebagai alat bantu, tidak boleh tidak, komputer sobat harus terinstall Photoshop. Karena tutorial cara tercepat mengganti warna template blog kali ini dengan bantuan PhotoShop.

Langkah-langkah dibawah lumayan banyak, tapi apabila dicermati sangatlah mudah :

LANGKAH 1 : Jalankan Photoshop


Biasanya, komputer atau laptop sudah terinstall photoshop. Bagi sobat yang komputernya belum terinstall, supaya lebih mudah silahkanDownload Phostoshop Portable. Setelah didownload, silahkan jalankan photoshop shobat. Saat ini saya menggunakan Photosop5 portable.

LANGKAH 2 : Buka blog yang akan di edit


Sebagai contoh saya akan mengganti warna template Zikazev Blue, buka http://zikazevblue.blogspot.com, setelah terbuka silahkan PrintScreen (tekan PrtSC pada keyboard).

LANGKAH 3 : Kembali ke Photoshop


Buat dokumen baru File -> New -> OK, kemudian paste (Ctrl+V), maka tampilannya seperti ini :

edit blog

LANGKAH 4 : Cara Mendapatkan Warna Blog


1. Klik Eyedropper Tool atau tekan huruf 'i' pada keyboard

edit blog

2. Arahkan Eyedropper Tool pada warna yang dituju (contoh menu warna biru) kemudian klik.

edit blog

3. Lihat kebagian warna, maka akan berubah sesuai warna blog.

edit blog

4. Klik warna tadi, maka akan muncul box, copy warna yang dilingkari warna merah :

edit blog

LANGKAH 5 : Merubah Warna Blog


1. Masuk ke Dashboard sobat, Template -> Edit HTML
2. Klik pada area kode, kemudian tekan berbarengan Ctrl+Shift+R, paste kode warna yang dari photoshop kemudian Enter.

edit blog

3. Kembali ke Photoshop, dapat kan warna yang cocok kemudian copy.

edit blog

4. Paste pada blog sobat, kemudian Enter.

edit blog

5. Klik Pratinjau Template

edit blog

Lihat hasilnya, beberapa objek sudah berubah bukan? tanpa harus mengedit satu per satu. Lakukan langkah di atas untuk warna yang lain apabila belum berubah.

TIPS


Apabila objeknya kecil, gunakan icon kaca pembesar di PhotoShop (Zoom Tool) atau klik hurup 'Z' di keyboard, setelah diperbesar baru klik dengan Eyedropper Tool untuk mendapatkan Warna.

Selamat mencoba...

Mengedit Warna Template Blog

Cara Mengedit Warna Template Blog Dengan Mudah

Oke kali ini saya akan berbagi cara mengedit warna template blog, mengedit bukan berarti membuat sendiri loh ya, jadi saya hanya akan menujukan cara mengedit warna template blog yang sudah ada saja agar template blog hasil download kalian tidak nampak pasaran di mata pengunjung.


Nah sebelum melakukan edit mengedit template blog anda alangkah baiknya anda mengetahui struktur template blog terlebih dahulu. Secara umum template blog memiliki header, sidebar, footer dan baground, kali ini saya akan memberikan tutorial untuk mengedit warna susunan template itu semua, jika kalian belum mengerti susunan template blog yang saya maksudkan tersebut mungkin gambar dibawah ini bisa menjelaskannya kepada kalian.

Cara Mengedit Warna Template Blog Dengan Mudah
Nah jika kalian sudah faham, silahkan lihat beberapa kode warna html dibawah ini, yang perlu kalian ketahui setiap template menggunakan kode warna yang berbeda beda, ada yang menggunakan kode warna 3 digit dan juga kode warna 6 digit.
Berikut ini adalah sedikit contoh kode warna 6 digit :
Cara Mengedit Warna Template Blog Dengan Mudah
Dan ini kode warna yang 3 digit :
Cara Mengedit Warna Template Blog Dengan Mudah
Oke langsung saja kita peraktek daripada bingung :
Cara Mengganti Warna Background Template Blog
1. Buka Template >> edit html
2. Search (Ctrl+F) body{ background
3. Setelah itu maka script akan menjadi tebal dan menunjukkan ke kode html warna background template kamu.
4. Setelah itu tinggal mengganti kode warna yang digunakan pada template kamu, misalkan script template backgroud yang kamu gunakan gini : body{ background: #000000, Berarti kode warna yang digunakan adalah jenis kode warna 6 digit yang berwarna hitam (hitam=#000000).
5. Ganti #000000 dengan warna yang ingin kamu gunakan, misalkan ingin menggantinya dengan warna putih maka ganti #000000 dengan  #FFFFFF
6. Save dan Selesai, kini baground kamu sudah berhasil berganti warna putih

Cara Mengganti Warna Header Blog

Caranya juga hampir sama dengan yang di atas
1. Buka Template >> edit html
2. Search (Ctrl+F) header-wrapper{
3. Setelah itu tinggal mengganti kode warna yang digunakan pada template kamu, misalkan script template header yang kamu gunakan gini : header-wrapper { background: #FFFFFFBerarti kode warna yang digunakan adalah jenis kode warna 6 digit yang berwarna putih (putih=#ffffff).
5. Ganti #FFFFFFdengan warna yang ingin kamu gunakan, misalkan ingin menggantinya dengan warna hitam maka ganti  #FFFFFF dengan #000000

Cara Menggnti Warna Sidebar dan Footer Blog
Caranya sama kayak kedua cara diatas, untuk sidebar yang di search sidebar-wrapper, sedangkan untuk footer #footer kode warnanya pasti ada disamping { background :

Hal yang perlu di ingat adalah tak semua template menggunakan kode warna 6 digit, jadi jika template blog kalian menggunakan kode warna lainnya 3 digit misalnya, maka gantilah menggunakan kode warna 3 digit juga. untuk mengetahui kode kode warna yang lain nggak usah bingung cukup search di google kode warna html, pasti ada semua disana baik kode warna yang 3 digit maupun yang 6 digit. 

Mungkin hanya itu pengetahuan saya yang bisa saya sampaikan, apa bila ada kata yang kurang dimengerti silahkan tanyakan melalui komentar jika ada waktu pasti saya akan menjawabnya. Sekian dan Terima Kasih :)

CARA MERUBAH WARNA BACKGROUND TEMPLATE

CARA MERUBAH WARNA BACKGROUND TEMPLATE BLOG Cara Merubah Warna Background Template Blog _ Template sebuah blog adalah salah satu konponen penting ketika kita membuat sebuah blog,banyak hal yang harus diperhitungkan diantaranya Cara Memilih Template Untuk Blog agar ringan dan tidak terlalu berat ketika loading dan ketika sudah menemukan template yang cocok dirasa pas dihati tetep aja ada sesuatu yang masih kurang misalnya warna bacckground,dan berikut adalah Cara Merubah Warna Background Template Blog : Masuk ke akun blogger Dashboard Template Edit HTML => cari kode di bawah ini dengan menggunakan ctrl + F :

1.Cara merubah warna background header pada blog Cari kode  #header-wrapper #header-wrapper { background:#000000;

2.Merubah warna background body pada blog Cari kode body { body { background:#000000; 

3.Merubah warna background halaman postingan / main body pada blog Cari kode #main-wrapper { #main-wrapper { background:#000000;

4.Merubah warna background sidebar di blog Cari kode #sidebar-wrapper #sidebar-wrapper background:#000000;

5.Merubah warna background footer di blog Cari kode #footer { #footer { background:#000000; dan langkah selanjutnya adalah ganti kode yang berwarna merah dengan warna yang anda suka. Demikian ulasan singkat tentang Cara Merubah Warna Background Template Blog ketika membuat sebuah blog.

Mengubah Warna Tampilan Blog

Salah satu masalah yang dihadapi "newbie" adalah Cara Mengubah Warna Tampilan Blog, misalnya warna latar belakang menu atau header dari hitam ke merah dst.


Mengubah warna sangat mudah, yaitu tinggal ganti kode warna HTML-nya di template. (Lihat Kode Warna HTML).

Contohnya, kita mau mengubah warna background menu:
  1. Intip dulu di mana posisi kode warnanya dengan cara: arahkan cursor mouse ke bagian menu, lalu klik kanan, dan pilih "inspect element", maka akan muncul kode warna seperti #000 (hitam).
  2. Template > Edit HTML 
  3. Cari (Ctrl+F) elemen yang akan diubah warnanya
  4. Ganti dengan kode warna lainnnya, misalnya dari HITAM (#000) menjadi MERAH (#c00).

MENGUBAH WARNA HURUF
Semua warna di template blog bisa diubah. Sebagai contoh, kita akan mengubah jenis huruf, ukuran huruf, dan warnanya. Maka, temukan kode-kode seperti ini:

Mengubah Warna Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode body {3. Biasanya akan ada kode warna sepoerti color:#333333
4. Ubah menjadi, misalnya. #ff0000 
Mengubah Jenis Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode 
#outer-wrapper {
3. Biasanya akan ditemukan kode seprti font: 14px Arial; or font-family:Arial;
4. Ganti saja jenis hurfnya menjadi, misalnya, Georgia, Helvetica, Times, etc.

Comment