For this Blogger TutorialI am going to show you how to set up a Blogger Blog.
How To Set Up A Blogger Blog
4 Replies
Category Archives: Blogger Tutorials
How to Remove the Blogger Nav Bar
For this Blogger Tutorial I am going to show you how to remove the Blogger Nav Bar. If you really want the navigation of the Blogger Nav Bar then I suggest using the Peek-a-Boo Blogger Nav Bar Tutorial If you want the whole thing gone, then this is the tutorial for you. It’s simple and easy. Log in to your Blogger account, and go to your dashboard.
Click on Layout
Click on edit HTML.
Search for this code:
Then add this code:
#navbar-iframe {
display: none !important;
}
Right here:
Click on Preview
If your Blogger Nav bar disappeared then click Save Template
If not, then click Clear Edits to start over
How to Remove Borders
For this Blogger Tutorial I am going to show you how to remove the borders on your blog. This tutorial only works with the Minima template. Do you have annoying borders hanging around the pictures in your post? Or halfway around the image in your header? I am going to show you how to remove these borders in just a few steps.
We will start by logging in to Blogger and heading to the Dashboard.
Then click layout
Then click Edit HTML
To remove the Header Wrapper border, search for this code and change the 1px to 0px
To remove the Header Inner border, search for this code and change the 1px to 0px
To change the Post Image border, search for this code and change the 1px to 0px
To change the Profile Image border, search for this code and change the 1px to 0px
Note: To search just hold CTRL and press F. A little search box will appear at the bottom left corner of your page. Type in whatever code you are looking for. Ex: .profile-img and press ENTER. It will take you to wherever that code is.
Click Preview
If it didn’t work just click Clear Edits.
If it did, click Save Template.
I hope this tutorial helped. If you are wanting to learn how to do anything Blogger related let me know and I will write up a tutorial about it. Thanks for reading!
How to enter a hyperlink in a comment
Have you ever left a comment on your favorite blog and left your blog URL? Have you ever wished that your URL was clickable or hyperlinked? It sure makes it easier for the person on the other end. All they have to do is click and they are at your blog (or whatever website you would like them to be at!) I am going to teach you how to do this in a couple easy steps. Just copy this code
And replace URL with your own URL (this can be found in the address bar of your browser.) So for example, my URL is http://www.neuffj.blogspot.com which means my code will then look like this
Now you can replace the Text with anything you like. These will be the words that are clickable or hyperlinked. So for example I want the clickable part to say My Blog Here! So my code will look like this
Anything that is written before or after this code will appear as normal and not hyperlinked or clickable. You could write a code like this
It will end up looking just like this
Come see me at My Blog Here!
I hope this helps. I would love to see some hyperlinked text in my comments if you feel like giving it a try. Leave comments if you have any questions or you can email me!
How to make your blog 3 columns
For this Blogger Tutorial I am going to show you how to make your blog 3 columns. This tutorail only works with Minima templates. This takes a little bit of HTML knowledge, but isn’t nearly as scary as you might think! We are going to go into our HTML code. So we’ll start out by clicking on Dashboard
Then we’ll click on Layout
Then we’ll click on Edit HTML
Next we will back up our Template incase we make any mistakes
Hold CTRL and press F at the same time. A box will appear at the bottom of your screen. Type in the following code:
And hit enter, it will direct you to this part of your code:
Copy this code:
And place it beneath the #sidebar-wrapper So that it looks like this:
Hold CTRL and press F at the same time. Enter this code:
It will bring you to this part of your template:
Copy this code:
And place it directly above the ‘main-wrapper’, so that is looks like this:
Now hold CTRL and press F at the same time and enter this code:
It should take you to this part of your code:
We are going to edit this code a little bit. So copy this code:
And replace the #outer-wrapper so it looks like this:
Now hold CTRL and press F at the same time and enter this code:
It should take you to this part of your code:
We are going to edit this code too, so copy this code:
And replace the #main-wrapper so that it looks like this:
Click preview
If everything looks okay, then click Save Template
If you have questions, please leave a comment and I will be happy to help!
How to add a Signature to your Blog!
For this Blogger Tutorial I am going to show you how to add a signature to your blog. This is a super fun way to add a little personality to your blog! There a lots of free ways to add signatures to your blog, but the most common way I know of is through using Live Signature. I’m going to walk you through step by step, how to create a signature using their software and add it to your blog. If you already have a signature, you can join us when we are done with Live Signature.
If you want to set up an account you can, but for what we are doing… it’s not necessary.
Enter your name
They have LOADS of fonts to choose from and you can customize the color!
Pick a size
Pick an Angle, that’s right… it’s gettin Schnazzy now!
Now you get to Choose a Color, be sure you check the transparent background box. It makes for a cleaner look!
Admire your Schnazzy work! And save that puppy!
Lets get this code goin!
Pick the top option!
Then copy that code and save it!
We are Done with Live Signature!!! If you already had an image, you can join us now! Log in to your Blogger account and
Always backup your Template
Click the Expand Widget Templates
Search for This
Add your Code from Live Signature, or your image from photobucket/flickr etc. so that it looks like this!
Click Preview
It Should look like this
If not, then Save that Signature!
How to Number Comments In Blogger
For this Blogger Tutorial I am going to show you how to number your comments in Blogger. This tutorial only works with the Minima template. For today’s tutorial we are gonna take our comments from this
to this…
Let’s start by heading to our dashboard!
Then let’s click on layout
Now lets click on Edit HTML
Before we proceed any further, we MUST back up our Template. I still do this!!!! You never know when something crazy could happen. It’s best just to have a backup in case you need it, or in case… heaven forbid, you mess it up.
Now that our blog is backed up, we can carry on. Check the Expand Widget Tempaltes box
Now it’s code time… search and rescue!
Search for this code:
and just before it add in this code:
Then search for this code:
And directly beneath it paste this code:
Now search for this code:
And replace it with this code:
One last HTML code tweak, search for this code:
And just above it place this code:
That’s it for code tweaking! If you messed up, EaZee PeaZee
Or if you are ready to save, then Save!
If you saved and it didn’t work, go back and upload your old template (which you downloaded at the start of this tutorial) and start over.
No Replies and Word Verification!
For this Blogger Tutorial I am going to show you how to turn off the word verification and fix no replies in your email. I recently used this post over at Or so she says, but I thought I might as well add it to my list of tutorials. There is this deal of “no-reply emails.” It’s really sad, when replying to comments, to come across a “no-reply.” This is easily fixed!! Do you know if your email address is set up? Here is how to check and fix it. Just a matter of clicks. Head to your dashboard and look for this
Click on “Edit Profile” and it will take you to a screen that looks like this…
If the box is NOT checked, then people can’t respond to your comments : ( If it is checked then you are golden and people love you forever and ever!!!! LOL This is a quick fix to a source of large frustration for many, or so I am told ; ) Seriously, it takes like 10 seconds! Just make sure that you scroll down and click
Tip # 2
If you are like me, you LOVE comments!!!! Why not make it as easy as possible for people to leave them? This next tip is quick too, and a lot of people don’t realize that it can deter comments if not set up properly.
Word Verification = Not your Friend : ( It starts like this… head to your dashboard (click on settings)
It’s gonna take you here… (click on comments)
Then scroll down till you see this… (select no)
Then make sure to…
If you follow these simple tips, your bloggy friends will LOVE you forever!!! Do you have an idea for a tutorial? Or do you want to learn how to do something???? Send me an email (neuffj@gmail.com) or leave me a comment!!!
How to create a Peek-a-Boo Nav Bar In Blogger
For this Blogger Tutorial I am going to show you how to create a peek-a-boo Blogger nav bar. I am sure you have noticed several blogs without the Blogger Nav Bar at the top. I for one, don’t really LOVE the look of the Nav bar, but I like the convenience of it. So I have opted for the Peek-a- Boo Nav Bar on my other Blog. (It doesn’t bother me so much on this one.) The Peek-a-Boo effect is nice because it appears as though your nav bar is gone, UNLESS your mouse is directly over it. Genius!
First go to your dashboard
Then click on layout
Then click on Edit HTML
Make sure you Save a copy of your template!!!!!
Check the expand widget templates
On your keyboard, hold Ctrl and F, a new tool bar will open. Type in /b:skin and hit enter
It will take you to this part of your Template
Place this code
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)
just before the /b:skin tag, so that it looks like this!
be sure to click preview and not save (this should open a new window, and your nav bar should disappear)
if everything looks okay, then click save template
This is how you get a Peek-a-Boo Navbar. It gives the look, without losing any functionality.
How to Schedule your Posts In Blogger
If you are like me, you don’t wanna get up at the crack of dawn, or stay up until midnight to have your Blog posts hot off the press! Well, this is simple and easy to fix. I actually like to type a lot of my posts at the beginning of the week and schedule them to automatically post at 12:01 AM on Mon, Tues, Wed, etc… This allows me flexibility, which I am a huge fan of =)
So for starters lets get your posts all written the way you want it. Luckily Blogger has a handy dandy auto save, so you shouldn’t lose any info in case you accidentally do something funny. But just in case, (lets take precautions here) lets click the save now button.
Now your post is safe just in case. Alright, on with it then! Click on post options
A new drop down menu will appear, with an option to change the time and date of your posts.
Select the Scheduled at option, to edit
Then edit for the Date and Time you would like your post to show up on your blog. Once you have finished that, click that lovely Orange Publish Post button
Honestly, once I figured this out… my blogging world became so much easier. As I mentioned before, it is so nice to be able to have to option to write a whole weeks worth of posts at a time and schedule them all to go up at the same time. Rolling out of bed to have the freshest post just didn’t seem like an option for me.
Thanks for reading, and I hope you find this tip useful. If there is anything you would like to learn how to do… just leave a comment or shoot me an email. I will post something a little more complex for my next tutorial.