Beli Domain Murah

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:

Navigasi Halaman Nomor

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:
Tapi, yang aman, lakukan tutorial di atas saja. Good Luck!

Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog

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

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:

serp google njw v3

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

New Johny Wuss V3 SEO Friendly dan Fast Loading Responsive untuk Indeks Google
Good Luck & Happy Blogging!

Top 5 Situs yang Wajib Digunakan Blogger

Top 5 Situs yang Wajib Digunakan Blogger
SETIDAKNYA ada 5 Situs Web atau Laman yang wajib dikunjungi dan dimanfaatkan para blogger untuk kebaikan dan kesuksesan blognya. 

Bahkan, tiga di antaranya harus dibuka sebelum memilih template blog SEO Friendly yang bagus buat indeks Google.

Kelima situs yang harus digunakan para blogger itu bisa kita sebut sebagai Online Blogging Tools. 

Di situs-situs inilah kita bisa melihat skor SEO sebuah template blog, kecepatan tampilannya (loading speed), dan struktur datanya.

Top 5 Blogging Tools Sites
  1. Chkme
  2. GT Metrix
  3. Structured Data Testing Tool
  4. Google Webmaster
  5. Feedburner 
CHKME - Uji Skor SEO 
Chkme adalah situs untuk mengetes ke-SEO-an blog atau template. Jadi, sebelum Anda menggunakan atau menentukan template yang akan digunakan, cek dulu skor SEO-nya di sana. Standar Skor SEO yang baik adalah minimal 80.  

Banyak situs lain yang juga menilai SEO blog, tapi yang paling populer CHKME karena simple dan panduan perbaikannya mudah diikuti newbie sekalipun.

GT Metrix - Uji Fast Loading
GT Metrix adalah situs untuk menguji kecepatan loading template. Skor standar yang bagus buat SEO dalah B (80), yang terbaik tentu saja nilai (A), yaitu 90% ke atas.

Structured Data Testing Tools
Laman  ini disediakan Google untuk mengetes apakah blog Anda bisa dibaca (diindeks) oleh Google atau tidak. Struktur data blog yang baik tidak ada warning/error. Artinya, template blog sudah baik dan akan mudah dan cepat diindeks Google.

Banyak blogger mengeluh blognya sepi pengunjung. Kemungkinan salah satu penyebabnya adalah struktur data blognya error.

Google Webmaster
Begitu Anda membuat blog, segera buka Google Webmaster agar blog Anda terdaftar dengan cepat di mesin pencari Google. Nanti ada panduan optimisasi SEO lebih lanjut.

Lebih baik lagi daftar pula ke Google Analytic.

Feedburner
Masih milik Google, Feedburner adalah layanan pembuatan RSS Feed sehingga konten blog kita tersebar atau terdistribusikan via email dan media sosial (Twitter) secara otomatis. Di Feedburner pula ada kode untuk membuat Kotak Berlangganan (Subscribe Box).

Nah, itulah ulasan ringkas tentang Top 5 Situs yang Wajib Digunakan Blogger. Good Luck!