Showing posts with label Blogger Widgets. Show all posts
Showing posts with label Blogger Widgets. Show all posts
Facebook features a toolbar that is always at the bottom of the browser where you can chat and have shortcuts to your applications. Well guess what, you can also add a toolbar like in facebook on blogger. This is made possible by wibiya.
ShareThis is a social bookmarking widget that you can implement on your blog for your readers to easily share your posts with social networking sites like facebook, twitter and digg. ShareThis is an easy install widget because in a few clicks, you can already implement it on your blog.
The widget that I will be explaining today is the Ratings Widget for Blogger by outbrain. By adding ratings widget to your blog, your readers will be able to rate every posts in your blog between 1-5. From bad(1) to excellent(5) ratings!
Table of contents for blogger is a widget made by Abu Fathan. Table of contents widget or archive widget will display all posts categorized by their labels. The widget will also show your previous 10 posts as "New!". A live demo can be found on my archive.
To add this widget on your blog using normal post,
If you heard about Lightbox, I'm sure that you know that it is a widget integrated to blogger that allows you to open large images without opening a new window and instead opening it at the center of your screen inside a box. But in this guide, we will be using another widget called Lytebox, it is a modified Lightbox with some added features.
Allowing your readers to subscribe via email can be a great help especially if they are not familiar with rss feeds. Today, I will explain how to customize the subscribe via email widget for your blogger/blogspot blog.
Normally, the feedburner's default subscribe via email form looks like this:
After you follow this guide, the widget will now look like this.
Normally, the feedburner's default subscribe via email form looks like this:
After you follow this guide, the widget will now look like this.
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>
If Twitter has Retweet button, Facebook on the other hand has Share button. What does it do? It adds a share button in every posts in your blog so your readers can easily share them to facebook.
Here's what it looks like.
Here's what it looks like.
I saw some Wordpress blogs that has "About The Author" below every of their posts. I just thought, why not implement it on blogger? And here it goes.
First, here's what it looks like.
I also have one below this post.
First, here's what it looks like.
There are many other translators out there. But this one I will post here is something simple but elegant and more professional look.
As I improve and customize my blog template, I'm always thinking of sharing it to you guys. So here's the latest, it's called "How to add a fixed subscribe button on your blogger blog". What's that? It's adding subscribe buttons at the side of your blog that doesn't disappear on all instances. Meaning your viewers will see it always on their screen.
Here's how to do it, the simple way.
Here's how to do it, the simple way.
Similar to my other post "Sexy Bookmarks for Blogger", I will explain here how to add social networking buttons below every post on blogger but with different style. Like these
I want this guide to be simple, so you won't need to download the icons =).
I want this guide to be simple, so you won't need to download the icons =).
Ever wondered how to add code boxes on your blogger post? There are two ways, one is a simple method which is best suited for beginners(like me) and the other is the advanced method which gives your code box a more professional look but requires a little source tweaking.
So here's the simple method, just paste this code on your post editor in Edit HTML tab.
<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">
YOUR CODE
</textarea>
So here's the simple method, just paste this code on your post editor in Edit HTML tab.
<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">
YOUR CODE
</textarea>
In this post, I will explain how to add the retweet button at the top right of your blogger post.
1. Follow this guide on How To Edit Your Blog Template
1. Follow this guide on How To Edit Your Blog Template
In this post, I will explain how to add sexy bookmarks at the bottom of every post in your blog without displaying them on the home page.
By the way, here's what sexy bookmarks look:
By the way, here's what sexy bookmarks look:
Subscribe to:
Posts (Atom)
