Costumize Blogspot Articles Use Materialize CSS

After armed our blog template with the CSS framework (Materialize), then it's time for us to customize the Blog widget. Since we didn't build any aside or we may say it as a side widget yet, then, feel free to use all of the canvas.

Before today, we only a have a line of Blog widget, right? And when we came back to the Blogger Template Editor, these line suddenly converted in many lines. That is a normal condition, because Blogger has a default code for every widget that is provided by Blogger itself. Just keep going!

The Source Code

First, search this line of code <b:includable id='post'> in your Blogger Template Editor. Make sure that you are in the right code. Then, hit enter 3 times after this code line : <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>.

And insert this source codes below :



If you feel unsure about the location of the code, kindly check through this picture below. I typed "Enter the new code here <b:if>", it means the code above should be placed between the pink rectangles. In about at line number 733, 734, 735, or 736, you may choose. It's up to you.

And the last step is put the end tag </div></b:if> before the </b:includable> <b:includable id='postQuickEdit' var='post'>, the fuction is to close the tag <b:if> that we added.

The Result : The Impact To The Article Section

Alhamdulillah. Our Blogger template design is getting better and better. I realize that our template is still too far from being cool, sweet, cute, nice, wonderful, powerful, or elegant. But, I am sure that we are still trying.