time-wasting by manually. But I will tell you the tricks to collect all class and id with default CSS within few seconds.
1. Copy all the free CSS code for Blogger from the link.
2. Paste on to beautify or formatting.
3. After formatted copy the all CSS and paste on any HTML/CSS editor.
4. Modify CSS class and id if any have bad formatted.
5. Paste on your Blogger Theme within <b:skin> [[ /******CSS ******/ ]]></b:skin>.
6. Save your theme.
7. Next, customize your CSS with inspector tools from the browser.
Tips for Bootstrap: You can insert CSS class into specific HTML element. Suppose if you want to insert Bootstrap
label into <data:post.author/>, then wrap this elements with span and insert label class as below:
<span class='label label-success'><data:post.author/></span>
Tips for Font-Awesome: You can insert Font Awesome icon as below.
1. Copy all the free CSS code for Blogger from the link.
2. Paste on to beautify or formatting.
3. After formatted copy the all CSS and paste on any HTML/CSS editor.
4. Modify CSS class and id if any have bad formatted.
5. Paste on your Blogger Theme within <b:skin> [[ /******CSS ******/ ]]></b:skin>.
6. Save your theme.
7. Next, customize your CSS with inspector tools from the browser.
Tips for Bootstrap: You can insert CSS class into specific HTML element. Suppose if you want to insert Bootstrap
label into <data:post.author/>, then wrap this elements with span and insert label class as below:
<span class='label label-success'><data:post.author/></span>
Tips for Font-Awesome: You can insert Font Awesome icon as below.