Sharing Tutorial, Template dan Widget Blogger

April 5, 2016

(Documentation) MDFostrap Material Design Template Blogger

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

material design header 1. Header

  • Change The Small Menu
small header material design

Search this on HTML Editor first-top 

Then, replace the menu that you want
  • Change The Menu (Desktop)
material design header

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

responsive menu material design
Then, replace the menu that you want
  • Change The Menu (Smartphone & Mobile)
material design mobile menu

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

responsive menu material design mobile
Then, replace your blog title and the menu that you want

2. Subscribe Form

material design subscribe form
material design subscribe form
material design subscribe form
material design subscribe form
material design subscribe form

3. Featured Category (Sort by Label)

featured category material design

4. Lightbox Image

image lightbox material design

  • First, select your image
lightbox material design

  • Then, remove 'Link'
material design light box

Subscribe to our Newsletter

Wisnu ST

Yo! I'm Wisnu ST. I'm surfers search engine. I'm blogger. I'm cat lovers. Im everywhere. I'm based in Tangerang, Hire me!

20 comments :

  1. mas cara ganti header dengan logo sendiri coding nya yang mana ya mas ?

    ReplyDelete
    Replies
    1. cari yg ada link gambarnya. kalo gk salah ini linknya : https://4.bp.blogspot.com/-Oep-lZOkvrA/Vwi85F3UXKI/AAAAAAAAB6E/riLe0St925ciu5BNO_7h27Nvqtt8e8Obw/s1600/mdfostrap%2Blogo.png

      Delete
    2. ga ada mas saya baru download trus masang udah saya cari link nya

      Delete
  2. What should be the size featured image so that post tumbnail fits perfect for fostrap material design templa

    ReplyDelete
    Replies
    1. i thought its auto resize.. but, maybe i wrong, so, wait the real admin for the answer your question.. haha.

      Delete
  3. Cara bikin Contact Formnya Gmana Gan?

    ReplyDelete
    Replies
    1. pake 123contactform*com aja mas/mbak..

      Delete
  4. ho wot remove border (box-shadow) for blogger posts and widgets....

    ReplyDelete
  5. mas komentar diblog saya kok jadi hilang ya ? :)

    ReplyDelete
    Replies
    1. settingan post nya mungkin comment nya di hide? yg lain gak masalah kok

      Delete
  6. ijin download ya mas..mantap banget

    ReplyDelete
  7. mas gimana cara mengganti search form bawaan template ke CSE, saya mau ubah ke CSE

    ReplyDelete
  8. http://www.notebookku.net/
    mohon di review mas,
    thanx

    ReplyDelete
  9. Keren gan, ijin make templatenya

    ReplyDelete
  10. mantab mastah. ijin sedot ah.....ceklik. trims mastah.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Hi,
    I have a problem with the size of "data:blog.title" between mobile or desktop version. I cannot adapt the size to the screen. Any ideas?
    Thank you

    ReplyDelete
  13. Really great post.

    http://evangelinterior.com/

    ReplyDelete