Skip to main content

Posts

Showing posts with the label Blogger

Simple HTML and CSS Navigation Bar

        Are you looking for a way to compile all of the pages on your webpage into one simple, yet elegant, menu bar? Lucky you, because I have brought you a very sweet Navigation Bar. Check out the code in the gray box below and try it for yourself on your webpage.

Different Page Background for Blogger Posts

  Looking to give each of your Blogger posts a unique background image? You have come to the right place, all you need to do is check out the tutorial below, and if you have any questions feel free to ask in the comments. First of all, click here to see this in action on a different post. Step 1: Upload the image that you would like to appear as the unique blog background to the particular post. Make sure you make any tweaks to the HTML ('Edit HTML') of the image in the post editor so it appears to your liking. Step 2: Following the image upload into the post, click 'Edit HTML'. In the code for the image find the 'div class' title (default is titled 'separator'). Change the title to something unique and make note of the title. Step 3: Once you have entered all of the content to your blog post, whatever it may be, click the 'Publish Post' button. Make sure you remember, or have made note of, the title of the 'div class'. Step...

Remove Blogger Attribution Widget

     Are you one of those Blogger users who are in dire need of a way to remove the Attribution Widget on your template? If so, you have come to the right place. I suggest that you, if you have not already done so, open up your Blogger Dashboard in a new window. By the time you have gotten through reading this tutorial, you should know how to completely remove the Attribution Widget for the New Blogger Template Designer. Reveal the Tutorial 1. Start off by opening up the "Edit HTML" page under the "Design Tab" in your Blogger Dashboard. Once there, check the "Expand Widget Templates" box. 2. Use your Browser's Search Feature, by clicking CTRL+F, to search for the following set of code:   3. Once you have located the code shown above, you will now have to make a simple edit. Where the code says locked='true' , all you need to do is change that true to a false . 4. Now click Save and continue to the "Page Elements" page under the...

Top 10 Blogger Customizations

     Do you want to personalize your Blogger hosted blog even more? Well lucky for ya', because in today's post I am going to go over my favorite 10 Blogger customization tools and hacks. 1. Remove the Blogger NavBar    This is one of the few things that I personally found annoying with Blogger. Thankfully I was able to locate an HTML code that removes the NavBar. Click here to read the step by step walkthrough for removing the Blogger NavBar. 2. Create HTML Navigation Bar with Images as Links   One of the things I learned to do with HTML last year was how to create a Navigation Bar with images as links. Now you can easily create a navigation bar for your Social Media links that ultimately makes your blog more attractive. Click here to learn how to your own HTML Navigation Bar with Images as Links. 3. Replace Blogger Favicon with Custom Favicon   to I found this one extremely cool. Now you can change your Favicon from the default Blogger logo ...