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!

Posted by Farah Alwahida on 22.07

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

Posted by Farah Alwahida on 07.11

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!

Posted by Farah Alwahida on 17.24

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!

Posted by Farah Alwahida on 00.09

Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas

BLOG Anda sepi pengunjung? Salah satu sebabnya, konten blog Anda tidak berkualitas! Algoritma Google dan mesin pencari lain mengutamakan isi, tulisan,  atau posting berkualitas (quality content).

Apa saja ciri-ciri konten blog berkualitas sehingga mudah dan cepat diindeks Google? Berikut ini Panduan Resmi Google tentang Cara Mengisi Blog dengan Konten Berkualitas.

Pedoman Kualitas - Prinsip Dasar

1. Buat laman (konten, posting, tulisan) yang utamanya untuk pengguna, bukan untuk mesin telusur.
2. Jangan menipu pengguna Anda!
3. Hindari trik yang dimaksudkan untuk meningkatkan peringkat mesin telusur. Yang paling penting adalah apakah Anda merasa nyaman menjelaskan apa yang telah Anda lakukan ke laman web pesaing Anda, atau kepada karyawan Google. Pengujian berguna lainnya adalah menanyakan, "Apakah ini membantu pengguna saya? Akankah saya melakukan ini jika tidak ada mesin telusur?"
4. Pikirkan tentang apa yang membuat situs web Anda unik, berharga, atau menarik. Buat situs web Anda menonjol dari yang lain di bidang Anda.

Panduan konten berkaulitas selengkapnya ada di Design and Content Guidelaine. Good Luck!

Posted by Farah Alwahida on 20.28

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

Posted by Farah Alwahida on 20.24

25 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung

BAGAIMANA cara mempromosikan posting blog untuk menambah jumlah pengunjung (trafik)? Mari kita intip bagaima tips dan pengalaman para blogger di luar sana mempromosikan blognya untuk menarik pembaca.

Setidaknya ada 25 cara mempromosi posting blog untuk menambah jumlah pengunjung dan menaikkan popularitas blog kita.

Tips berikut ini ada di forum blogger Quora.

1. Post to Twitter
2. Post to Facebook
3. Post to Google+
4. Comment on a bunch of commentluv blogs so people can see your recent post
5. Submit it to blog voting sites like http://Bizsugar.com orhttp://blogengage.com or Hacker News
6. Deep link to other bloggers posts so they will be sent trackback notifications, getting them to your site might get it mentioned elsewhere - engaging with other bloggers is the best way to get your content promoted.
7. Mention other people and products in your post and send out tweets letting them know they were mentioned.
8. Get guest bloggers who will often promote the post to their audience (ex / current journalists have a healthy audience)
9. Send an email newsletter to your list with a personalised intro and a link to the blog post (I use MailChimp it's great).
10. Go into forums that are are active in and look for threads that your post relates to, if rules permit reply with a link to the post.
11. Update your forum signature every time you release a new post.
12. Use WiseStamp so your email signature always shows your latest post.
13. Comment on Other blogs
14. Comment on forums in your niche market
15. Print out business cards and hand them out
16. Link your blog in your email signature
17. Link your blog in your forum signature
18. Submit your blog to Google
19. Submit your blog to Yahoo!
20. Build your links through relationships with other bloggers
21. Build authority on your niche market
22. Submit to website directories
23. Create iPhone App for your website
24. Do something that has never been done
25. Create joint ventures with other bloggers

Nah lho, banyak bangiiit...!!! Silakan coba.

Posted by Farah Alwahida on 20.18