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

Creating a Smart Playlist

A few days earlier I was thinking that wouldn't it be nice if I had something which will automatically generate a playlist for me with no artists repeated. Also, it would be nice if I could block those artists which I really hate (like Himesh Reshammiya!). Since I couldn't find anything already available, I decided to code it myself. Here is the outcome -  This application is created entirely in .NET Framework 4/WPF and uses Windows Media Player Library as its source of information. So you have to keep your Windows Media Player Library updated for this to work. It is tested only on Windows 7/Vista. You can download it from here . UPDATE : You can download the Windows XP version of the application here . Please provide your feedback!

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/JavaScript&quo