Cara Memasang Navigasi Halaman Nomor (Angka) di NJW V3

Cara Mudah Membuat atau Memasang Navigasi Halaman Nomor (Angka) di New Johny Wuss V3.

BANYAK pengguna NJW V3 menanyakan cara memasang navigasi halaman bernomor atau menggunakan angka (number page navigation blogger). Ini penampakannya:

Sebenarnya banyak sekali tutorial tentang navigasi halaman nomor ini. Tapi, baiklah, berikut ini CB share tentang cara termudah memasangnya.

Gak pake ribet dan sukses terpasang di blog demo NJW V3 ini.

Cara Memasang Navigasi Halaman Nomor (Angka) di NJW V3

1. Klik "Template" > "Edit HTML"

2. Simpan kode berikut ini di atas kode </body> (kode </body> ada di bagian paling bawah)

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
#blog-pager{clear:both;margin:12px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}
</style>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=5;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
<script>
  /*<![CDATA[*/
    if (typeof firstText == "undefined") firstText = "First";
    if (typeof lastText == "undefined") lastText = "Last";
    var noPage;
    var currentPage;
    var currentPageNo;
    var postLabel;
    pagecurrentg();
    function looppagecurrentg(pageInfo) {
        var html = '';
        pageNumber = parseInt(numPages / 2);
        if (pageNumber == numPages - pageNumber) {
            numPages = pageNumber * 2 + 1
        }
        pageStart = currentPageNo - pageNumber;
        if (pageStart < 1) pageStart = 1;
        lastPageNo = parseInt(pageInfo / perPage) + 1;
        if (lastPageNo - 1 == pageInfo / perPage) lastPageNo = lastPageNo - 1;
        pageEnd = pageStart + numPages - 1;
        if (pageEnd > lastPageNo) pageEnd = lastPageNo;
        html += "<span class='showpageOf'>Page " + currentPageNo + ' of ' + lastPageNo + "</span>";
        var prevNumber = parseInt(currentPageNo) - 1;
        //Iccsi was here, doing magic  
        if (currentPageNo > 1) {
   if (currentPage == "page") {
     html += '<span class="showpage firstpage"><a href="' + home_page + '">' + firstText + '</a></span>'
   } else {
     html += '<span class="displaypageNum firstpage"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + firstText + '</a></span>'
   }
  }
    if (currentPageNo > 2) {
            if (currentPageNo == 3) {
                if (currentPage == "page") {
                    html += '<span class="showpage"><a href="' + home_page + '">' + prevText + '</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + prevText + '</a></span>'
                }
            } else {
                if (currentPage == "page") {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + prevNumber + ');return false">' + prevText + '</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + prevNumber + ');return false">' + prevText + '</a></span>'
                }
            }
        }
        if (pageStart > 1) {
            if (currentPage == "page") {
                html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
            } else {
                html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
            }
        }
        if (pageStart > 2) {
            html += ' ... '
        }
        for (var jj = pageStart; jj <= pageEnd; jj++) {
            if (currentPageNo == jj) {
                html += '<span class="pagecurrent">' + jj + '</span>'
            } else if (jj == 1) {
                if (currentPage == "page") {
                    html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
                }
            } else {
                if (currentPage == "page") {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'
                }
            }
        }
        if (pageEnd < lastPageNo - 1) {
  html += '...'
        }
        if (pageEnd < lastPageNo) {
            if (currentPage == "page") {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
            } else {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
            }
        }
        var nextnumber = parseInt(currentPageNo) + 1;
        if (currentPageNo < (lastPageNo - 1)) {
            if (currentPage == "page") {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + nextnumber + ');return false">' + nextText + '</a></span>'
            } else {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + nextnumber + ');return false">' + nextText + '</a></span>'
            }
  }
  if (currentPageNo < lastPageNo) {
   //Iccsi was here, doing magic
   if (currentPage == "page") {
     html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastText + '</a></span>'
   } else {
     html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastText + '</a></span>'
   }
        }
        var pageArea = document.getElementsByName("pageArea");
        var blogPager = document.getElementById("blog-pager");
        for (var p = 0; p < pageArea.length; p++) {
            pageArea[p].innerHTML = html
        }
        if (pageArea && pageArea.length > 0) {
            html = ''
        }
        if (blogPager) {
            blogPager.innerHTML = html
        }
    }

    function totalcountdata(root) {
        var feed = root.feed;
        var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
        looppagecurrentg(totaldata)
    }
    function pagecurrentg() {
        var thisUrl = urlactivepage;
        if (thisUrl.indexOf("/search/label/") != -1) {
            if (thisUrl.indexOf("?updated-max") != -1) {
                postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
            } else {
                postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
            }
        }
        if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {
            if (thisUrl.indexOf("/search/label/") == -1) {
                currentPage = "page";
                if (urlactivepage.indexOf("#PageNo=") != -1) {
                    currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
                } else {
                    currentPageNo = 1
                }
                document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")
            } else {
                currentPage = "label";
                if (thisUrl.indexOf("&max-results=") == -1) {
                    perPage = 20
                }
                if (urlactivepage.indexOf("#PageNo=") != -1) {
                    currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
                } else {
                    currentPageNo = 1
                }
                document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + postLabel + '?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')
            }
        }
    }
    function redirectpage(numberpage) {
        jsonstart = (numberpage - 1) * perPage;
        noPage = numberpage;
        var nameBody = document.getElementsByTagName('head')[0];
        var newInclude = document.createElement('script');
        newInclude.type = 'text/javascript';
        newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
        nameBody.appendChild(newInclude)
    }

    function redirectlabel(numberpage) {
        jsonstart = (numberpage - 1) * perPage;
        noPage = numberpage;
        var nameBody = document.getElementsByTagName('head')[0];
        var newInclude = document.createElement('script');
        newInclude.type = 'text/javascript';
        newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
        nameBody.appendChild(newInclude)
    }

    function finddatepost(root) {
        post = root.feed.entry[0];
        var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
        var timestamp = encodeURIComponent(timestamp1);
        if (currentPage == "page") {
            var pAddress = "/search?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
        } else {
            var pAddress = "/search/label/" + postLabel + "?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
        }
        location.href = pAddress
    }
  /*]]>*/
