Posts

Showing posts with the label posts

Building a List/Grid View Switcher in Blogger with Auto Read More

Image
A list of posts in grid or list view provides a more defined canvas with which a blogger or website owner can use as a guide in creating content. This concept has extended to visitors, where they can have control on whether or not they wish to view posts in list or grid view. While custom modification codes are shared by some blogging sites, others are not. Some that are shared, however, can be complex even to bloggers themselves, such as JQuery. The good news is there are lightweight codes available, including the Auto Read More in Blogger . Through it, a blogger can add two buttons that will enable visitors to switch between grid view and list view, depending on what they prefer. These buttons, however, are only visible on limited pages - homepage, label page and archive page. Nonetheless, it is better than not having this particular feature at all. Unlike JQuery, the Auto Read More uses HTML, CSS and JavaScript. To view posts in a list view, two sets of CSS codes are added as one. A...

Add Masonry, Grid Layouts to Blogger Posts with CSS and Javascript

Image
How a website's content is displayed can spell the difference between being popular and obscure. Anything that looks chaotic or hardly readable is never going to be anyone's favorite. This is why content must be displayed in an organized, easy to follow and straightforward manner. Nothing works better than a structured grid, in this case. Posts listed in grid view provide an excellent viewing experience for both the blogger or website owner and the visitors. This is especially true if the grid comes with images that would play with a person's visual inclination. What is great about grids is the seamless and smooth layout, complemented with a structured yet simple architecture. This makes it easier to navigate through a blog archive or product page. The style also enables a website owner to present posts in a more artistic and informative manner, without delving into the details. Suffice to say that a grid view demands creativity to be effortlessly mixed with functionality. ...

How To Set Custom Redirects in Blogger

Image
Over time, most blogs may go through many changes, like posts being added or deleted. In some occasions, you don't want people to get 404 messages when they surf to posts or pages that don't exist on your blog and instead, make all requests to a specific link to be redirected to another page. One of the best way to avoid broken links and keep your traffic flowing in the right direction is setting custom redirects via the  Blogger Custom Redirects tool. In this post, we will see how to set custom redirects for Blogger posts and redirect an old URL to a new URL. But before redirecting any URL, you must know that there are two types of redirects: A 302 redirect means that the page has moved temporarily . This redirect doesn't pass the URL value to the new location and instead, it will take the visitors to an appropriate location so that you aren't showing them a 404 page not found, or an error page. You can use a 302 redirect for coming soon pages or maintenance pages. ...

How to Create Magazine Style with Post Summaries and Thumbnails on Blogger

Image
The magazine or newspaper style templates are those that display the posts summaries in the homepage by stacking the columns on top of each other. This kind of templates is very popular nowadays, and whether it is a news or technology blog, everyone needs a fresh magazine style layout for their blogs. There are several ways to make posts appear this way. An option would be to use the Read more script to display a summary of the posts  and add a conditional tag and a different style to the first post so that it will have a larger width than the older posts. So, this tutorial will show you  how to create a magazine style for a Blogger Template . By following this tutorial, you can transform your boring and simple Blogger template to have an attractive and stylish magazine style layout . To see how it looks like, please visit this demo blog . Adding the Magazine/Newspaper style to a Blogger Template Step 1.  Before anything please make a backup of your current tem...