title: Script does not show original image
body: <p>Guys I have a script that shows blogger articles, only the images of the articles are of poor quality.</p>
  
  <p>Looking at the script the only part that refers to the image is this</p>
  
  <pre class="lang-js prettyprint-override"><code>// Get the post thumbnails
  postimg = ("media$thumbnail" in entry) ? entry.media$thumbnail.url : imgBlank;
  
  // Build the post template
  output += '&lt;div class="itemposts"&gt;';
  output += '&lt;h6&gt;&lt;a href="' + posturl + '" title="' + posttitle + '"&gt;' + posttitle + '&lt;/a&gt;&lt;/h6&gt;';
  output += '&lt;div class="iteminside"&gt;&lt;a href="' + posturl + '"&gt;&lt;img src="' + postimg + '" /&gt;&lt;/a&gt;';
  output += '&lt;span class="summary"&gt;' + postsumm + '&lt;/span&gt;&lt;/div&gt;';
  output += '&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;div class="itemfoot"&gt;' + timepub + replies + '&lt;a class="itemrmore" href="' + posturl + '"&gt;' + rmoreText + '&lt;/a&gt;&lt;/div&gt;';
  output += '&lt;/div&gt;';
  </code></pre>
  
  <p>css code:</p>
  
  <pre class="lang-css prettyprint-override"><code>.itemposts img {
    float:left;
    height:90px;
    width:200px;
    margin:2px 10px 2px 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background-color:#fafafa;
    border:1px solid #dcdcdc;
    padding:4px;
  }
  </code></pre>
  
  <p>Does anyone know which part of the code needs to be changed to show the image with the original quality?</p>
  
  <p>added full code full code</p>
  
  <pre><code>&lt;script&gt;
  var showPostDate   = true,
      showComments   = true,
      idMode         = true,
      sortByLabel    = false,
      labelSorter    = "Games",
      loadingText    = "Loading...",
      totalPostLabel = "Jumlah posting:",
      jumpPageLabel  = "Halaman",
      commentsLabel  = "Komentar",
      rmoreText      = "Selengkapnya &amp;#9658;",
      prevText       = "Sebelumnya",
      nextText       = "Berikutnya",
      siteUrl        = "https://elfenliedbrazil.blogspot.com/",
      postPerPage   = 6,
      numChars       = 370,
      imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
  &lt;/script&gt;
  
  &lt;script type='text/javascript'&gt;
  //&lt;![CDATA[
  // -----------------------------------------------------------------------------------------
  // 
  // Original: 
  // Modified by Taufik Nurrohman
  //
  // -----------------------------------------------------------------------------------------
  
  var minpage = 6; // Minimum number to display the page
  var maxpage = 10; // The maximum number of pages to display
  var firstpage = 0; // Detect the first time it is executed
  var pagernum = 0; // Contain the page number where we
  var postsnum = 0; // Start the first page
  var actualpage = 1; // Starting value of the current page (it will change if you click the pagination).
  
  // This is the container template that will be used to insert the posts template, pagination and the posts count
  document.write('&lt;div id="toc-outer"&gt;&lt;div id="results"&gt;&lt;/div&gt;&lt;div id="itempager" style="position:relative;"&gt;&lt;div id="pagination"&gt;&lt;/div&gt;&lt;div id="totalposts"&gt;&lt;/div&gt;&lt;a title="Taufik Nurrohman" style="display:block!important;visibility:visible!important;opacity:1!important;position:absolute;bottom:10px;right:14px;font:normal bold 8px Arial,Sans-Serif!important;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.1);text-decoration:none;" href="http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-isi-blogger-dengan-navigasi.html" target="_blank"&gt;&amp;#9658;TN&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;');
  
  var _results = document.getElementById('results');
  var _pagination = document.getElementById('pagination');
  var _totalposts = document.getElementById('totalposts');
  
  // Build the table of contents framework
  
  function showPagePosts(json) {
  
      var entry, posttitle, posturl, postimg, postsumm, replies, monthnames, timepub, output = "";
  
      if (pagernum === 0) {
          postsnum = parseInt(json.feed.openSearch$totalResults.$t);
          pagernum = parseInt(postsnum / postPerPage) + 1;
      }
  
      for (var i = 0; i &lt; postPerPage; i++) {
  
          if ("entry" in json.feed) {
  
              if (i == json.feed.entry.length) break;
  
              entry = json.feed.entry[i];
              posttitle = entry.title.$t; // Get the post title
  
              // Get rel="alternate" for truly post url
              for (var k = 0, elen = entry.link.length; k &lt; elen; k++) {
                  if (entry.link[k].rel == "alternate") {
                      posturl = entry.link[k].href; // This is your real post URL!
                      break;
                  }
              }
  
              // Get the comments count
              for (var l = 0, clen = entry.link.length; l &lt; clen; l++) {
                  if (entry.link[l].rel == "replies" &amp;&amp; entry.link[l].type == "text/html") {
                      var commentsnum = entry.link[l].title.split(" ")[0]; // This is your comments count
                      break;
                  }
              }
  
              // If the Blogger-feed is set to SHORT, then the content is in the summary-field
              postsumm = ("summary" in entry) ? entry.summary.$t.replace(/&lt;br ?\/?&gt;/ig, " ").replace(/&lt;.*?&gt;/g, "").replace(/[&lt;&gt;]/g, "") : ""; // Get the post summary
  
              // Reduce post summaries to "numChars" characters.
              // "numChars" is a variable. You determine the value
              if (postsumm.length &gt; numChars) {
                  postsumm = (numChars &gt; 0 &amp;&amp; numChars !== false) ? postsumm.substring(0, numChars) + '...' : "";
              }
  
              // Get the post date (e.g: 2012-02-07T12:56:00.000+07:00)
              var _postdate = entry.published.$t,
                  _cdyear = _postdate.substring(0, 4), // Take 4 characters from the "postdate" beginning, it means the year (2012)
                  _cdmonth = _postdate.substring(5, 7), // Take 2 character 5 step from "postdate" beginning, it mean the month (02)
                  _cdday = _postdate.substring(8, 10); // Take 2 character 8 step from "postdate" beginning. it means the day (07)
  
              // Month array template
              monthnames = (idMode) ? ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agt", "Sep", "Okt", "Nov", "Des"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
  
              // The final product of the post date = (07 Feb 2012) (cdday monthnames cdyear)
              timepub = (showPostDate) ? _cdday + ' ' + monthnames[parseInt(_cdmonth, 10) - 1] + ' ' + _cdyear + ' - ' : '';
  
              // The final product of the comments count &amp; comments label (10 Komentar) (commentsnum commentsLabel)
              replies = (showComments) ? commentsnum + ' ' + commentsLabel : '';
  
              // Get the post thumbnails
              postimg = ("media$thumbnail" in entry) ? entry.media$thumbnail.url : imgBlank;
  
              // Build the post template
              output += '&lt;div class="itemposts"&gt;';
              output += '&lt;h6&gt;&lt;a href="' + posturl + '" title="' + posttitle + '"&gt;' + posttitle + '&lt;/a&gt;&lt;/h6&gt;';
              output += '&lt;div class="iteminside"&gt;&lt;a href="' + posturl + '"&gt;&lt;img src="' + postimg + '" /&gt;&lt;/a&gt;';
              output += '&lt;span class="summary"&gt;' + postsumm + '&lt;/span&gt;&lt;/div&gt;';
              output += '&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;div class="itemfoot"&gt;' + timepub + replies + '&lt;a class="itemrmore" href="' + posturl + '"&gt;' + rmoreText + '&lt;/a&gt;&lt;/div&gt;';
              output += '&lt;/div&gt;';
  
          }
  
      }
  
      // Put the whole template above into &lt;div id="results"&gt;&lt;/div&gt;
      _results.innerHTML = output;
      _create_pagination();
  
  }
  
  // Build the pagination
  function _create_pagination() {
  
      output = "";
      var starter = 0;
  
    output += ((actualpage &gt; 1) ? '&lt;a title="' + prevText + '" class="prevjson" href="javascript:_init_script(' + (actualpage - 1) + ')"&gt;' + prevText + '&lt;/a&gt;' : '&lt;span class="prevjson hidden"&gt;' + prevText + '&lt;/span&gt;') + '&lt;em style="font:inherit;color:inherit;" class="pagernumber"&gt;';
  
      if (pagernum &lt; (maxpage + 1)) {
          for (starter = 1; starter &lt;= pagernum; starter++) {
              output += (starter == actualpage) ? '&lt;span class="actual"&gt;' + starter + '&lt;/span&gt;' : '&lt;a href="javascript:_init_script(' + starter + ')"&gt;' + starter + '&lt;/a&gt;';
          }
      } else if (pagernum &gt; (maxpage - 1)) {
          if (actualpage &lt; minpage) {
              for (starter = 1; starter &lt; (maxpage - 2); starter++) {
                  output += (starter == actualpage) ? '&lt;span class="actual"&gt;' + starter + '&lt;/span&gt;' : '&lt;a href="javascript:_init_script(' + starter + ')"&gt;' + starter + '&lt;/a&gt;';
              }
              output += ' ... ';
              output += '&lt;a href="javascript:_init_script(' + parseInt(pagernum - 1) + ')"&gt;' + parseInt(pagernum - 1) + '&lt;/a&gt;';
              output += '&lt;a href="javascript:_init_script(' + pagernum + ')"&gt;' + pagernum + '&lt;/a&gt;';
          } else if (pagernum - (minpage - 1) &gt; actualpage &amp;&amp; actualpage &gt; (minpage - 1)) {
              output += '&lt;a href="javascript:_init_script(1)"&gt;1&lt;/a&gt;';
              output += '&lt;a href="javascript:_init_script(2)"&gt;2&lt;/a&gt;';
              output += ' ... ';
              for (starter = actualpage - 2; starter &lt;= actualpage + 2; starter++) {
                  output += (starter == actualpage) ? '&lt;span class="actual"&gt;' + starter + '&lt;/span&gt;' : '&lt;a href="javascript:_init_script(' + starter + ')"&gt;' + starter + '&lt;/a&gt;';
              }
              output += ' ... ';
              output += '&lt;a href="javascript:_init_script(' + (pagernum - 1) + ')"&gt;' + parseInt(pagernum - 1) + '&lt;/a&gt;';
              output += '&lt;a href="javascript:_init_script(' + pagernum + ')"&gt;' + pagernum + '&lt;/a&gt;';
          } else {
              output += '&lt;a href="javascript:_init_script(1)"&gt;1&lt;/a&gt;';
              output += '&lt;a href="javascript:_init_script(2)"&gt;2&lt;/a&gt;';
              output += ' ... ';
              for (starter = pagernum - (minpage + 1); starter &lt;= pagernum; starter++) {
                  output += (starter == actualpage) ? '&lt;span class="actual"&gt;' + starter + '&lt;/span&gt;' : '&lt;a href="javascript:_init_script(' + starter + ')"&gt;' + starter + '&lt;/a&gt;';
              }
          }
      }
  
      output += '&lt;/em&gt;' + ((actualpage &lt; starter - 1) ? '&lt;a title="' + nextText + '" class="nextjson" href="javascript:_init_script(' + (actualpage + 1) + ')"&gt;' + nextText + '&lt;/a&gt;' : '&lt;span class="nextjson hidden"&gt;' + nextText + '&lt;/span&gt;');
  
      _pagination.innerHTML = output;
      _totalposts.innerHTML = totalPostLabel + ' ' + postsnum + ' - ' + jumpPageLabel + ' ' + ((actualpage * postPerPage) - (postPerPage - 1)) + ((actualpage &lt; starter - 1) ? ' - ' + (actualpage * postPerPage) : "");
  
  }
  
  // Functions to remove and append the callback script that has been manipulated in the `start-index` parameter
  function _init_script(n) {
  
      var parameter = (n * postPerPage) - (postPerPage - 1), old, s,
          head = document.getElementsByTagName('head')[0],
          url = (sortByLabel) ? siteUrl + '/feeds/posts/summary/-/' + labelSorter + '?start-index=' + parameter : siteUrl + '/feeds/posts/summary?start-index=' + parameter; // Optional: Sort posts by a specific label
  
      if (firstpage == 1) {
          // Jump to top
          document.documentElement.scrollTop = _results.offsetTop - 30;
          document.body.scrollTop = _results.offsetTop - 30;
          // Remove the old callback script
          old = document.getElementById("TEMPORAL");
          old.parentNode.removeChild(old);
      }
  
      _results.innerHTML = '&lt;div id="loadingscript"&gt;' + loadingText + '&lt;/div&gt;';
      _pagination.innerHTML = '';
      _totalposts.innerHTML = '';
  
      s = document.createElement('script');
      s.type = 'text/javascript';
      s.src = url + '&amp;max-results=' + postPerPage + '&amp;orderby=published&amp;alt=json-in-script&amp;callback=showPagePosts';
      s.id = 'TEMPORAL';
      head.appendChild(s);
      firstpage = 1;
      actualpage = n;
  
  }
  
  // Execute the _init_script() function with parameter as `1` on page load
  // So it will show the first page.
  window.onload = function() {
      _init_script(1);
  };
  //]]&gt;
  &lt;/script&gt;
  </code></pre>