Balkeni Studio

I was requested to do a post about removing dates from blogger blog posts. Being a fan of the blogger platform I decided to do a bit of digging. And the good new is, it's possible. The other news is that there is a bit of a catch as blogger otherwise does not let you remove or change the permalink structure.




To remove the date structure from URL of your blogger blog posts:

• Copy this script and click Theme


• Then click Edit HTML
• Click anywhere on the code in your template once, and then press CTRL+F or Command + F (for Mac users) and type in "</head>" and press enter.
• Paste the code you copied earlier right above the tag "</head>".
• That's it and you are done.

I have been dedicated to the blogger platform for years now. It is my blogging platform of choice, and I love that it is extremely customisable. It is a very popular myth that blogger is not a customisable platform, it's not true. And for 4 years now, I've been helping bloggers make the most of their blogger blogs.

I know a lot of lifestyle, DIY, fashion bloggers review products and so I often got requests from bloggers on helping them with a star rating widget.

Are you a blogger on the blogger platform and you do reviews?

Then you'll be happy to know that this star rating widget will help your blogger blog stand out from other generic blogs. Now let's get into it.



Even if you weren't a blogger who often does reviews, you might find unexpected ways to make use of this simple yet beautiful star rating widget in your blog. Let's get right into it.

01. Save The HTML Code in your own computer

Go ahead and save the HTML Code somewhere in your computer or book mark this post in your browser, or pin it to read it later and go back to it when needed. I like to use Evernote to save all my blog codes and embed webpages, you may also use Trello to do so if you wish.


<div class="rating">
<div class="rtxt">
My Rating:
</div>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>

02. Add The CSS Code in your blog template

1. Log in to your blogger blog, the click on Theme.
2. Then click on Customise.
3. Scroll down to where you see the option Add CSS.
4. Copy and paste the code below
5. Click Apply to Blog.
6. Then click Go back to blogger.

.checked { color: #54c5d0; } .rtxt{ display: inline-block; text-transform: uppercase; padding: 0 5px; }

Congratulations, you have now completed all the steps required in setting up the widget. Now, you'll need to understand how to use this widget in your blog posts.

Every time you need to display the star ratings in a blog post you'll need to copy and paste the HTML code provided to you in the beginning of this post to wherever you want that ratings to display.

By default, this rating widget shows three star rating, you can easily customise this by changing the code by just adding the word "checked" in the code for every star you would like to show. For example: You can show a 4 star rating using this code, notice how this is the same HTML Code as before but with an extra "checked" added.

For your ease I've added bolded the extra word added:


<div class="rating">
<div class="rtxt">
My Rating:
</div>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
</div>


Similarly, you can add five stars, and remove the word checked from the code to show less amount of stars.

Once you've added in the codes properly you can adjust the colours of the stars by changing the values of:

.checked { color: #54c5d0; }

This value affects the colours, you can easily look up the colours using the colour picker and and match them with your theme.

Live Demo

You can hire me to add this to your blog if you feel it's too complicated and you don't wish to DIY it.

I hope you've enjoyed this tutorial, and it helps you extend the capabilities of your blogger blog! As always you can send in a request for a tutorial or blog post, and if this blog post has helped you, please consider subscribing to all my future blog posts or follow my blog.



If there's anything else, please let me know. I enjoy writing tutorials for you guys as always. Please consider donating to help me keep the blog up and running smoothly if it resonates with you.

Back in 2017 I just wrapped up a custom logo design project.

Designing logos for others gives me great joy. The process which helps me determine exactly what my Client wants their brand to represent, is always a roller coaster ride, that I happen to like.

My Client this time was a Perfectionist — if I should say so. I loved working with her as she knew exactly what she wanted. She was clear with her vision which really helped me understand her brand better.





Such Clients are a breeze to work with! Here's what she had to say after she received her final draft and files, "I absolutely love the work you have done. ❤️ Thank You, so much!".

And those words meant so much to me!

If you feel you're ready to start your custom brand journey, then visit my custom design shop. Or if you'd like something premade, head over to my premade designs shop.