Skip to main content

Posts

Showing posts with the label posts

How to Create a Sitemap or Table of Contents in Blogger

[One of the limitations of a blog is that it lacks an index or sitemap, which can make it challenging for readers to locate specific content. Although the blog archive and labels provide information about published posts, they are not displayed on a single page, making it difficult to browse through them easily. Fortunately, there is a solution: you can utilize a gadget to add a table of contents or sitemap on Blogger, showcasing an index of all published posts categorized by topic. Additionally, it will highlight the latest posts with a "New!" label. How To Add a Sitemap with a List of Posts to Blogger To implement this feature on your blog, follow the steps below: Step 1. Login to your Blogger Dashboard and select your blog. Step 2. Go to Pages > click the New Page button and select Blank page Step 3 .  Click on the HTML tab and paste the following code inside the empty box: <style> p.labels a{color: #242424 ; text-transform: uppercase;font-size: 15px ;} a.post

Display post author, date, labels and comments with icons below post titles

Add-Author-Profile-Picture-and-Name-in-Html-Blogger-WordPress In this tutorial, I will demonstrate how to enhance your Blogger posts with additional information such as the name of the blog author, a timestamp for published posts, labels, and comment count links. Let's start by examining the behavior of the comments link. When there are no comments on your posts, the link will display as "Be the First to comment!" If your post receives one comment, it will be shown as "1 comment so far." On the left side, we will find the blog author's name, a clock indicating the publication time of the posts, and lastly, the post labels. If you wish to make your blog more visually appealing by incorporating these details along with charming small icons alongside the Blogger Author's Name, Post Date, Labels, and Comments, please follow the steps provided below. Screenshot: How to Add Author, Date, Labels and Comment Bubbles to Blogger Step 1. From your Blogger Dashboar

Recent Posts Widget with Thumbnails for Blogger/Blogspot

A few days ago, I posted a tutorial on How to Add a Simple Recent Posts Widget that shows a list with the most recent posts if you would prefer a more minimalist look. In this post, you will see a different way of displaying the Recent Posts on Blogger - this is specially for those who want to show more info like the recent posts excerpt / summary and the posts thumbnails. To add this gadget is very simple, just follow these steps below: How to Add the Recent Posts Widget to Blogger Step 1. From your Blogger Dashboard, go to Layout > click on Add a Gadget link Step 2. From the pop-up window, scroll down and choose HTML/JavaScript Step 3. Inside the empty box, add the following code: <div class="eggTray"> <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list", "pipe_params":{"URL":" YOUR-BLOG /feeds/posts/d

Simple Recent Posts Widget for Blogger/Blogspot

The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links. What you can do with this widget: display post titles only change the number of posts change the number of characters of the post snippet/excerpt show the post dates See the screenshot below: How to add Recent Posts Widget to Blogger Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link Step 2. From the pop-up window, scroll down and choose HTML/JavaScript Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript: Option 1: Recent posts widget with snippets <div id="hlrpsa"> <script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-