Posts

Showing posts from February, 2017

Add CSS to Blogger

Image
Hello everyone, in our previous post of  Create your own Custom Widget of Blogger  we used CSS in the blogger HTML/CSS widget. We directly put CSS in the widget content box but as i promised in the previous post, today we are gonna see how we can add CSS in the Customize theme option and if you don't know what the Customize theme option is or where the heck is this ' Add CSS  'option while you are customizing your theme then don't panic, we're gonna cover all of that in a pretty simple way. But wait..the question is why would you add CSS in Customize theme option when you can directly add CSS in HTML/CSS widget of your blog. Well, the answer is simple. Imagine that you have to create four or five widgets or suppose you want to edit the whole layout using your own custom CSS everywhere. Well, that will be a little difficult for you if you follow the above approach. You'll have to copy-paste the CSS from one widget to another widget in order to get the same ...

Create your own Custom Widget of Blogger

Image
Hey guys, in this tutorial i'm gonna show you how you can create your own Custom Widget on Blogger. You just need a basic knowledge of HTML/CSS which you can get from w3schools  but for now you can simply follow this guide to get started with creating your own widgets for blogger. Once you starts implementing this i bet you are gonna find it much easier and very interesting. You just need to follow this guide in order to make a simple About Widget. So without wasting any time let's just start the tutorial. Step 1: Add an HTML/Javascript Widget to your Blogger Layout. Step 2: Now you just copy paste the following code into the Content  block of your HTML/Javascript Widget <!-- Declaring CSS to style our widget content --> <style type="text/css"> /* This style block will produce a circular image for our About Widget */ .img-circle { border-radius: 50%; width: 200px; height: 200px; background-position: center center; bac...