How To Setup Grungemag Blogger Template

 GrungeMag Blogger Template is a responsive blogspot subject that features an engaging desig How To Setup GrungeMag Blogger Template

GrungeMag Blogger Template is a responsive blogspot subject that features an engaging pattern that is fully fluid responsive, loads incredibly fast. GrungeMag is equipped alongside diverse of widgets which volition help you lot to pose out your spider web log to a greater extent than professionally. To larn inwards slow for you lot nosotros convey published this detailed documentation, therefore that you lot tin laissez passer the sack setup your spider web log correctly.
You convey made a skilful determination past times choosing our template. You tin laissez passer the sack banking concern jibe the alive demo or download the template through the push below in addition to too Please Read this documentation carefully inwards corporation to laid your spider web log in addition to delight banker’s complaint that there’s no back upwards for gratis users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap

        First Menu

        On Blogger Dashbord Click Template
        Click Edit HTML
        Scroll downward in addition to Find this Code :.

            <ul class=’nav superfish’ id=’nav2′>
        <li><a href=’#’>Home</a></li>
        <li><a href=’#’>About</a>
        <ul class=’children’>
        <li><a href=’#’>Contact Information</a></li>
        <li><a href=’#’>Meet The Team</a></li>
        <li><a href=’#’>Mission Statement</a></li>
        </ul>
        </li>
        <li><a href=’#’>Contact</a></li>
        <li><a href=’#’>Location</a></li>
        <li><a href=’#’>Partners</a></li>
        <li><a href=’#’>Request a Quote</a>
        <ul class=’children’>
        <li><a href=’#’>Case Studies</a></li>
        <li><a href=’#’>Past Projects</a></li>
        <li><a href=’#’>Pricing Details</a></li>
        </ul>
        </li>
        </ul>

        Change # alongside your desired url in addition to text alongside your card label.

        Second Menu

        On Blogger Dashbord Click Template
        Click Edit HTML
        Scroll downward in addition to Find this Code :.

            <ul class=’nav superfish’ id=’nav3′>
        <li><a href=’#’>Custom Logos</a>
        <ul class=’children’>
        <li><a href=’#’>Case Studies</a></li>
        <li><a href=’#’>Logo Designs Portfolio</a></li>
        <li><a href=’#’>Pricing in addition to Availability</a></li>
        </ul>
        </li>
        <li><a href=’#’>Featured Articles</a></li>
        <li><a href=’#’>Internet</a>
        <ul class=’children’>
        <li><a href=’#’>Cross-browser Coding</a></li>
        <li><a href=’#’>Promotional Techniques</a></li>
        <li><a href=’#’>Technology Updates</a></li></ul></li>
        <li><a href=’#’>Portfolio</a>
        <ul class=’children’>
        <li><a href=’#’>Banner Design</a></li>
        <li><a href=’#’>Fully Coded Websites</a></li>
        <li><a href=’#’>Logo Design</a></li>
        <li><a href=’#’>Print Media</a></li>
        </ul>
        </li>
        <li><a href=’#’>Recent Updates</a></li>
        <li><a href=’#’>Uncategorized</a></li>
        <li><a href=’#’>Web Design</a>
        <ul class=’children’>
        <li><a href=’#’>Coding</a></li>
        <li><a href=’#’>Design Gallery</a></li>
        <li><a href=’#’>In The News</a></li>
        <li><a href=’#’>Photoshop Tutorials</a>
        </li>
        </ul>
        </li>
        </ul> 

        Change # alongside your desired url in addition to text alongside your card label.

        Slider Widget

        On Blogger Dashbord Click Template
        Click Edit HTML
        Scroll downward in addition to Find this Code :.

            <div id=’scrollable’>
        <a class=’prev’/>
        <div class=’items’>
        <div class=’slide-items’>
        <a href=’#’><img alt=’Test caption’ class=’no_border’ height=’123′ src=’https://lh4.googleusercontent.com/-t2o04YDmmTk/T8YtEJk4YzI/AAAAAAAAAlw/fHsoayuwxc4/s155/thumbnail-6-155×123.jpg‘ width=’155’/></a>
        <span class=’slide-items-a’><a href=’#’ rel=’bookmark’>Ut sagittis …</a></span></div>
        <div class=’slide-items’>
        <a href=’#’><img alt=’Test caption’ class=’no_border’ height=’123′ src=’https://lh6.googleusercontent.com/-FSVbFYbN5mM/T8YtEGsURmI/AAAAAAAAAl8/jksSj-F1Frk/s155/thumbnail-5-155×123.jpg‘ width=’155’/></a>
        <span class=’slide-items-a’><a href=’#’ rel=’bookmark’>Nulla tincid…</a></span></div>
        <div class=’slide-items’>
        <a href=’#’><img alt=’Test caption’ class=’no_border’ height=’123′ src=’https://lh6.googleusercontent.com/-5bv2HafmrKE/T8YtGcybejI/AAAAAAAAAmQ/XRgjd0CV6H8/s155/thumbnail-4-155×123.jpg‘ width=’155’/></a>
        <span class=’slide-items-a’><a href=’#’ rel=’bookmark’>Maecenas sce…</a></span></div>
        <div class=’slide-items’>
        <a href=’#’><img alt=’Test caption’ class=’no_border’ height=’123′ src=’https://lh4.googleusercontent.com/-IS-Xjtvq0j0/T8YtC4S3r8I/AAAAAAAAAlk/cHIhgAPlAbs/s155/thumbnail-3-155×123.jpg‘ width=’155’/></a>
        <span class=’slide-items-a’><a href=’#’ rel=’bookmark’>Nam libero t…</a></span></div>
        <div class=’slide-items’>
        <a href=’#’><img alt=’Test caption’ class=’no_border’ height=’123′ src=’https://lh6.googleusercontent.com/-KBT31uam4cc/T8YtC_u9XCI/AAAAAAAAAlo/8JKzuH_D_vM/s155/thumbnail-2-155×123.jpg‘ width=’155’/></a>
        <span class=’slide-items-a’><a href=’#’ rel=’bookmark’>Morbi inwards lig…</a></span></div>
        <div class=’slide-items’><a href=’#’><img alt=’Test caption’ class=’no_border’ height=’123′ src=’https://lh5.googleusercontent.com/-oS-Y32nke2A/T8YtCMzTbSI/AAAAAAAAAlU/mEsUE8ZNXbc/s155/thumbnail-1-155×123.jpg‘ width=’155’/></a>
        <span class=’slide-items-a’><a href=’#’ rel=’bookmark’>Neque porro …</a></span></div>
        <div style=’clear:both;’/></div>
        <a class=’next’/>
        <div style=’clear:both;’/>
        </div>

        Red is for image. Blue is for text.

        Facebook Page Plugin:

        <center><div class=”fb-padding”><div id=”fb-root”></div>
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = “//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531”;
          fjs.parentNode.insertBefore(js, fjs);
        }(document, ‘script’, ‘facebook-jssdk’));</script>
        <div class=”fb-page” data-href=”https://www.facebook.com/soratemplates” data-width=”280″ data-height=”230″ data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”false”><div class=”fb-xfbml-parse-ignore”></div></div></div></center>

        or you lot tin laissez passer the sack follow this tutorial if inwards a higher house method won’t work

        Installation And Custom Services

        We render enough of templates for gratis but if you lot wishing something unique for your spider web log in addition to therefore permit us practice a unique pattern for your blog, Just say us your needs in addition to nosotros volition convert your dream pattern into reality. We too Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick in addition to secure agency of getting your template setup without hassle.


        Sumber https://www.sorabloggingtips.com/