(Documentation) MDFostrap Material Design Template Blogger

Documentation for MDFostrap Blogger Template. MDFostrap is a simple & clean designed with material design style and with a great responsive design.

1. Header

• Change The Small Menu

Search this on HTML Editor first-top 

 

Then, replace the menu that you want

• Change The Menu (Desktop)

Search this on HTML Editor data-activates='dropdown1'

Then, replace the menu that you want

• Change The Menu (Smartphone & Mobile)

Search this on HTML Editor id='slide-out'

Then, replace your blog title and the menu that you want

2. Subscribe Form

Compare with your script
Copy this script, layout > sidebar > Add a gadget > HTML/Javascript

<div class="container-subscribe card">
    <div class="row">
        <form action="https://feedburner.google.com/fb/a/mailverify" class="col s12" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Mdfostrap', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
            <div class="row">
                <div class="input-field col s12">
                    <input class="validate" id="email" name="email" type="email"/>
                    <label data-error="wrong" data-success="right" for="email">
                        Email
                    </label>
                    <input name="uri" type="hidden" value="Mdfostrap"/>
                    <input name="loc" type="hidden" value="en_US"/>
                    <div class="center">
                        <button class="submit btn btn-danger waves-effect waves-red white red-text" type="submit">
                        </button>
                        Subscribe
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

3. Featured Category (Sort by Label)

Read More

4. Lightbox Image

• First, select your image

• Then, remove 'Link'