January 14, 2015

Inilah Modifikasi Terbaru Template Blog Johny Wuss Responsive!

January 14, 2015

 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 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/AVvXsEiiBrx968LiN1TGJpmSkOcPS8ZS-IYjtArSXgvNozKFKxlTisC2YDOsU1lZjMSlYLB7zPkg0RGV_atEFvJS42GyFqDKkxr6GQpYQQL3yU_uNAeKq3So4dck9hsV2OonNMqDeUyOT4ZPYhI/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

Download JW Responsive


Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

20 comments on Inilah Modifikasi Terbaru Template Blog Johny Wuss Responsive!

  1. bener2 blog panutan ane nih gan...mksh infonya,,,,blog guru banget nih, krn mengajar lewat blog...mksh....heee

    ReplyDelete
  2. terimakasih atas petunjuk nya..

    ReplyDelete
  3. Mau tanya, cara naruh iklan di sebelah related post gimana gan??? trus search box kox gak ada tombol go? Makasih minat neh sama blog keren ini

    ReplyDelete
  4. Nice1000x......ane suka bener sama artikelnya. Yuhuuu..hatiku gembira.hihihi

    ReplyDelete
  5. Oh ya mau tanya. Ada template yg premium gk yg simple kayak template ente bang. Template yg ini nih.maksudnya. klo ada ente sms ke ane aja bang.tar ane bayarin. Jangan mahal" yah.hihihi.
    08577-560-2630. Atau klo gk tawarin ke ane template yg simple kayak gini.yg memiliki skor seo keren dan kecepatan yg keren pula pastinya. Versi template yg terbaru yg model sekarang yg di sukai mesin pencarian google. Ane tunggu yah.
    Aslm.kum. salam cafeinfo.net

    ReplyDelete
    Replies
    1. Cekidot :)
      http://contohblognih.blogspot.com/p/layanan-premium-cb.html

      Delete
  6. Bang ini pas ane coba lewat mobile kok search untuk navigasi artikelnya tidak muncul yah.klo untuk yang lain sih.sudah oke.
    Kebetulan ane lebih suka template yg simple.
    Bila sudah ada solusinya ente balas aja bang coment ane. Siapa tau bermanfaat buat pengguna template modifan ente yg keren ini.
    Txu.banget yah. Pengunjung ane melonjak dua x lipat. Yuhuuu.

    ReplyDelete
    Replies
    1. topnavigasinya menang tidak responsive, silakan ganti dengan ini:
      http://contohblognih.blogspot.com/2015/03/navigasi-menu-responsive-plus-drop-down.html
      Kotak searchnya bikin baru aja di sidebar dengan yang ini:
      http://contohblognih.blogspot.com/2015/03/membuat-kotak-pencarian-responsive-di.html

      Delete
  7. Wah mantap deh. Oh ya terus kotak search yg lama bagaimana menghapusnya. Apa di diamkan saja ?? Atau bagaiamana ?? Klo memang harus di hapus. Batasan kodenya sampai dimana bang. Jadi nanti pas ane mau apus dan ganti box search yg baru tidak berpengaruh dengan kode lainya.
    Ane tggu yah bang. Maklum baru belajar sikit.sikit.

    ReplyDelete
    Replies
    1. kotak search lama dihapus, kodenya yang diawali dengan < form dan di akhiri dengan / form >

      Delete
  8. Maaf mas bro,,, mau nanya ya,, untuk mendapatkan google page url yg untuk publiser itu gmana ya?
    salam, trimskasih

    ReplyDelete
    Replies
    1. Bukan Google plus, di kiri layar klik "Page" dan buatlah, nanti url-nya dapat

      Delete
  9. cara downloadnya gimana gan koq ane ngga bisa download yach

    ReplyDelete
  10. Maaf gan, ane numpang tanya. Ane lagi nyari template buat ngebahas satu klub sepakbola kesayangan ane. Pokoknya ngebahas semuanya dari mulai sejarah dan berita terbarunya. Kira-kira template yang pas buat blog kaya gitu, template yang mana ya gan ? Tentunya yang terbaik dalam hal seo dan sebagainya. Ditunggu jawabannya gan... Terimakasih

    ReplyDelete
    Replies
    1. http://www.contohblog.com/2014/02/koleksi-template-blog-klub-sepakbola.html

      Delete
  11. Sorry gan, gimana cara tukar tampilan menu melayang itu gan? Sorry bener2 newbie

    ReplyDelete
  12. Link downloadnya beda sama dengan demo yang sekarang ini mas CB?

    ReplyDelete
  13. Bang link download udah error bang, mohon diperbaiki secepatnya๐Ÿ™๐Ÿ™๐Ÿ™

    ReplyDelete

Contact Form

Name

Email *

Message *