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'/>
<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'/>
<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'>▼</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>
<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'>▼</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/AVvXsEhdw59PxeHecW1rFKV8AmSGHScdgJrHXVf-L1yqUypPhvQf_nGlwfNi7bQ5uaaPsKu-K_4QoRMio7B_vgBKSK0QUt9KmZyy-7cojLOL9kEoSnnI6UMjgryfJkpI9fEb_Yz6RkCmd48uDlI/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
No comments:
Post a Comment