![Responsive Frameworks Responsive CSS Frameworks](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgce0g0OMh6kgqR09TMkDe9l9uk0pcmk6NvznkKhAHbjmFoY88kJk9LxY7tNxjo3T4qPxitJFopvvvjBQNDbb0o2yBEfFBC9jCvCU9WMyyzX76eeNsfp7YxwkZBNzcTxU7wOfs7clTmYM8K/s1600/template+S8+responsiveframework.png)
For example, Foundation and Bootstrap can give us more components, more advance in responsive CSS framework, and allow to build mobile apps and websites faster.
Then, if you are a loyal user of Pure.css and W3.css, I must admit that I can dead by the cuteness of Pure.css. It is also clear, clean, simple, and flat. And, I realize that W3.css also has advantages in terms easy to understand by a beginner like me.
But, my heart feel into Materialize. I know, it is a new front-end framework which based on material design, but Materialize is attractive and eye-catchy. Probably, caused by the flashy pink color.
Aha! Just get ready to start makeover our Blogger Template with Materialize, one of the responsive CSS frameworks.
![Responsive CSS Responsive CSS Framework Materialize](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2_aRED7DN8NONFRAjzhPtYjv4jzzv40W3PC_tnKYKlUEKDS82rBC2w-G8aZhyFQePZAh5gxLZTOZN1QhCwsNvVhQxr893xl9yoOa51MFgbyvWk8OlHF_1FPXWfX_6LufZRyu4Ovcxug3/s1600/template+S7+materialize.png)
The Installation of Materialize
Since we will create a template Blogspot, then we do not need to download the css file that has been provided by Materialize. For the first step, we can copy the source code below, and place it after the tag <head>, or before the tag </head> :Furthermore, we also have to put the following code below after the tag <body>, or before the tag </body> for the second step:
The third step, make sure that the CSS of Materialize is installed well, by opening the CSS Materialize that you can find at cdnjs. Select all the codes, then put after <b:skin><![CDATA[ or before ]]></b:skin>.
The Result
Alhamdulillah, although I only by put the code the above, the blog design seems better than before.![The result Blogger template result](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-SVmxzj6JA9yCnQZLSFb_byPYSLAgJ2DzP7NEIJLUNo-W5-QTJxIcr5ObY9qojaqnfwpcjJ8oCy2RoeIjT64TeJor6aEZiLi9Dya_AK1y15Dy0EGrgkVkF6i-Q7QFLrnOYnqnitCzuzIO/s1600/template+S9.png)
Tidak ada komentar:
Posting Komentar