Cara Seting & Modifikasi Template New Johny Wuss

Baca Juga

Cara Seting & Modifikasi Template New Johny Wuss (NJW).

TAMPILAN blog demo template NJW yang SEO Responsive dan Fast Loading ini sedikit berbeda dengan tampilan sebelumnya yang serba hitam elegan! Ada sedikit modifikasi soal warna, biar tidak monoton hitam.

Sentuhan warna di template seo friendly & responsive ini akan mempercantik tampilan. Dalam tampilan baru ini ada latar belakang (background) warna merah di menu HOME.

Selain itu, warna latar Featured Post juga "membiru", mirip birunya jersey Persib Bandung. Maklum, admin adalah bobotoh Persib Nu Aing! :) The most popular football club di the world! (Update: kini jadi runner up, Barcelona nomor 1).

Back to... NJW!

Tampilan Baru Blog Demo NJW.*

Background footer juga admin ubah menjadi warna asli dan khas template Johny Wusss: Biru! Jadi, dikembalikan ke asalnya atau aslinya.

CARA MODIFIKASI TEMPLATE NJW
Dominasi warna hitam bisa diubah menjadi warna apa saja sesuai dengan selera Anda. Tapi disarankan, jangan terlalu banyak warna, cukup misalnya hitam, biru, dan merah. Hitam elegan. Biru Persib & Chelsea. Merah? Glory Glory Manchester United!

Bagaimana caranya? Ini dia modifikasi yang dilakukan terhadap blog demo NJW. Masuk dulu ke template ya: "Template" > "Edit HTML"

1. Latar HOME Warna Merah.
Tambahkan kode ini di jajaran CSS Code #menu

#menu a.home {background: #c00;}

Ubah pula HTML menunya di jajaran kode "menu"

<li><a href='/'>Home</a></li>

diubah menjadi:

<li><a class='home' href='/'>Home</a></li>

2. Warna Latar Featured Post
Temukan kode #featured post dan ganti kode warna #000 menjadi #0066B3 atau warna lain. (Daftar Kode Warna HTML).

#featuredpost {background:#0066B3;float:left;.... dst}

3. Wara Latar Footer
Temukan kode #credit{background:#000; dan ubah menjad menjadi

#credit{background:#0a2e56;

Itu dia modifikasi template NJW dari sisi warna.

MENGUBAH UKURAN THUMBNAIL IMAGE
Ada juga yang bertanya, bagaimana caranya memperbesar gambar di homepage? Yang ukuran 72x72 Pixel itu.

Disarankan, jangan diperbesar!!! Biar kan apa adanya. "Let it be," kata The Beatle mah. Soalnya, itu akan mempengaruhi loading blog, tambah berat nanti!

Ukuran 72 Pixel Thumbnail Gambar di Home itu standar yang sudah ditentukan oleh Google/Blogger sebagai ukuran thumbnail terbaik di homepage, biar ringan!

CARA SETTING MENU NJW
Masih banyak pengguna template New Johny Wuss ini yang bertanya soal cara mengubah daftar menu navigasi. Itu lho... HOME, ABOUT, dsb.

Caranya: Template > Edit HTML dan temukan kode <nav id='menu'> seperti di bawah ini. Ganti linknya (tanda #) dengan link page/halaman, atau bisa juga permalink posting, juga nama menu-nya. Misalnya, link ABOUT seperti ini: http://newjohnywuss.blogspot.com/p/about.html

<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a class='home' href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a>

dan seterunya...

Demikian cara modif template NJW dari sisi warna plus cara setting navigasi menu-nya. Panduan lain ada di posting sebelumnya: New Johny Wuss - Best SEO, Fast, Responsive Blogger Template.*