Cara Mengubah Warna Blog

Cara Mengubah Warna Blog - Pada kesempatan kali ini saya akan berbagi tutorial merubah warna blog langsung saja berikut caranya.

1. Menggunakan Software browser

Cara pertama ini agak sedikit sulit jadi saya sarankan sobat harus mengerti dulu CSS

• Pertama buka blog sobat yang mau di edit
• Tekan F12 pada browser google chrome
• Akan ada icon seperti kaca pembesar klik icon yang seperti kaca pembesar itu

• Kemudian klik warna yang mau di ganti liat gambar nomor 2
• Klik kode warnanya yang diinginkan liat gambar nomor 2

• Jika sudah di klik akan jadi seperti gambar nomor 3

• Klik warna yang diinginkan
• Tapi belum selesai, sekarang buka darbor blogger kalian
• Template > Edit HTML, cari kode CSSnya liat gambar

• Seperti di gambar kode CSSnya adalah body { gunakan CRTL + F cari kode CSS body { tadi
• Setelah ketemu maka akan sama seperti gambar di bawah

• Ganti kode yang di dalam template blog dengan kode yang kita edit tadi

2. Menggunakan Photoshop

• Buka blog yang mau di edit
• Tekan Sreenshot blognya
• Buka Paint
• Akan tekan CTRL + V akan keluar harus Sreenshot kalian
• Lalu save hasil hasil Screenshot tadi
• Buka Photoshop, Open file buka file Screenshot tadi
• Liat gambar di bawah beserta keterangannya

• Selesai

Cara diatas sudah saya buat seringkas, mudah dipahami, mudah diterapkan jika belum paham tidak usah sok blogging deh, bercanda jika belum paham silahkan tinggalkan pertanyaan sobat di komentar di bawah

Template Gray SEO Responsive Full SEO

Halo sobat blogger kali ini saya akan berbagi template Template Gray SEO adalah redesign milik saya, template ini juga Responsive dan Full Optimasi SEO Onpage, Selain itu template ini juga memiliki banyak keunggulan dari template yang lain. Sebelumnya saya akan menyebutkan apa saja fitur dari template ini.

Fitur :

• Fast Loading
  
• Full SEO 100% di chkme
  
• Tampilan 2 kolom di homepage
• Releted Post thumbnail / artikel terkait dengan gambar
• Breadcrumb
• Responsive
• Slot iklan 468x60
• Widget search
• Read more
• Dan lain lain

Bagaimana fiturnya bagus kan, sekarang silahkan lihat demo templatenya dan download template gratisnya

DEMO DOWNLOAD 

• Untuk memasang banner 468x60

1. Masuk ke dasbor => Tata letak => Tambah Gadget => Html / javascript
2. Tambakan kode ini
   <div class="right-head section" id="right-head">KODE</div>
3. Simpan

Untuk tulisan berwarna merah ganti dengan kode atau script banner sobat dan untuk langkah pertama posisinya terserah mau di sidebar akan tetap muncul di samping header.

• Untuk menu bar silahkan ganti

1. Masuk dasbor blogger => Template => Edit HTML cari kode di bawah (Gunakan CRTL + F untuk mempermudah pencarian)

<ul>
<li><a href="#">About</a></li><li><a href="#">Archive</a></li><li><a href="#">What News ?</a></li><li><a class="subnav" href="#">With Sub Menu</a><ul class="subx"><li><a href="#">Sub Menu 1</a></li><li><a href="#">Sub Menu 2</a></li><li><a href="#">Sub Menu 3</a></li></ul></li></ul>

Untuk kode warna merah ganti dengan Url kalian dan kode yang warna biru ganti dengan tulisan sobat / ancor.

• Untuk fitur Responsive

1. Masuk dasbor blogger => Template => klik tombol pengaturan seluler seperti gambar di bawah
   
2. Pilih Tidak. Tampilkan template seluler di perangkat seluler
3. Simpan

Setelah mengikuti langkah diatas template sudah siap digunakan selamat mencoba.