Inilah Modifikasi Terbaru Template Blog Johny Wuss Responsive!
January 14, 2015
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
2. Meta Tags
3. Daftar Menu. Ganti tanda pagar (#) dengan link, juga nama menunya.
4. Author Name
Cari kode berikut ini dan ganti dengan nama Anda!
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.
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
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'/>
<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/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
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
bener2 blog panutan ane nih gan...mksh infonya,,,,blog guru banget nih, krn mengajar lewat blog...mksh....heee
ReplyDeleteterimakasih atas petunjuk nya..
ReplyDeleteMau 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
ReplyDeleteNice1000x......ane suka bener sama artikelnya. Yuhuuu..hatiku gembira.hihihi
ReplyDeleteOh 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.
ReplyDelete08577-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
Cekidot :)
Deletehttp://contohblognih.blogspot.com/p/layanan-premium-cb.html
Bang ini pas ane coba lewat mobile kok search untuk navigasi artikelnya tidak muncul yah.klo untuk yang lain sih.sudah oke.
ReplyDeleteKebetulan 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.
topnavigasinya menang tidak responsive, silakan ganti dengan ini:
Deletehttp://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
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.
ReplyDeleteAne tggu yah bang. Maklum baru belajar sikit.sikit.
kotak search lama dihapus, kodenya yang diawali dengan < form dan di akhiri dengan / form >
DeleteMaaf mas bro,,, mau nanya ya,, untuk mendapatkan google page url yg untuk publiser itu gmana ya?
ReplyDeletesalam, trimskasih
Bukan Google plus, di kiri layar klik "Page" dan buatlah, nanti url-nya dapat
Deletecara downloadnya gimana gan koq ane ngga bisa download yach
ReplyDeleteitu ada link downloadnya
DeleteMaaf 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
ReplyDeletehttp://www.contohblog.com/2014/02/koleksi-template-blog-klub-sepakbola.html
DeleteSorry gan, gimana cara tukar tampilan menu melayang itu gan? Sorry bener2 newbie
ReplyDeleteLink downloadnya beda sama dengan demo yang sekarang ini mas CB?
ReplyDeletemantul gan...!!
ReplyDeleteBang link download udah error bang, mohon diperbaiki secepatnya๐๐๐
ReplyDelete