Noiseless Template Instructions

All this steps are on Layout page (except .xml file installation).

1. Install the .xml file
1. Unzip the file received
2. Go to Theme > Backup/Restore > Choose file

3. Upload the .xml named like the theme you bought.
2. about me

3. menu

    4. categories

      5. popular posts

      6. social icons

      <div class='social-icons'>
      <a href='FACEBOOKLINK' class='facebook-icon' target='_blank'/></a>
      <a href='INSTAGRAMLINK' class='instagram-icon' target='_blank'/></a>
      <a href='TWITTERLINK' class='twitter-icon' target='_blank'/></a>
      <a href='PINTERESTLINK' class='pinterest-icon' target='_blank'/></a>
      <a href='TUMBLRLINK' class='tumblr-icon' target='_blank'/></a>
      <a href='YOUTUBELINK' class='youtube-icon' target='_blank'/></a>
      <a href='mailto:EMAILADRESS' class='email-icon' target='_blank'/></a>
      <a href='RSSFEEDLINK' class='feed-icon' target='_blank'/></a>
      <a href='BLOGLOVINLINK' class='bloglovin-icon' target='_blank'/></a>
      Replace the blue text with your links. Be careful to not delete any quotation marks.
      Tip: Always add the https:// on your links, otherwise they will be broken and your blog will show a "404" (error)  page.

      7. Search

      <div class='gbml-search'>
      <form action='/search' class='search-form' method='get'>
      <input class='search-form-field' id='search' name='q' type='text' value=''/>
      <button alt='search' class='search-form-btn' type='submit'>
      <i aria-hidden='true' class='fa fa-search'/>
      Copy and paste the code above.

      8. Pinterest Code

      dataType: 'jsonp',
      type: 'GET',
      url: ''
      }).done(function(response) {
      var pins =;
      var html = '';
      for (var i = 0; i < 6; i++) {
      var description = pins[i].description;
      var dominantColor = pins[i].dominant_color;
      var imageUrl = pins[i].images['237x'].url;
      var url = pins[i].id;
      html += '<div class="pinterest-gallery"><a href="' + url + '/" target="_blank"><div class="pinterest-thumbnail" style="background-image: url(' + imageUrl + ')"><div class="pinterest-icon"><span><p><i class="fa fa-pinterest"></i></p></span></div></div></a></div>';
      }).fail(function() {
      <div class='pinterest'></div>

      Replace the blue text with your Pinterest username.

      9. Instagram Code

      <div id='instagram-wrapper'>
      <div id='instafeed'/>
      <script type='text/javascript'>
      var userFeed = new Instafeed({
      userId: "xxxxxxxxxx",
      accessToken: "xxxxxxxxxx.xxxxxxx.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      get: "user",
      limit: "6",
      resolution: "low_resolution",
      template: '<div class="insta-widget" href="{{link}}" target="_blank"><a href="{{link}}" target="_blank" style="background-image: url({{image}});"> <img src=""></img> <span class="insta-likes"> {{likes}} <i class="fa fa-heart" aria-hidden="true"></i> </span> </a></div>'

      Replace the blue text (userId) and the orange text (accessToken) with your Instagram’s permission token. Each token is unique for each Instagram user. To get your token, follow these steps:

      1. Access:
      2. Click: “Generate Access Token”

      Your accessToken is the returned code.
      Your userId is the number before the first dot.
      10. Archive

      11. change colors and fonts

      Do you need help with any of these steps?
      Contact me on the link below.

      Contact Form