Form search box halaman error

Form search box dalam halaman error berguna apabila pengunjung situs Anda tidak mendapatkan artikel yang mereka inginkan. Anda dapat menambahkan form search box atau kotak pencarian untuk lebih memudahkan bagi pengunjung untuk mendapatkan artikel.

Berikut kode sederhana cara membuat form search box untuk halaman error di Blogger atau blogspot.

<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Cari blog ini.." onfocus="if (this.value == &quot;Cari blog ini..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari blog ini...&quot;;}" name="q"></td>
<td><input type="submit" Value="Search"></td>
</tr>
</table>
</form>

<form method="get" action="/search">
<table width="100%">
<tr>
<td><input placeholder="Type here..." class="input-text" type="text" value="" onfocus="if (this.value == &quot;&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}" name="q" /></td>
<td width="64px"><input class="search-submit" type="submit" value="Search" /></td>
</tr>
</table>
</form>


JavaScript Feed Json Blogger/Blogspot

Berikut ini kode parsing feed json blogspot dengan menggunakan javascript.

<h3>Allpost</h3>

<div id="allpost"></div>

<script>

function allpost(root) {
    var feed = root.feed;
    var entries = feed.entry || [];
    var dimension = 90;
    var html = ['<ul>'];

    for (var i = 0; i < entries.length; ++i) {
      var entry = entries[i];
      var title = (entry.title.type == 'text') ? entry.title.$t : escape(entry.title.$t);
      var link = (entry['link']) ? entry['link'][4].href : "";
      var summary = (entry.summary.type == 'text') ? entry.summary.$t : escape(entry.summary.$t);
      var thumbnail = (entry.media$thumbnail) ? entry.media$thumbnail.url : "";
      var thumbnails = thumbnail.replace(/s\B\d{3,4}/,'s' + dimension);
      html.push('<li><img style="float:left;margin:0 5px 5px 0" src="',thumbnail,'"><a href="', link, '">', title, '</a><br>',summary,'</li>');
    }
    var linkprev = feed.link[4].href;
    var linknext = feed.link[5].href;
    html.push('',linknext,'<br>',linkprev,'');
    html.push('</ul>');
    document.getElementById("allpost").innerHTML = html.join("");
  }

</script>

<script src="http://www.yourblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=allpost"></script>

Ganti www.yourblog.blogspot.com dengan url blog Anda.