StickyGag Blogger Template” Documentation by “Odd Themes” v1.0

Created: 23/06/2014
By: Odd Themes
Email: oddthemes@gmail.com Website: www.OddThemes.com

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!

Table of Contents

  1. Installation
  2. Add Social Links on Sidebar
  3. Upload Logo
  4. Setting up the menu
  5. Follow Us
  6. Custom Error 404 Page
  7. Credits

  1. Installation - top

    2. Here you are with StickyGag Responsive Blogger Template. You Follow These Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click on Customize Mobile Template on right side, now check the radio button for NO.

    3. Click Backup/Restore button (Top Right).

    4. Click on Choose File ( Browse..) button. Find the “Stickygag-template.xml” file location.

    5. Then Click Upload.

    You Can See that Top area have Social Icons Collection in Dropdown View. To Edit Social Icon in this theme you can follow these steps:

    1. On Blogger Dashbord Click Template

    2. Click Edit HTML

    3. Scroll down and Find this Code :

    <div class='social-share'> 


                            <a class='share' href='#'>share</a> 
                            <ul class='drop-down'> 
                                <li class='twitter'><a href='http://twitter.com/oddthemes' target='_blank'>twitter</a></li> 
                                <li class='dribble'><a href='#' target='_blank'>dribble</a></li> 
                              <li class='googleplus'><a href='https://plus.google.com/+Oddthemes' target='_blank'>googleplus</a></li> 
                                <li class='evernote'><a href='#' target='_blank'>evernote</a></li> 
                                <li class='facebook'><a href='http://facebook.com/oddthemes' target='_blank'>facebook</a></li> 
                                <li class='linkedin'><a href='#' target='_blank'>linkedin</a></li> 
                                <li class='stumbleupon'><a href='#' target='_blank'>stumbleupon</a></li> 
                                <li class='vimeo'><a href='#' target='_blank'>vimeo</a></li> 
                                <li class='pinterest'><a href='http://www.pinterest.com/oddthemes/' target='_blank'>pinterest</a></li> 
                            </ul> 
                        </div>

    4. Change # with yours Social URL link

    Access your blog Layout > click Edit link on Header widget

    In Configure Header window, input your Blog Title and Blog Description. If you want to upload your image logo, make sure you check Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

    To Edit Menu in this theme you can follow these steps:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. Scroll down and Find this Code :

      <div class='menu-secondary-container'> 
<ul class='menus menu-secondary'> 

<li><a expr:href='data:blog.homepageUrl'>Home</a></li> 

<li><a href='#'>Adventure</a> 
<ul class='children'> 
<li><a href='#'>Download</a></li> 
<li><a href='#'>Topmenu</a></li> 
<li><a href='#'>Single</a></li> 
</ul> 
</li> 

<li><a href='#'>Fixed Bar</a> 
<ul class='children'> 
<li><a href='#'>Game</a></li> 
<li><a href='#'>Sport</a></li> 
<li><a href='#'>Break</a> 
<ul class='children'> 
<li><a href='#'>Tank</a> 
</li> 
</ul> 
</li> 
</ul> 
</li> 

<li><a href='#'>Category</a> 

</li> 

<li><a href='#'>Download</a></li> 

<li><a href='#'>Purchase</a> 

</li> 

</ul> 
</div>
    4. Change # with yours URL link and text with your text.

    E) Top Sliding Carousel - top

    You Can See there is a Sliding Carousel section at the top.

    It takes posts from the LABEL in the Layout Section.

    Now click on save to save the changes.

    F) Add Custom 404 Error page - top

    Add Coustom 404 Page To Blogger Template.

    Go To Blogger >> Settings

    And Click On "Search Performance" and Now Click Edit On "errors and rederects"

    Add Followinmg Code here 

    <div id="errpage">
<h3>Your requested page was not found</h3>
<div class="errpim"><p>404</p></div>
<div class="emass"><p>Sorry, we cannot find the page that you are looking for. It might have been removed, had its name changed, or is temporarily unavailable.<br/>
Please check that the Web site address is spelled correctly.</p></div>
<ul>
<form class="ssimplesearch" method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;" value="Search this blog.." onfocus="if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q"></td>
</tr>
</table>
</form>
</li>
</ul>
</div>

    F) Add horizontal Ad banner - top

    Go To Blogger >> Layout

    And follow the below image

    Save the changes

    F) Add Sidebar Ad banner - top

    Go To Blogger >> Layout

    And follow the below image

    Save the changes

    F) Add Slideshow in Sidebar - top

    Go To Blogger >> Layout

    And follow the below image

    Save the changes

    F) Lightbox for Images - top

    The template has the Dark Lightbox for images to show up, so for disabling the default lightbox of blogger do the following:

    Go To Blogger >> Settings under Posts and comments

    Select Showcase images with Lightbox with NO as shown below

    Save the changes

    Now you are good to go.

    G) Credits To - top

    Fonts/Icons: Font Awesome
    Other Icons: http://www.iconfinder.com/
    Special credits: God [ For Giving Me Strength ]

     

    Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

    Ceyron Louis At OddThemes.com

    Go To Table of Contents