Inilah Modifikasi Terbaru Template Blog Johny Wuss Responsive!

SETELAH menuntaskan redesain template New Johny Wuss Terbaru (Versi 3), CB juga menuntaskan redesain dan modifikasi ulang template Johny Wuss Responsive.

Jadilah ia hasil modifikasi terbaru Johny Wusss Responsive (JWR)!

Link DEMO dan DOWNLOAD ada di akhir posting.

Template JWR ini didesain atau dimodif ulang dengan memindahkan Navigasi Menu ke atas Header plus penggantian Navigasi Menu Utama menjadi Menu Responsive. (Lihat: cara membuat menu blog responsive).

PANDUAN SETING
Setelah Ganti Template, berikut ini panduan seting template blog Johny Wuss Responsive.

Intinya, masuk ke template (Template > Edit HTML) dan UBAH/GANTI tulisan yang berwarna merah dengan versi Anda!

1. Link Google Plus

<link href='GOOGLE PLUS URL' rel='author'/>
<link href='GOOGLE PAGE URL' rel='publisher'/>

2. Meta Tags

<meta content='Johny Wuss Responsive Version - Template Blog SEO Friendly, Fast Loading, dan Responsif' name='description'/>
<meta content='Johny Wuss, Template Blog SEO Friendly, Fast Loading, Blog Responsif' name='keywords'/>

3. Daftar Menu. Ganti tanda pagar (#) dengan link, juga nama menunya.

<li><a href='/'>Home</a></li>
<li><a href='#'>Kategori 1</a></li>
<li><a href='#'>Kategori 2</a></li>
<li><a href='#'>Kategori 3</a></li>
<li><a href='#'>Kategori 4</a></li>

<li><a href='#'>Drop Down Menu <font size='1'>&#9660;</font></a>
<ul class='menus'>
<li><a href='#'>Drop 1</a></li>
<li><a href='#'>Drop 2</a></li>
<li><a href='#'>Drop 3</a></li>

4. Author Name
Cari kode berikut ini dan ganti dengan nama Anda!

<div class='vcard' id='hcard-CB-Bloggerz'>

5. Page Menu
Klik "Layout"! Di atas Header ada Page Menu yang harus Anda edit. Buat dulu Page Menunya di "Page" > "New Page".

6. Gambar di halaman depan
Gambar ini semacam Ghots Button dalam Trend Desain Website/Blog Terkini. Siapkan gambar ukuran gambar: 580x240 Pixel dan masukkan ke kode warna merah.

<img alt="cara ngeblog nj" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDRyIdaI89raXxYJO5AsrymCO7sTdiOl9zhy_VoNdJ1-Y2l_YjxRr1dWx4y0GOFBdrEbHIlDjkaZOfYLIrBNvRCBpFVrcStW2eTfQknhK_v_lR9Ebveru4jf0Goyb9xRDH7_3bUSNspo/s1600/how-to-blog-jwr.jpg" style="padding-bottom: 15px"/>

Cara memasukkannya, klik "Edit" di elemen widget/gadget yang ada di atas bagian "Blog Posts". Copas kode di atas setelah diubah link gambarnya.

Demikian cara seting atau panduan instalasi di template Modifikasi Terbaru Johny Wuss Responsive!

DEMO
DOWNLOAD

New Johny Wuss V3 - Template Blog SEO Fast Responsive Terbaru 2015

New Johny Wuss V3. Template Blog SEO Friendly, Fast Loading & Responsive Terbaru 2015! Free Download. Gratis!

SETELAH hadir dan "sukses di pasaran" dengan New Johny Wuss V1 dan NJW V2, kini CB hadirkan New Johny Wuss V3 - New SEO Fast Responsive Blogger Template 2015!

UPDATE!!!
Link Download NJW V3 Sesuai Demo

Apa bedanya dengan NJW V1 & NJW V2?

Template ini masih menggunakan "bahan berkualitas" template Johny Wuss-nya Maskolis yang sudah terbukti dan teruji ke-seo-annya.

Maskolis pun sudah "memberikan restu" kepada CB soal modifikasi template simple & wuss itu. (Lihat komentar Maskolis di posting "Peringatan buat Blogger Pengguna Template Johny").

Dari sisi SEO Friendly dengan skor 100% dan Fast Loading dengan skor A, ketiga versi template keren New Johny Wuss ini sama. Hanya saja, dari sisi struktur data template NJW V3 ini lebih baik dan ada beberapa "hal kecil" yang diperbaiki biar lebih wussss....!!!

PERBEDAAN DENGAN VERSI LAMA
Selain itu, perbedaan utama New Johny Wuss V3 dengan versi sebelumnya adalah dari sisi tampilan.

1. TOP MENU BAR

Top Menunya dibuat lebar 100% dengan warna PERSIS SAMA dengan latar belakang header Facebook. Biar LEBIH user friendly! Top Menu atau Top Header Bar ala Facebook itu pun dimunculkan di versi mobilenya.

2. SEARCH BOX

Kotak Pencarian (Search Box) di Top Menu dihilangkan dan dipindahkan ke Sidebar Widget dengan bentuk yang lebih besar dan lebih keren.

3. LATEST POSTS LIST

Daftar posting terbaru di halaman depan menggunakan Auto Readmore "biasa", tidak seperti NJW V1 & V2 yang menggunakan sistem Table of Conten (TOC). (Updated di Link Download Terbaru)

4. SITEMAP 

Template biasa umumnya memasang tombil "Older Posts" atau "Navigasi Menu Halaman" di bagian bawah daftar post terbaru di Home. NJW V3 beda --mengarahkan user untuk membuka "Sitemap/Daftar Isi" Blog. (Baca: Cara Membuat Daftar Isi Blog).

5. STICKY TOP MENU

Tampilan dan desain Navigasi Top Menu (Header Bar) sudah dibuat mirip Facebook: latar biru dan statis, sticky, melayang, alias tetap muncul saat laman blog di-scroll.

PANDUAN SETING

Panduan setting atau instalasinya ada di Blog Demo NJW V3.

LINK DEMO & DOWNLOAD

Live Demo

Link Download

UPDATE!!!

Link Download NJW V3 Sesuai Demo

CAUTION!

DON'T Remove Credir Link & NO SUPPORT for Free Templates

Blogger yang sudah menggunakan NJW, baik NJW V1 maupun NJW V2, bisa modif sendiri seperti CB lakukan di Blog Demo New Johny Wuss V1.

New Johny Wuss V3 - New SEO Fast Responsive Blogger Template 2015 is FREE alias Gratis Download & Use for personal or commercial blog.

Good luck & Happy Blogging! (http://contohblognih.blogspot.com/).*