BLOGGER: REPLACE OLDER POSTS, NEWER POSTS AND HOME LINKS WITH ANOTHER TEXT

To change the text in the links "Older Posts" "Newer Posts" and "Home" is probably the easiest thing you can do with them. You can change them to anything, like "Next" for the "Older Posts" and "Back" for the "Newer Posts." So let's get started. Go to Template and click Edit HTML. Press Ctrl+F and paste the code below in the search box to change the "Newer Post" link. Delete it and replace with "Back" or whatever you like. <data:newerPageTitle/>...

Read More...

BLOGGER: ADDING BACKGROUND COLOR TO OLDER AND NEWER POSTS LINKS

So you find the "Older post" and "Newer post" links at the bottom too plain and you want to beautify them so that they don't look left out by the rest of the elements of your blog? We often neglect them since we don't see them a lot. We tend to focus on what we see first-- the header. Of course, we want to make a good impression to our readers but let's be consistent and just be beautiful and from our header to our footer, okay? :D So...

Read More...

BLOGGER TEMPLATE: EARTHY

A modified version of the Binary Template, now called Earthy  It now looks girly with its very light floral background and earthy touch of color. I didn't change anything with the layout as it looks perfect as it is--neat and clean! I also wanted to change the social media icons and the search box to match the femininity of this template but I need a break, so I guess next time :D Download Downloads: document.write(dsCo...

Read More...

BLOGGER: CENTER ALIGN THE BLOG TITLE OR HEADER

By default, the alignment of the Blog Title is in the left. But in some cases, having the blog's title on the center looks better. Many of us want this, but unfortunately, the customization of this section in the Template Designer is limited only to its font face, size and color. There's also the option to make it bold and italic. But that's it. So unless you Google about how to make your Blogger blog's title centered, your title will...

Read More...

BLOGGER: FIX THE GREY BACKGROUND ON WHITE IMAGES

White or transparent background turning into grey when uploading an image to your header or anywhere else in your blog? A lot of newbie bloggers are experiencing this problem. I did, too, when I just started blogging and fortunately I figured ways to fix this problem easily.  Option #1. This is for bloggers who don't have Photoshop. It gets rid of the grey background and changes it to white. Not ideal if you have a colored...

Read More...

FREEBIE: KLAUS SEARCH BOX

The Klaus search box is written in pure CSS so there's no need to download anything. And because it's purely CSS, this search box is fully customizable. You can change the size, the style and thickness of the border, the color and the text of the search button and everything else. The codes for the first search box: <style> #search-btn1 { background:#3d3d3d; color:#ffffff ; font: 'trebuchet ms', trebuchet;...

Read More...

FREEBIE: LEXUS SEARCH BOX

Download Downloads: document.write(dsCounter); A simple search box with rounded corners. Size is 300x30 pixels. The width and height cannot be adjusted by editing the css codes as the entire search box is a PNG file. So if you find the image too big for your blog, you can use your favorite photo editor to shrink its size and change some of the css codes to make it look perfect. This pack contains 11 different colors of the Lexus...

Read More...

FREEBIE: SEARCH ICON IN DIFFERENT COLORS FOR EXPANDABLE SEARCH BOX

Lazy or don't know how to edit the search icon for your expandable search box? I'm here to help :) While other elements of the search box can be modified by making a few changes with the css codes, we can't do it to the search icon. So we're gonna have to replace the icon with a different one in a different color to match it with your blog's template. Below are the colored search icons you can choose from. To use them, simply right...

Read More...

BLOGGER: ADD A CUSTOM SEARCH BOX PART III

In this post I will teach how to make the corners of the expandable search boxes I posted in the second part of the tutorial. We just need to insert a few codes and when we're done they should look like these: #search1 input{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqkslmDw9lQNl21Qv_ULNiLYTKuWO2VJeaKKskKx3PPTQqiG5gFHRdKtiSxZka4Ti1SjLBZXCHcC_rEE1OwWeX6gOfZG_YDPR4MbL1EPLtAmiyHkiuXk8twNrv9Khcp9oLqXbshCK0dRY/s20/black.png)...

Read More...