
Showing posts with label Blogger Tutorials. Show all posts
Showing posts with label Blogger Tutorials. Show all posts


1. Go to Layout ~ Edit HTML

1. Go to Layout ~ Edit HTML and check Expand Widget Templates
On my previous article about adding facebook share button on blogger, it features just how to add a simple share button style. In this article, I will explain how to add an elegant looking facebook share button to blogger courtesy of fbshare.me
Here's what the new facebook share button looks like:

Here's what the new facebook share button looks like:
This is an update to my previous post "How To Remove Image Border On Blogger Posts". But this time, it will be easier because the border removal will be done automatically by blogger.
1. Follow this guide on How To Edit The Blogger Template
1. Follow this guide on How To Edit The Blogger Template
Another thing to make your blogger/blogspot blog more professional and neat is by removing the default navigation bar.

In this post, I will give the easiest way to add a fixed background image on blogger/blogspot blogs.
1. Find some good backgrounds(800x600/1024x768 or bigger) in google or make one and upload it to photobucket or imageshack or any other image hosting sites except for blogger(you can't upload high resolution images, it gets resized).
1. Find some good backgrounds(800x600/1024x768 or bigger) in google or make one and upload it to photobucket or imageshack or any other image hosting sites except for blogger(you can't upload high resolution images, it gets resized).
In this post, I will explain how to add related posts/related articles on your blogger/blogspot blog based on labels. It will be just easy.
1. Follow this guide on How To Edit Your Blog Template
2. Find(CTRL+F) </head>
3. Replace it with these codes below
1. Follow this guide on How To Edit Your Blog Template
2. Find(CTRL+F) </head>
3. Replace it with these codes below
<!-- RELATED POSTS -->
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
var relatedpoststitle="TITLE";
</script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>
</b:if>
<!-- RELATED POSTS -->
</head>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
var relatedpoststitle="TITLE";
</script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>
</b:if>
<!-- RELATED POSTS -->
</head>
Making a post category for your blog is very important and customizing it is very important too. In this post, I will show how to make post categories for your blogger blog the easy way.
1. Sign in to Blogger
2. Choose a blog and click Layout
1. Sign in to Blogger
2. Choose a blog and click Layout
By default, when you click a category on your blogger blog, it will show the post titles and contents. Like this:
But what if you have like 100 articles in one category? Not all posts will be displayed in one page right? So now I will guide you on how to show only post titles on your blog category (the simple way).
But what if you have like 100 articles in one category? Not all posts will be displayed in one page right? So now I will guide you on how to show only post titles on your blog category (the simple way).
In this post, I will discuss how to edit your blog template. This guide will be used in other how-to posts that I will make. It's kinda like the standard format.
1. Go to http://www.blogger.com/
1. Go to http://www.blogger.com/
So what's a Favicon? It's short for favorites icon and sometimes called a website icon or bookmark icon. It's like this:

Adding this helps your readers distinguish your blog from other blogs, It's like giving your blog an identity. I'll explain how to add a favicon in a simple way.
Adding this helps your readers distinguish your blog from other blogs, It's like giving your blog an identity. I'll explain how to add a favicon in a simple way.
Subscribe to:
Posts (Atom)




