Installation Layout Widgets Content HTML Content Error 404

# Memento | Documentation [ Bthemez.com ]

Thank you for Downloading my template. Please Read the documentation carefully, If you still have any problem contact me at bthemez@gmail.com. Thanks so much!

- Bthemez@gmail.com Version

##### 1. Backup & Uploading

1. Unzip the Template.zip file.
2. On Blogger Dashboard Click Template.
3. Click on Download Full Template to keep your old template.
4. Click Browse... button. Find where the “Memento-premium.xml” file location.
5. Then Click Upload.
6. Edit mobile Preveiw. (follow images).

#### After installing the theme, there are minimun settings to make all widgets work fine in this template.

##### 2. Blog Feed

1. On Blogger Dashboard Click Settings.
2. Click Other.
3. In Site Feed > Allow Blog Feed Choose Full.
4. Then Click Save settings.

#### Solve Undefined undefined problem.

##### 2. Date undefined problem

1. On Blogger Dashboard Click Settings.
2. Click Language and formatting.
3. change Time Stamp > only Choose mm/dd/yyyy.
4. Then Click Save settings.

#### Now you can Edit the meta tag Keywords of your blog. follow this steps

1. On Blogger Dashbord Click Template.
2. Click Edit HTML.
3. Click `Ctrl` + `F` and Search for the following Code:
`<meta content='Keywords_Here' name='keywords'/>`
4. Change `Keywords_Here` with your blog keywords you want to use.
5. Click Save template.

- Header Logo.
- Navigation Menu
- Featured Slider
- Popular Post

##### 1. Setting Main Blog Part

1. On Blogger Dashboard Click Layout.
2. Click Edit on Blog Posts Widget.
3. Change it to look like that image.
4. Click Save.

##### 2. Navigation Menu

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <div id='menu'>

        <!-- Title -->

        <div class='content'>

            <!-- Menu Links -->

            <ul>
                <li><a href='#'>Home</a></li>

                <li><a href='#'>Our Work</a></li>

                <li><a href='#'>Learn About Us</a></li>

                <li><a href='#'>Get in touch</a></li>
            </ul>

        </div>

            <!-- Socials Ico -->

              <div class='social-links'>

                  <ul>
                    <li><a href='#'><i class='fa fa-twitter'/></i></a></li>
                    <li><a href='#'><i class='fa fa-facebook'/></i></a></li>
                    <li><a href='#'><i class='fa fa-dribbble'/></i></a></li>
                    <li><a href='#'><i class='fa fa-behance'/></i></a></li>
                    <li><a href='#'><i class='fa fa-linkedin'/></i></a></li>
                  </ul>

              </div>

    </div>

Change | Please Change the links according to your need,For links Just replace the # with url and Change the Name of the link

##### 3. Header Background Image Slider

1. Customizing Header slider is very easy
2. Just go Blogger Dashboard-> Template
3. Ctrl or Command + F and try to find " slideshow " (without quotes)
4. You'll find Code something like this

To Modify It all you have to do is just change the text, GO to the very last of the template you'll find code something like this.

     <div class='wrapper'>
                    <div id='slideshow'>
                        <!-- Configure here your own images
                        ================================================== -->
                        <img alt='image1' src='http://1.bp.blogspot.com/-AbeNlLkrqmE/VTecM7FFWMI/AAAAAAAAB_U/Qr3N8wMBhww/s1600/1-s.jpg'/>
                        <img alt='image2' src='http://3.bp.blogspot.com/-HNQWb_wweK0/VTecM0MdytI/AAAAAAAAB_Q/8a9LWS5wjfw/s1600/2-s.jpg'/>
                        <img alt='image3' src='http://2.bp.blogspot.com/-clLWTInwlcY/VTecLz0gJJI/AAAAAAAAB_I/vifRiD4pOLg/s1600/3-s.jpg'/>
                    </div>
                </div>

Just Change the Image url with your image url

#### Header Image and text

1. Just Below the Header image slider you'll find Header author image and text
2. With the following details you can easily customize header image and text

