loading...

Download New Johny Wuss V3 Blogger Template Terupdate

Download New Johny Wuss V3 Blogger Template Terupdate - Kali ini saya akan kembali membagikan SEO Blogger Template yang mempunyai kecepatan loading yang sangat wuss dan desain yang responsif dan mobile friendly, yakni New Johny Wuss V3 Blogger Template yang paling update dan tentunya template Johny Wuss kali ini adalah template yang paling dioptimalkan dari seri-seri sebelumnya dan memiliki beberapa kelebihan yang menarik.
Jika dari segi SEO dan kecepatan loading yang memiliki ranking A, ketiga seri template New Johny Wuss ini sama, namun ada beberapa perubahan kecil pada data struktur template New Johny Wuss V3 ini.
Download juga : New Johny Wuss V1 Blogger Template

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).

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.
Download New Johny Wuss V3 Blogger Template Terupdate by Anas Blogging Tips


Panduan Instal & Setting Template New Johny Wuss V3

1. Klik "Template" > "Edit HTML" > Cari (Ctrl+F) kode <div id='homepage'>
2. Ganti siteUrl   = "http://newjohnywussv3.blogspot.com/p/sitemap.html" dengan Url Sitemap/Daftar Isi Blog Anda!

1. FEATURED POST
Tambahkan LABEL Featured pada posting yang akan ditampilkan di "Featured Post" halaman depan paling atas.

2. UBAH juga dengan versi sobat :
Template > Edit HTML > temukan kode  <span class='fn author'> . Lihat di bawahnya dan ganti yang berwarna biru dengan versi sobat.

<span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'>Contoh Blog - Tips SEO, Desain, Free Template! </span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'>Contoh Blog - Tips SEO, Desain, Free Template!</span></span>
                  </b:if>
                </b:if>
              </span>

3. Ubah <!-- Title Tags -->

<title><data:blog.pageTitle/> | Best SEO Friendly Blogger Template</title>
<meta content='new johny wuss, seo template, responsive theme, fast loading' name='keywords'/>

4. Ubah juga Link di <div class='right'>.
Link yang di atasnya (credit link footer) TIDAK BOLEH DIUBAH!!!
Hanya bagian ini yang boleh diubah:

<div class='right'>
Links: <a href='#'>Your Link1 Here</a>. <a href='#'>Your Link2 Here</a>. <a href='#'>Your Link3</a>. <a href='#'>Your Link4</a><br/>

<!-- Yang di bawah ini boleh diubah, boleh juga dibiarkan saja -->

Powered by <a href='http://www.blogger.com' target='_blank'>Blogger</a> &amp; <a href='http://www.google.com' target='_blank'>Google</a>. <a href='http://www.sepakbolamagz.com' target='_blank'>Football Mania</a>
5. KODE KOTAK PENCARIAN
1. Layout > Add a Gadget > Pilih "Javascript/HTML"
2. Masukkan kode berikut ini di "content"

<style>
#search-box {position: relative;width: 100%;margin: 0;}
#search-form{height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}
#search-text{font-size: 14px;color: #ddd;border-width: 0;background: transparent;}
#search-box input[type="text"]{width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: #4d90fe;-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;cursor: pointer;} <div style='display:none'><a href='http://contohblognih.blogspot.com' target='_blank'>CB Desain Seacr Box</a></div></style><div id='search-box'><form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search here...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button></form></div>
<br/>

6. HAPUS KODE IKLAN GOOGLE
Cari kode <div class='post-footer-line post-footer-line-3'>
di bawahnya ada kode iklan Google seperti ini dan HAPUS semuanya atau ganti dengan kode Adsense sobat

<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-99362565352XXXX";
/* 300x250 Teks &amp; Gambar */
google_ad_slot = "9008658208";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

UPDATE!
Jika tampilan "Layout" di Dashboar tampak tidak rapi alias acak-acakan, tambahkan kode berikut ini :

body#layout .outer-wrapper {width:970px}
body#layout .content-wrapper {width:970px}
body#layout #header {width:300px;float:left;margin-top:30px}
body#layout #header2 {width:500px;float:right}
body#layout .main-wrapper {width:550px}
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}
body#layout #footer {width:970px}
.footer {width:215px;float:left}
body#layout ul {display: none}

Di atas kode :

#navbar-iframe{height:0;visibility:hidden;display:none}

Dan silahkan follow Anas Blogging Tips untuk terus mengetahui Panduan, Trik, Dan Tips Lengkap Lain nya Tentang Blogging serta nantikan artikel berikutnya ya.

Terima kasih sobat telah mendownload "Download New Johny Wuss V3 Blogger Template Terupdate". Temukan berbagai Blogger Template keren dan SEO lain nya di Anas Blogging Tips Blogger Template. Sobat tidak diperbolehkan untuk menyalin (copy-paste) segala maupun keseluruhkan konten Anas Blogging Tips.

0 Response to "Download New Johny Wuss V3 Blogger Template Terupdate"

Post a Comment