Persy 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. Upload Logo
  3. Setting up the menu
  4. Top Paragraph
  5. Popular Posts
  6. Get to know me
  7. Find on Facebook
  8. 3 Column Footer Widgets
  9. Customize Post [Blockquote]
  10. Credits To

  1. Installation - top

    2. 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 “template.xml” file location.

    5. Then Click Upload.

    Goto Edit Template > search for the below code

    <div class='header1_overal_wrapper'> 
<div class='header-wrapper header1'> 
    <div class='center' style='padding: 0 6% 0;'>
      <div class='logo'><a href='/' title=''><img alt='' id='logoImage' src='http://4.bp.blogspot.com/-zXQGSPgImS8/VAIfUViqixI/AAAAAAAAA2k/0fvWc7eLB6c/s1600/logo%2Bcopy.png' title=''/><img alt='' id='logoImageRetina' src='http://4.bp.blogspot.com/-LqaOlTw_YNM/U_CU-Ty5iZI/AAAAAAAAAxY/Lr5duPGKR5g/s1600/logo%2Bcopy.png' title=''/></a></div>

    Now replace the image url with your logo url.


    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 :

      <!-- Menu --> 
                 <div id='menu-container'> 
        <font face='open sans'><nav id='neat-menu'> 
            <ul class='sf-menu' id='nav'> 
              <li class='active'><a href='/'>HOME</a></li> 
                <li><a class='sf-with-ul1' href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>DROPDOWN &#187;</a> 
                    <ul> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 1</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 2</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 3</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 4</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 5</a></li> 
                    </ul> 
                </li> 
                <li><a class='sf-with-ul2' href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>DROPDOWN &#187;</a> 
                    <ul> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 1</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 2</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 3</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 4</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 5</a></li> 
                    </ul> 
                </li> 
                <li><a class='sf-with-ul3' href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>DROPDOWN &#187;</a> 
                    <ul> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 1</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 2</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 3</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 4</a></li> 
                        <li><a href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>Menu element 5</a></li> 
                    </ul> 
                </li> 
                <li><a class='sf-with-ul4' href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>DOWNLOAD</a></li> 
<li><a class='sf-with-ul5' href='http://www.oddthemes.com/2014/06/fullbox-responsive-blogger-template.html'>PURCHASE</a></li> 
            </ul> 
        </nav></font> 

    </div> 
                <!-- END Menu -->
    4. Change # with yours URL link and text with your text.

  2. Top Paragraph - top

    You Can See the Paragraph on top of the content in the website. To place your content, goto Layout Section click on EDIT as shown below:

    3. Enter whatever text you want there to be displayed in the exact way as it is shown above. The code is provided below: 
    <div class="welcome1"> 
<p>Hello. This is <strong>Persy Blog</strong>. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed<br />
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad <strong>minim veniam</strong>, quis nostrud!</p>
</div>

  3. Popular Posts - top

    You Can See the Popular Posts on the right sidebar of the content in the website. To exactly display it as shown above, goto Layout Section click on EDIT as shown below:

  4. Get to know me - top

    To add your social url code to the sidebar as shown below in the website.

    Goto layout click on edit, refer to the image. The code is given below, please add the code as it is into the content section by referring the above image. Change only the URLS.

    Like: www.facebook.com/oddthemes to www.facebook.com/yourpagename 

    <div style="margin-bottom:30px;"><div class="title-stripes-left"></div><div class="clear"></div>    <div class="widget-share-socials"> 
                         <div class="social-item"> 
                        <span class="icon fa fa-facebook" style="display: block;"></span> 
                            <a class="text" href="https://www.facebook.com/OddThemes"><i class="fa fa-facebook"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-twitter" style="display: block;"></span> 
                            <a class="text" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-linkedin" style="display: block;"></span> 
                            <a class="text" href="#"><i class="fa fa-linkedin"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-google-plus" style="display: block;"></span> 
                            <a class="text" href="#"><i class="fa fa-google-plus"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-pinterest-square" style="display: block;"></span> 
                            <a class="text" href="#"><i class="fa fa-pinterest-square"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-youtube" style="display: block;"></span> 
                            <a class="text" href="#"><i class="fa fa-youtube"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-vimeo-square" style="display: block;"></span> 
                            <a class="text" href="#"><i class="fa fa-vimeo-square"></i></a> 
                    </div> 
                                          <div class="social-item"> 
                        <span class="icon fa fa-instagram"></span> 
                            <a class="text" href="#"><i class="fa fa-instagram"></i></a> 
                    </div> 
                         </div> 
    <div class="clear"></div></div>

  5. Find on Facebook - top

    To add your facebook page in sidebar, you can just go the layout section and click on edit and change the url with your page's url.

    The code is given below: 

    <div class='fb-like-box' data-colorscheme='light' data-header='true' data-height='258' data-href='https://www.facebook.com/oddthemes' data-show-border='true' data-show-faces='true' data-stream='false' data-width='250' style='padding: 0 0 20px 0;'/></div>

  6. 3 column Footer widgets - top To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: Paste your logo image url as shown in image above. The code is provided below: 
    <a href="/"><img src="http://4.bp.blogspot.com/-zXQGSPgImS8/VAIfUViqixI/AAAAAAAAA2k/0fvWc7eLB6c/s1600/logo%2Bcopy.png"/></a>
    To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below:
    To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below:

  7. Customize Posts [Blockquote] - top If you use Blockquote in your blog like in the image below: Then add this code below as it is and just change the TEXT whatever you want in the Blockquote. The code is given below: 

    <blockquote><span class="iconholder"></span> 
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus.</blockquote>

    Now you are good to go.

  8. Credits To - top

    Fonts/Icons: Font Awesome
    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