Skip to main content

The Makeover of My Blog!!


As with most of us, I first logged into Blogger just out of curiosity when I was in college. Soon I was hooked and wrote at least 10 posts which were well appreciated by my friends. But since no one around me was much into blogging, it soon fizzled out. Then I got a job and my work sucked out whatever little enthusiasm was left in me for blogging.

All of it turned around the day I discovered that my company encourages blogging. In fact, they even have their own internal blogging portal. I was amazed to see how many people wrote about so many interesting things. I too regained momentum, and out came this blog. Then I started looking into the fine side of blogging - How to make my blog beautiful? The answer was staring at my face - dig into the "Code" - the thing that I do as a software engineer.


So how do you actually dig into the code, or may be even look into it? It is simple.
1. Log into Blogger -> Dashboard.
2. Go to Layout.
3. Go to Edit HTML tab.

There you will find the Code which is basically CSS (Cascading Style Sheet) and Javascript. Now to the uninitiated, it would look like alien language. That's when Google comes in handy!! In my quest for making my blog nice, I stumbled upon some really helpful sites.

The first one for a new blogger is Tips for New Bloggers. It contains some great information about making your blog beautiful and explains them in easy to understand steps.

However if you are not really a geeky person, then there are some nice blogger templates available (other than the default bland templates available on Blogger). Just Google and apply them to your blog and voila! you are done. Also make sure to add some nice, cool widgets to your blog to make it cooler!!

Hope this will help in making your blog beautiful and reap its benefits. And if it does, then please put a comment here to keep encouraging me!!

Comments

  1. hi.. nice design..
    seems like you steal lot of design from my site ;)
    www.webmasterdailytips.com
    just concentrate more on your content, it should be of high quality..visitors only like good content than design..

    ReplyDelete

Post a Comment

As far as possible, please refrain from posting Anonymous comments. I would really love to know who is interested in my blog! Also check out the FAQs section for the comment policy followed on this site.

Popular posts from this blog

Integrating React with SonarQube using Azure DevOps Pipelines

In the world of automation, code quality is of paramount importance. SonarQube and Azure DevOps are two tools which solve this problem in a continuous and automated way. They play well for a majority of languages and frameworks. However, to make the integration work for React applications still remains a challenge. In this post we will explore how we can integrate a React application to SonarQube using Azure DevOps pipelines to continuously build and assess code quality. Creating the React Application Let's start at the beginning. We will use npx to create a Typescript based React app. Why Typescript? I find it easier to work and more maintainable owing to its strongly-typed behavior. You can very well follow this guide for jsx based applications too. We will use the fantastic Create-React-App (CRA) tool to create a React application called ' sonar-azuredevops-app '. > npx create-react-app sonar-azuredevops-app --template typescript Once the project creation is done, we ...

Use AI to build your house!

When a new housing society emerges, residents inevitably create chat groups to connect and share information using various chat apps like WhatsApp and Telegram. In India, Telegram seems to be the favorite as it provides generous group limits, admin tools, among other features. These virtual communities become treasure troves of invaluable insights. But whatever app you use, there is always a problem of finding the right information at right time. Sure, the apps have a "Search" button, but they are pretty much limited to keyword search and are useless when you have to search through thousands of messages. I found myself in this situation when it was my turn to start on an interior design project for my home. Despite being part of a vibrant Telegram group, where countless residents had shared their experiences with various interior designers and companies, I struggled to unearth the pearls of wisdom buried within the chat's depths. I remembered that I could take advantage o...

Add Git Commit Hash and Build Number to a Static React Website using Azure DevOps

While working on a React based static website recently, there was a need to see exactly what was deployed in the Dev/Test environments to reduce confusion amongst teams. I wanted to show something like this: A quick look at the site's footer should show the Git Commit Hash and Build Number which was deployed and click through to actual commits and build results. Let's see how we achieved this using Azure DevOps. Git Commit Hash Azure DevOps exposes a variable called  $(Build.SourceVersion) which contains the hash of the commit. So I defined a variable in the Build Pipeline using it. Build Id and Build Number Azure DevOps also exposes two release time variables  $(Build.BuildId) and  $(Build.BuildNumber) which can be used to define custom variables in the pipeline. So we have a total of 3 variables defined: Next we use these variables in our React App. I created 3 global variables in index.html and assigned a token value to them. < script   type = "text/JavaScri...