Website + Blog Design

Tricks In Editing Blog Template For None Developer

I’m not a developer and I’m pretty sure a lot of great bloggers out there aren’t either. As a blogger our platform and main tool to being creative is of course our blog. And we can do that with our writing but what about with our blog look? Is your blog a reflection of your personality? Does it show what you really want to show to the world? The looks of our blogs leave a big impression to our readers and that’s one thing that they relate to and attract them to keep coming back, besides the great content of course. I’ll show you tricks in editing blog template for none developer. It’s easy.

Being an engineer has its perks when it comes to blogging as I learned basic HTML back in college. And with what I’ve learned, I’m able to edit my blog look to my liking. I’ve written up some tips on how you can do that too. You don’t need to be a developer or an engineer. It’s pretty easy actually. So move on!


Editing The Whole Blog Look

Your whole blog look is called your template. Blogger and WordPress has these free blogger templates on the dashboard, which you can use to personalize your blog. Sadly, there aren’t too many to choose from and a lot of other bloggers are using them too. So how are you going to make your blog look unique and totally you? I’ve written a whole post in more detail for Changing Your Blog Template a couple of months ago. I’m sure that will help. So check it out.


Identifying Which Element You Want To Change

Now that you’ve changed your template, you also want to change a few details like the sidebar, the header, the footer and more, especially if you’re a girl like me who is a little sensitive to detail. We just want everything to be perfect, don’t we? You can do that by editing the HTML. But how will you know which one to edit? You’ll have to identify the element first. If you’re using Chrome, all you have to do is go to your blog and right click on the item you want to edit and choose “Inspect Element”. A box of CSS codes will show up and as you hover over the codes, it’ll highlight which element in your blog it is referring to. You can then use the element in that code to search in your blog’s HTML and edit it from there. It’s that easy. If you’re editing a static page, you can also check out my post about How To Remove An Element From A static Page.


Basic Links

One of the basic things that I like to do with my blog is to add links by adding an HTML widget because it’s probably the simplest. All you need to do is use the tag below. Your HTML widget or gadget is available on your blogger dashboard. So link! Link! Link! But do be careful of adding too much links to your blog as it may slow down the page loading time. And everybody just hates a website that loads too slow. You don’t want your readers to be closing that tab and moving on to the next blog.

Photo Sharing

Ever wonder how to place a photo on your sidebar? It’s as simple as adding links. You can also use the HTML widget but first you’ll be needing a platform for photo sharing like Flickr, Picasa, or Photobucket. Once you’ve uploaded your photos there, you can grab the HTML/BBCode so you can embed it. It’s usually the one that looks like a link but ends with a file type or extension like .png or .jpg. When you get that, you can use the tag below in an html widget and place it anywhere on your blog. That’s #1. Or #2 you can even use the image as a link by using the same tag to create a link. This is what’s usually used as Ads. So now you can sell your own Ad space!

I hope these simple tips help. Let me know if you have a few tips and tricks to add to this list by commenting below.

You Might Also Like