</script>
</b:if>
</b:if>

3. Cari (Ctrl+F) kode <b:includable id='nextprev'>. Di bawahnya ada blog-pager seperti ini:

  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>

  <div class='clear'/>

5. Hapus semua kode tersebut dan ganti (replace) dengan kode berikut ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:if>
</b:if>

CATATAN:
Intinya sih, cuma nambahkan kode tag kondisional yang warna merah di posisi seperti di atas.

6. Save Template!

Jika ingin tampilan navigasi halaman yang lainnya, silakan ke sumber berikut ini:

• helplogger.blogspot.co.id/2014/04/how-to-add-numbered-page-navigation-widget-for-blogger.html
• http://www.blogolect.com/2015/01/how-to-add-numbered-page-navigation-to-blogger.html

Tapi, yang aman, lakukan tutorial di atas saja. Good Luck!

Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog

Cara Menghapus CSS Bundle Bawaan Blogger untuk Menambah Kecepatan Loading Blog

Cara menghapus CSS Bundle bawaan blogger untuk Menambah Kecepatan Loading Blog. Trik ini sudah diterapkan di NJW V3 Update. Terbukti, menambah kecepatan loading alias blog jadi makin ringan (fast loads).

Cara Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog:

1. Template → Edit
2. Backup Your Template! Takut gagal, bisa dibalikin ke template lama.
3. Cari kode <b:skin><![CDATA[
4. Ganti (replace) dengan kode ini:

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

5. Cari  kode ]]></b:skin>
7. Ganti dengan kode </style>

8. Save template!

Gampang 'kan menghapus CSS Bundle untuk Menambah Kecepatan Loading Blog?

TAPI.... ada tapinya.... itu LAYOUT (TATA LETAK) jadi acak-acakan, bagimana mengatasinya? Di NJW V3 ini, caranya menggunakan kode:

.outer-wrapper{width:970px}
.content-wrapper{width:970px}
#header{width:300px;float:left;margin-top:30px}
#header2{width:500px;float:right}
.main-wrapper{width:650px;float:left}
.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right}
#footer,.footer-wrapper{width:970px}
.footer{width:200px;float:left}
ul{display:none}
#navbar-iframe{height:0;visibility:hidden;display:none}

