Search This Blog

Pages

Sunday, January 21, 2024

How did I Style and Theme Blogspot: ClearlyHelena

as at Jan 2024, I started working on the ClearlyHelena blogspot again (because it is free and the self hosting at HostGator (I think) was getting to be way too expensive).

The blogger CH, is looking better than I could have hoped for.  This is mainly due to applying:
  • Bootstrap (mainly) and 
  • having a few of my own CSS styles.  

How to apply Bootstrap.


On their doc>> intro page (https://getbootstrap.com/docs/5.3/getting-started/introduction/), I followed their step 2.
where the full <link> was: (aa mar 2025, noted  that link code may change from what I have here.  Also, I need to end it with a closing /> otherwise blogger will give an error msg.)

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

and the full <script> was:

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>


Then when ever I had to use a specify bootstrap tag, I referred back to them for documented help: 
Get Started with Bootstrap.

-------

My Own Customised CSS styles

I have tried to use minimal customised styles but some were necessary or very  helpful.  

To find them on Blogger dashboard:

Theme >> Customise >> Edit HTML >> (and then inserted my customised styles after the theme's default styles)

I inserted around line 600 and before the code that looks like this:
]]></b:skin>