Go to the template and try to find " Author Image ".

    <div class='bt-slider'>
    <div class='slide-container container text-left'>
                            <div class='slide-content page-scroll'>
    <!-- Add your Author Image here
                        ================================================== -->

                              <img class='author-first' src='http://4.bp.blogspot.com/-mtSs6EEqq7I/VTabAdkz5hI/AAAAAAAAB8k/gFUeriyiipQ/s1600/51.jpg'/>
                                <div class='text-rotator'><p class='rotate text-slide-title primary-typo strong'>HELLO I&#39;M JOHN DOE|WELCOME TO MY PERSONAL BLOG|I LOVE TO DO CREATIVE THINGS|I&#39;M PROFESSIONAL WEB DEVELOPER</p></div>

    <div class='identify-icon'>
    <ul>
    <li class='icon-left wow fadeInLeft'><a href='#'><i class='fa fa-twitter'/></a></li>
    <li class='wow fadeInLeft'><a href='#'><i class='fa fa-linkedin'/></a></li>
    <li class='icon-left wow fadeInRight'><a href='#'><i class='fa fa-behance'/></a></li>
    <li class='wow fadeInRight'><a href='#'><i class='fa fa-dribbble'/></a></li>
    </ul>
    </div>

    <div class='scroll-down'> <img alt='' src='http://2.bp.blogspot.com/-sSTZObJMPeg/VTefQvLSB6I/AAAAAAAAB_k/sfwaD7qeAo0/s1600/mouse.png'/></div>
    </div>

                        </div>

          </div>

1. Just change the image url with your image url make sure height of image would be 230px. best fit 230px x 230px.

2. Change the text according to your need. It will look for "|" to make it slide.

3. Blogger won't accept special characters so you if you want to use you can using this link. Click here

##### 4. InstaGram Widget

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <div class='dark-wrapper'>

    <h3 class='section-title'><img src="http://webagate.com/demos/alia/loop-one-page-multipurpose-website-template/light-version/images/instagram/instagram.png"/></h3>

          <div class='clear'/>
          <ul id='instafeed'/>
    </ul>
    </div>

    <script type='text/javascript'>//<![CDATA[

    var feed = new Bthemezinsta({
     get: 'user',
     userId: 1531863919,
      limit:14,
      sortBy:'random',
    accessToken: '1531863919.1677ed0.23d238bc564249e799095d060c750218',
      template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /></a></li>',
     resolution: 'standard_resolution'
     });
     feed.run();

    //]]>
    </script></div>

Note | just change the # with your instagram url
Generate Access Token | you need access token for instagram widget to work Go to this url-> http://instagram.pixelunion.net/ Generate access token
Sign In and Follow the steps | Then You'll be given an access token like this 1531863919.1677ed0.23d238bc564249e799095d060c750218
Follow The next step | Add Instagram User ID:

1. On Blogger Dashboard Click Template.
2. Scroll Down in footer section and try to find
3. try to find "Footer Starts" (without quotes) and then change the social links
4. Change the # value with your social link

Links Url | Change the # value with your social link

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <script type="text/javascript">
    var nopost = 10;
    </script>
    <script src="/feeds/posts/default/-/LABEL_NAME?alt=json-in-script&amp;callback=galposts"></script>

LABEL_NAME | Change it with the label name of posts to be shown.
numpostsq | Number of posts to be shown. It must be lower or equal to the number of posts that have the label name.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

Go to this url Facebook Like Box

Facebook Page Url | Add Your FB Url in box
Color Scheme | Choose light color scheme

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <script type="text/javascript">
    var nopostb = 5;
    </script>
    <script src="/feeds/posts/default/-/LABEL_NAME?alt=json-in-script&amp;callback=blockposts"></script>

LABEL_NAME | Change it with the label name of posts to be shown.
nopostb | Number of posts to be shown. It must be lower or equal to the number of posts that have the label name.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <script type="text/javascript">
    var nopostr = 5;
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&amp;callback=recentposts"></script>

nopostr | Number of posts to be shown. It must be lower or equal to the number of posts in your blog.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <div id="random-posts">

    <script style="text/javascript">
     var numposts_gal = 4;
    </script>

    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=99"></script>
    </div>

numposts_gal | Number of posts to be shown.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

    <div id="comments-container"></div>
    <script>
    var cm_config = {
    ct_id: "comments-container",
    max_result: 5
    };
    </script>

max_result | Number of recent comments to be shown.

##### Footer Social Links

you have to edit the social links manually.

#### Demo Slider

1. On Blogger Dashbord Click Template.
2. Click Edit HTML.
3. Click `Ctrl` + `F` and Search for the following Code in the bottom

    <ul class='contact-social'>
    <li><a href='#'><i class='fa fa-facebook'/> Facebook</a></li>
    <li><a href='#'><i class='fa fa-twitter'/> Twitter</a></li>
    <li><a href='#'><i class='fa fa-google-plus'/> Google+</a></li>
    <li><a href='#'><i class='fa fa-dribbble'/> Dribbble</a></li>
    <li><a href='#'><i class='fa fa-linkedin'/> Linkedin</a></li>
    <li><a href='#'><i class='fa fa-instagram'/> Instagram</a></li>
    </ul>

4. just replace the # with your social url Save template.
5. And delete the whole li which you don't want to use. Save template.

#### You can change the only color of the template using blogger template designer.

##### Go to Blogger Dashboard -> Template -> Customize and then advance

Change the color value here and link color can also be change

#### Once Again, Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to contact me. Thanks so much!