Skip to main content

Posts

Showing posts with the label Customize Blogger Tips

How to Change the Blog Description Font Color in Blogger

Those new to Blogger often ask about how to change the blog description in a Blogger blog . In today's Blogger tutorial I show you how to modify your blog description using the Template Editor to change the color of the font. If you have made changes to the background color of your header you may also want to change the font color of the blog description. If you want to learn how to change the font style or change the look of the text please see my Blogger tutorial on how to change the font size and font style of the blog description . How to Change the Color of the Blog Description Before you start ensure you have blog description enabled on your Blogger blog. This tutorial assumes you have a default Blogger template installed on your blog. If you are using a custom template these instructions may or may not work depending on the coding of your custom Blogger template. Log on to Blogger and navigate to the dashboard of your blog From the left hand menu select "Template" ...

How to Change the Font of the Blog Description in the Blogger Header

In today's Blogger tutorial I show you step-by-step how to change the font style and font size of the blog description . The blog description is the tag line under the Blog Name that appears in the header section of your Blogger blog. If you do not yet have the blog description for your Blogger blog enabled follow these steps: From your Blogger dashboard select "Settings" which is located at the bottom of the left menu Then choose "Basic" Type your blog description in the description box located below the blog name. (Make sure you choose something that describes what your blog is about) Save your changes. Choose View Blog to see the blog description you added now in your blog header. The main reason you might want to change the font of the default blog description is because the blog description in default Blogger templates is on the small side. Just by increasing it to 16px or even 20px will make a difference. Also you might want to customize the blog descript...

How to Fix Missing Quick Edit Pencil in Blogger Blogspot

Is your custom Blogger template missing its quick edit pencil at the bottom of your Blogger posts (Blogspot posts)? Don't worry. In this Blogger tutorial I discuss how to show a quick edit pencil icon beneath Blogger posts if it is missing. This is a common Blogger problem among custom Blogger templates but fortunately it only takes a couple of minutes to fix. This Blogger tutorial follows on from my previous Blogspot tutorial about fixing missing Blogger icons. Check out how to show quick edit gadget wrench in Blogger (Blogspot) for help with this issue. In my previous Blogger tutorials I have also discussed how to fix many other common Blogger problems eg how to fix a missing embedded comment form in Blogger . Take a look at all my Blogger tutorials on how to fix common Blogger problems (Blogspot problems) here Fix Missing Quick Edit Pencil Blogger Blogspot The quick edit pencil is a nice Blogger feature that you would not want to be without. A click on this time saving Blogger...

Add a Comments Counter Button to Blogger Blogspot

In this Blogger tutorial (Blogspot tutorial) you will learn how to add a comments counter button to Blogger (Blogspot) to show off the number of comments each of your posts has received. A comment counter button (bubble) will have the effect of encouraging visitors to comment on your Blogger blog and also help to highlight the credibility of your articles. Installing this Blogger hack to add a comment counter button only takes a few minutes. The changes needed to add the comment bubble to Blogger while not difficult do involve adding a small snippet of code to your Blogger template in two places. For this reason I strongly urge you to back up your Blogger template before attempting this blogger hack. Blogger Tutorial Difficulty - easy to medium How to Add a Comments Counter Bubble to Blogger A Step-by-Step Walkthrough The following steps will insert a fully clickable comments counter button on the same line as the post title in Blogger. The comments counter is right aligned by default...

Add Your Blogger Blog to Facebook

In today's Blogger tutorial I will show how to add your Blogger blog (Blogspot blog) to Facebook so that your updated content can be read right from your Facebook profile. Importing your Blogger blog into Facebook will only take you a few minutes to set up but will likely produce quite a few extra readers. By importing your blog into Facebook your Blogger posts become available to all your Facebook friends and family. Everytime you post new articles to your Blogger blog they will automatically appear on your Wall in Facebook and in your friends News Feeds. It is also possible to remove any content that you do not wish to be displayed which may be handy for some. Advantages of Importing Your Blog into Facebook Increase your web presence Enjoy added interest in your blog articles and new readers No need to replicate your blog articles or content on Facebook Disadvantages of Importing Your Blog into Facebook If you blog for profit think carefully about importing your Blogger blog into...

Add CSS Styling to Blockquotes in a Blogger Template

Today I continue the series of Blogger tutorials (Blogspot tutorials) by showing you how to apply CSS styling to blockquotes in a Blogger template. Other articles I have already published on the subject of CSS styling include: How to Add, Delete or Remove Blogger Image Borders How to Align and Justify Posts in Blogger How to Add a Divider Between Blogger Posts How to Add or Change a Background Image in a Blogger Template . Today's tutorial on Blogger blockquotes will be useful if you are using a default Blogger template or a third party custom template. It will show you how to change your blockquote area in the following ways: Add a background color to the blockquote Add a border around the background of the blockquote Add or change the color of the blockquote text Add or change padding around the text Add or change the margin Add a background image Blogger beginners you can relax as I have written this Blogger tutorial with you in mind. I will walk you through the steps of styl...

Add a Post Divider Between Blogger Posts

