» » » » » » New Johny Wuss - SEO, Fast, and Responsive

New Johny Wuss - SEO, Fast, and Responsive

and Responsive , Blogger Template , Fast , SEO , Template SEO
Thursday, August 21, 2014
Belum ada komentar

New Johny Wuss - Responsive Template
Johny Wuss is one of the most popular and favorite blogger template among bloggers because of its fast loading and SEO Friendly/SEO Ready.

New Johny Wuss - SEO, Fast, and Responsive Blogger Template ini responsif, fast loading, dan "lebih" SEO Friendly dari Johny Wuss asli.

Skor SEO Blog dengan template New Johny Wuss  ini bisa mencapai nilai SEMPURNA: 100% !!! WOOOWWW kan...???

Skor SEO: SEO Reports for newjohnywuss.blogspot.com

Untuk melihat dan mengetes responsif-tidaknya template blog ini --juga blog Anda-- bisa dilakukan di Responsinator atau di Responsive Test.

Bisa juga ngetesnya dengan cara "minimize" layar komputer Anda, lalu ubah ukuran sesuka hati. Tampilan blog ini akan "ngikutin" alias merespons ukuran screen Anda!

Kecepatan Loading New Johny Wuss
Test Kecepatan Loading Template Blog ini silakan lakukan sendiri di GT Metrix. Hasilnya akan beda-beda soalnya, tergantung settingan dan gambar yang Anda upload ke blog.

PANDUAN INSTAL:

1. Featured Post

Selain soal pewarnaan yang jadi dominasi hitam dan responsif, pembeda utama New Johny Wuss dengan Johny Wuss asli adalah adanya kotak Featured Post di halaman depan.

Anda tinggal menambah Label Featured (ingat: huruf F-nya kapital ya....!! di posting yang ingin ditampilkan di sana. Cukup satu saja, biar gak pengaruhi loading, ganti-ganti aja tiap minggu.

Kode skripnya ini:

<script>
document.write(" <script src=\"/feeds/posts/default/-/Featured?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>

Jika Anda ingin yang tampil di Featured Post itu Posting Terbaru, maka:
1. Template > Edit HTML
2. Temukan kode di atas
3. HAPUS saja bagian /-/Featured sehingga menjadi begini:

<script>
document.write(" <script src=\"/feeds/posts/default/-/Featured?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>

2. Recent/Latest Posts/Posting Terbaru

Gadget "Posting Terbaru", "Recent Posts", "Latest Posts", atau "Artikel Terbaru" dan "Komentar Terbaru" (Recent Comments) di Blogspot bermasalah, bahkan tidak ada lagi.

Bagaimana jika ingin menampilkan "Posting Terbaru" dan "Komentar Terbaru" di Blogspot di sidebar atau di footer?

Cara Membuat "Recent Posts"

Berikut ini cara Membuat "Recent Posts" dan "Recent Comments" di Blogspot, yaitu dengan menggunakan Gadget "Feeds". Caranya:

Siapkan dulu "Feeds"-nya, yaitu Feed Komentar dan Feed Posts:
1. URL Blog Comments Feed.
    http://URL blog Anda/feeds/comments/default
    misalnya http://contohblognih.blogspot.com/feeds/comments/default

2. URL Blog Posts Feed.
    http://URL blog Anda/feeds/posts/default
    misalnya http://contohblognih.blogspot.com/feeds/posts/default

Berikut ini langkah mudah dan cepat membuat "Recent Posts" dan "Recent Comments" di Blogspot
1. Klik "Layout" atau "Tata Letak".
2. Klik "Add a gadget" di salah satu sidebar atau footer.
3. Pilih "Feeds"
4. Masukkan kode http://URL blog Anda/feeds/comments/default
5. Ganti nama Gadget dengan "Komentar Terbaru"
6. Save!

Untuk membuat "Recent Post" begitu juga langkahnya, cuma kode URL Feeds-nya pake yang http://URL blog Anda/feeds/posts/default dan namanya ganti jadi "Posting Terbaru".

CARA LAIN-1
Cara lain menambah atau membuat Recent Post dengan gambar thumbnail ada di SINI.

Kalau "Recent Posts" blog ini menggunakan kode berikut ini di Gadget HTML/Javascript:

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQ64TyYBzIa7NpBaT35FTD6yKkuzWfTFWMRs_Vguwj0SPhfYBzJ-9VVKFFkx2zNwum3c8yL51TO4YzFleVZiBXH-mhVR0tlipVokTJxSdFih5jhrlAp_9KvAkYVgSmam6NK2VgXhfuB_i/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Kalau mau pake, tinggal ganti contohblognih.blogspot.com dengan URL blog Anda.

CARA LAIN-1
Alternatif kode HTML/Javascript untuk memasang "Psoting Terbaru":

<script type="text/javascript">
function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }
    posttitle = posttitle.link(posturl);
    var readmorelink = "(more)";
    readmorelink = readmorelink.link(posturl);
    var postdate = entry.published.$t;
    var cdyear = postdate.substring(0,4);
    var cdmonth = postdate.substring(5,7);
    var cdday = postdate.substring(8,10);
    var monthnames = new Array();
    monthnames[1] = "Jan";
    monthnames[2] = "Feb";
    monthnames[3] = "Mar";
    monthnames[4] = "Apr";
    monthnames[5] = "May";
    monthnames[6] = "Jun";
    monthnames[7] = "Jul";
    monthnames[8] = "Aug";
    monthnames[9] = "Sep";
    monthnames[10] = "Oct";
    monthnames[11] = "Nov";
    monthnames[12] = "Dec";
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
    if (!standardstyling) document.write('<div class="bbrecpost">');
    if (standardstyling) document.write('<li>');
    document.write(posttitle);
    if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear);
    if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
    if (showpostsummary == true) {
      if (standardstyling) document.write('<br/>');
      if (postcontent.length < numchars) {
         if (standardstyling) document.write('<i>');
         document.write(postcontent);
         if (standardstyling) document.write('</i>');}
      else {
         if (standardstyling) document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...' + readmorelink);
         if (standardstyling) document.write('</i>');}
}
    if (!standardstyling) document.write('</div>');
    if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
document.write('');
if (!standardstyling) document.write('</div>');
}
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 0;
var standardstyling = false;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

3. Meta Tags & Menu

  1. Template > Edit HTML
  2. Temukan (CTRL+F) nama menu dan ganti dengan nama dan url versi Anda
  3. Temukan "description" dan ganti dengan Meta Deskripsi versi Anda
  4. Footer, Sidebar, seperti biasa diedit di "Layout"

INGAT !!!

Menghapus Credit Link CB Blogger & Mastemplate di Footer adalah PELANGGARAN !!! CB tak segan-segan mengadukannya ke Google biar blog Anda didelet Google di Indeksnya!!!
Mau??? Monggo....
Download New Johny Wuss - SEO, Fast, and Responsive Blogger Template!
Terima kasih telah membaca artikel tentang New Johny Wuss - SEO, Fast, and Responsive di blog template seo ringan jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Arif | Arif Rachman Hakim | Mas Arif | Mas Arif Rachman Hakim