Simpan di bawah <b:skin><![CDATA[  sehingga menjadi seperti ini:

<b:skin><![CDATA[
.outer-wrapper{width:970px}
.content-wrapper{width:970px}
#header{width:300px;float:left;margin-top:30px}
#header2{width:500px;float:right}
.main-wrapper{width:650px;float:left}
.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right}
#footer,.footer-wrapper{width:970px}
.footer{width:200px;float:left}
ul{display:none}
#navbar-iframe{height:0;visibility:hidden;display:none}
*/]]></b:skin>

Intinya, agar Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog tidak membuat LAYOUT ACAK-ACAKAN, maka tambahkan elemen seperti di atas yang tiap template beda-beda, terutama awalannya, ada yang pake titik (.) ada yang pake pagar (#). (http://newjohnywussv3.blogspot.com).*

Sumber

Mantap, NJW V3 Bisa Ngalahin Blog Admin di SERP Google!

Template New Johny Wuss V3 Membantu Blog Anda Masuk Peringkat Atas di SERP Google. CB aja bisa kalah lho!

SAAT mengecek data soal "mengatasi data autor error" di Google, ternyata peringkat posting CB di template demo New Johny Wuss V3 ini mengalahkan posting di blog CB sendiri! Artinya, ini template SEO banget! Blog adminnya aja kalah di SERP Google! Cekidot:

Posting yang bisa nangkring di peringkat satu Google itu adalah Mengatasi Error Missing Update Author.

Padahal itu, tulisan "sekadar" mengisi template demo. Bisa dikatakan "asal tulis", tapi ternyata bisa mengalahkan "posting beneran" di blog CB: Cara Mengatasi Error: Missing "Updated" Struktur Data Blog.

Kok bisa? Ya... bisa lah! Secara, NJW V3 ini 'kan SEO friendly banget dan dari sisi kecepatan loading lebih OK daripada template yang digunakan CB (NJW V2). Blog CB sendiri loadingnya agak lambat karena banyak skrip dan elemen yang digunakan, sebagai "risiko" blog contoh.

So, kesimpulan posting ini adalah... template NJW V3 ini terbukti dan teruji SEO. Lebih penting lagi, gratis!!!

CB sertakan link download terbarunya, template NJW V3 yang sesuai dengan demonya ini. Monggo disedoooottttt.

DOWNLOAD


WARNING!!!

1. Anda hanya boleh mengubah link footer sebelah kanan.
2. Yang sebelah kiri, credit link maskolis & cb blogger TIDAK BOLEH DIUBAH!
3. NO Support for FREE TEMPLATE!

New Johny Wuss V3 SEO Friendly dan Fast Loading Responsive untuk Indeks Google

Good Luck & Happy Blogging!

Panduan Instal & Setting Template New Johny Wuss V3

Panduan Instal & Setting Template New Johny Wuss V3 - Newest SEO Friendly Blogger Template 2015. Versi terbaru hasil modifikasi Johny Wuss karya Maskolis.

Hasil modifikasi Johny Wusss sebelumnya adalah New Johny Wuss V1 dan New Johny Wuss V2.

UPDATE!!!
Link Download Terbaru NJW V3 (Sesuai Demo) 

Berikut ini cara setttingnya, setelah Anda upload menjadi template blog terbaru Anda. (Yang belum bisa cara ganti template, silakan ke TKP: Ganti Template Blog.)

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 Anda:

Template > Edit HTML > temukan kode  <span class='fn author'> . Lihat di bawahnya dan ganti yang berwarna merah dengan versi Anda.

<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 Anda!

<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}

MEMUNCULKAN BLOG PAGER 
Di halaman depan demo template lama, ada menu See All Posts yang mengarah ke Daftar Isi.
Anda bisa menggantinya dengan Blog Pager atau Menu Halaman Biasa (Older Posts) dengan mengganti kode antara

<b:includable id='nextprev'>  dan  <div class='clear'/>

dengan kode berikut ini:

<b:includable id='nextprev'>

  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == "item"'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>

  <div class='clear'/>

Demikian Panduan Instal & Setting Template New Johny Wuss V3. Good Luck!!!

Link: DOWNLOAD NJW V3

UPDATE!!!
Link Download Terbaru NJW V3 (Sesuai Demo) 

WARNING!!!! 

Jangan Hapus atau Ubah Credit Link maskolis & cb blogger di Footer. Jika menghapus atau mengubahnya, Google DMCA akan memasukkan blog Anda ke Google SandBox !!!

*** NO FREE SUPPORT for FREE TEMPLATES ***

New from CB !!!

DEMO & DOWNLOAD

Good Luck and Happy Blogging! (Admin).***

Gunakan Kode Warna HTML Biru untuk Link Blog

BIRU (blue) adalah link (tautan). Itulah rumus dasar blog dan situs website pada umumnya. Biru adalah warana link di situs-situs terkemuka di dunia, seperti Facebook, Google, Bing, Twitter, Yahoo, Wikipedia, dan Alexa.

Maka, jangan pernah menggunakan warna lain untuk link selain biru.

Jika warna biru link diganti dengan warna lain, maka akan mencederai UX (User Experience) yang menjadikan blog tidak user friendly!

Berikut ini kode Kode Warna HTML Biru Facebook & Twitter dll. untuk digunakan di blog.

Cara mengubahnya, cari kode link di template Anda. Jika sudah biru, biarkan. Jika warna lain, ini dia koleksi KODE WARNA BIRU HTML:

Biru Facebook: #3b5998
Biru Twitter: #55acee
Biru Harian Terbit: #0E62AA
Biru Persib: #03C
Biru Detikcom: #284296
Biru oxford: #09223e

Biru NN Group: visited #639
link #03c
font-color: #2b2828

Biru Top Background FB: #3a5795

Mengatur Tampilan Sidebar Widget di Homepage & Single Post

KITA bisa mengatur tampilan Sidebar Widget hanya muncul di Homepage (halaman depan) atau hanya muncul di Single Post saja. Defaultnya, ketika kita menambahkan widget, maka akan muncul di HOME dan di Halalaman Dalam (Single Post).

Bagaimana agar widget hanya muncul di depan saja atau di halaman dalam saja? Ini dia trik & trik dan kode HTML-nya:

CARA MENGATAR POSISI SIDEBAR WIDGET

1. Kode untuk Widget yang Hanya dimunculkan di homepage (halaman depan):

Tambahkan kode
<b:if cond='data:blog.url == data:blog.homepageUrl'> 

setelah <b:includable id='main'>

dan tambahkan kode
</b:if> sebelum kode penutup widget

sebelum kode </b:includable>

2. Untuk widget yang hanya muncul di halaman dalam/halaman posting saja:

Tambahkan kode
<b:if cond='data:blog.pageType == "item"'>

setelah <b:includable id='main'>
dan kode

</b:if> sebelum kode penutup widget (</b:includable>)

That's it!

Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger

Berikut ini Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger.

Komentar spam yaitu komentar yang berisi link aktif atau link hidup. Gambar pensil yaitu "quickedit" yang ternyata tidak seo friendly. Navigasi Bar itu bawaan blogger, jarang digunakan.

Atribusi blogger yaitu tulisan "Power by Blogger" atau "Diberdayakan oleh Blogger". Boleh dihilangkan.

Kode-kode berikut ini akan menyembunyikan dan menghapus link hidup, menghilanhkan gambar pensil (quickedit), dan atribusi blogger, dan navbar:

.comment-content a {display: none;}
.quickedit{display:none;}
#Attribution1 {display: none;}
#navbar { height: 0px; visibility: hidden; display: none;}

COPAS saja dan simpan di atas kode </b:skin> di template Anda!

Caranya:
1. Template > klik "Customize"
2. Klik Advance > Add CSS
3. Copas kode di atas
4. Klik "Apply" di kanan atas!

Cara Membuat Kotak Kode HTML di Posting Blog

JIKA ingin berbagi kode, sebaiknya gunakan Kotak Kode HTML agar kodenya tidak acak-acakan dan mengganggu tampilan posting.

Ini dia Cara Membuat Kotak Kode HTML di Posting Blog
1. Klik Mode "HTML"
2. Copy & Paste lode berikut ini:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

3. Klik Mode "Compose"
4. Maka akan muncul tampilan seperti ini:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

Nah, masukkan saja kode HTML/Javascript di bagian Kode Script Anda Di Sini