In today's Blogger tutorial I show you how to enhance your Blogger blog (Blogspot blog) by adding a post divider to your Blogger template. Used effectively post dividers can really jazz up your blog and will lend it that individual feel which most of us are hoping to create. This tweak is very easy and well within the capabilities of any Blogspot blogger. Only a few simple changes to your Blogger template are required and these are in the CSS styling section. By way of example I will use a divider that I downloaded from the internet free by searching for free divider graphics . Here are some sample dividers you can use to get started: URL address: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77uNK_cfFmJp9Zz3IzuROQjenjOhaWAKETv7dl6jRdmkdvx5J20F3WPXrzn5lAX_P-oHusS45kWghGpU3GdS84EthhNcI7lkPHej7wa6fLyMw_Ir6qLqOZYc62FAmYqBVHbsiw83l-F0/s400/ribbon.gif URL address: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9uBBT9LcRUT7k0awmN3iihQDjL7RS0f8ZWrlBtSBerIVuCC...

Add a Twitter Profile Widget to Blogger

If you use Twitter then you are going to want to let your Blogger readers know about it. One effective way to show your Twitter updates on Blogger is to add a Twitter profile widget to the sidebar of your blog. This widget is quite a bit more fancy than the current Twitter Updates Widget available through Blogger which I showed you how to insert into your blog in my recent article Add a Twitter Updates Widget to Blogger . On the minus side the widget may slow your blog down so test it out first if fast loading time is crucial to you. How to Insert a Twitter Profile Widget into Blogger Go to Twitter Widgets and sign in Choose Profile Widget and you will be taken to a default profile widget page where you can customize your Twitter widget according to your needs. Choose Settings and make sure that your username is correct Choose Appearance and make any custom color changes you need to so that the widget will blend into your blog. At the very least you will need to change the shell...

Add a Simple Drop Down Menu to Blogger

In today's Blogger tutorial I show you how to add a simple drop down menu widget sometimes called a select box to the sidebar of your Blogger blog (Blogspot blog). If you want to add lots of links to your Blogger blog but are worried about the amount of space this will take up on your blog this tutorial is for you. A drop down widget is a neat solution to the cluttered sidebar problem as it is both space saving and easy to install. The convenience of a drop down menu widget can be seen on many blogs where it is used for lists like a long Blogroll, Categories list, Labels list or a Recommended Posts list. How to Add a Drop Down Menu Widget to Blogger Adding a drop down menu to Blogger is well within the capabilities of even beginner bloggers. Most of the work is in cutting and pasting the links which is not difficult for anyone with basic computer skills. So let's get started but first here is a working drop down menu list with links to various posts in my blog: - Blog Know H...

Add a Twitter Updates Widget to Blogger

If you are a regular Twitter user and have a bunch of followers you might want to add a Twitter Updates widget to Blogger (Blogspot). In today's tutorial I will show you the easy way to add a Twitter Updates widget to Blogger (Blogspot). It is fairly straightforward to add this Twitter Updates widget to Blogger so please don't be put off if you are a Blogger beginner as you can have this widget up and running in no time. If you are new to Twitter and don't have an account yet you can sign up to Twitter for free How to Add a Twitter Updates Gadget to Blogger There are several methods of adding a Twitter Updates widget to Blogger which I will be discussing over the next few posts. Today I will start with the easiest method by far. This Twitter widget won't slow down your blog loading time particularly but I suggest as with all HTML widgets that you place it near the bottom of your column of gadgets and limit the number of updates shown. This Twitter Updates widget will ...

Blogger Post Image Borders Change or Remove

Sometimes you may want to remove, delete or change the image border of a custom Blogger template or default Blogger template (Blogspot template) . In this Blogger tutorial you will learn how easy it is to make changes to your template so that you can get rid of unwanted image borders around all the images that appear in your blog posts or around a single image in a blog post. You will also learn how to enhance your Blogger template (Blogspot template) by changing the line color and line style of the existing image borders. Note this Blogger tutorial applies to custom templates and the previous generation of Blogger templates. If you are using the new default Blogger Template Simple please refer to my Blogger tutorial How to Remove the Image Border in Blogger template Simple for instructions This Blogspot tutorial is rated easy. It involves making minor alterations to your Blogger template (Blogspot template) but this is well within the capabilities of beginner bloggers and newbies. T...

Add 3 Column or 4 Column Footer to Blogger

In this Blogspot tutorial you will learn how to convert your existing Blogger footer (Blogspot footer) into a 3 column footer or a 4 column footer. With more columns in your Blogger footer you will be have the extra room to accommodate more widgets such as Flickr photos and Twitter updates. Also you will be able to put less frequently used widgets such as recents comments, archives, followers, About Me etc at the bottom of your template so that only the most important widgets are loaded first. This tweak involves adding code to the footer section of your existing Blogger template to change it to 3 columns or 4 columns. The tutorial is not beyond the capabilities of Blogger newbies and webmasters with intermediate skills but care needs to be taken when modifying your Blogger template so back up before you start. For best results a Blogger template with a width of around 900px is best. How to Add a 3 Column Footer to Blogger Log in to Blogger if not already logged in Navigate to Layo...

Add Social Bookmark Buttons to Blogger

In today's Blogger tutorial (Blogspot tutorial) you will learn how to place social bookmark buttons in the sidebar, footer and below each post in a Blogger Blogspot blog. This is a social bookmarking script for individual buttons or icons rather than the Add This all-in-one solution that I have previously written about. These free social bookmark buttons will encourage social bookmarking SEO by having your visitors save their favorite content and hopefully share it on social media sites such as Digg , Technorati and Stumble Upon thereby helping to grow your blog traffic. I personally prefer to use an Add This social bookmark button because individual buttons can create a cluttered busy look. However, I also realize that the Add This social bookmarking button is not necessarily that recognizable to visitors who may have otherwise bookmarked your pages had the button been more recognizable to them. How to Add Social Bookmark Buttons to Blogger Sidebar or Footer 1. Login to Bl...