Great tips to help customize blogger templates effectively

Customize blogger template to make your blog site more beautiful and multi-purpose. Consult great tips to help customize blogger templates effectively.

{tocify} $title={Mục lục}

In the process of using blogger, it is inevitable that you have to customize the template manually. But for a newcomer to the platform, it is not easy, even some customization involves the use of code. It's hard, right?

Therefore, to help those who are just starting to build blogs on the blogger platform as well as those who do not know much about coding. I would like to write this article to share with you. Hope I can help you to use blogger better.

Tips to help customize blogger templates

Position the object in the theme section

First, go to your blog site, right-click on the object to be customized and select Inspect. Copy the class name or id name of that object.

Next, choose Editing HTML in the theme section. Press Ctrl + F and then paste the class name or id name to search for that object.

Edit or Add CSS code

To be able to edit or add css code in blogger template you need to find tag pair <b:skin><![CDATA[ css code ]]></b:skin>. All the custom css code of the template is in here.

The css code you add should be placed before the tag ]]></b:skin>.

Edit or Add JavaScript code

Javascript is code that is usually placed before the closing tag </body> and placed in a pair of tags <script type='text/javacsript'> javascript code </script>.

Put template custom code in widget HTML/JavaScript

Choose to add widgets in areas where it's allowed and put the template custom code in there, which can be HTML/CSS/JavaScript.

Edit the template in the layout section

The layout section is the non-visible area of ​​your blog. It contains ways to arrange the widgets on the website. You can customize this area in the tag pair <b:template-skin><![CDATA[ css code layout ]]></b:template-skin>.

Customizing the layout section area will not affect your displayed template.

Conclude

Hope these tips help you in customizing your template. If you know any other tips, please comment below.

Support me with an ad click. Thank you.