How to arrange blogger news feed like facebook

To arrange your Blogger news feed like Facebook, you can use the following steps:

Step 1: Enable the "Show posts from" feature

  1. Log in to your Blogger account and go to the "Settings" page.
  2. Click on the "Other" tab.
  3. Scroll down to the "Blog posts" section.
  4. Check the box next to "Show posts from" and select "All authors" or specific authors you want to display.

Step 2: Customize the news feed layout

  1. Go to the "Layout" page of your Blogger blog.
  2. Click on the "Add a gadget" button.
  3. Search for "Blog posts" and add the "Blog posts" gadget to your sidebar or footer.
  4. Configure the gadget settings to display the posts in a format similar to Facebook, such as:
    • Post title and summary
    • Post date and time
    • Author name
    • Number of comments
    • Like and share buttons

Step 3: Use a third-party widget or plugin

There are several third-party widgets and plugins available that can help you customize your Blogger news feed to look like Facebook. Some popular options include:

  1. Blogarama: A widget that allows you to display your blog posts in a Facebook-like format, including post titles, summaries, and images.
  2. FeedBlitz: A plugin that allows you to customize your Blogger feed and display it in a Facebook-like format, including post titles, summaries, and images.
  3. Blogger Facebook Feed: A plugin that allows you to display your Blogger feed in a Facebook-like format, including post titles, summaries, and images.

Step 4: Customize the CSS

If you're comfortable with CSS, you can customize the appearance of your Blogger news feed by adding custom CSS code to your blog. You can use a CSS editor like Firebug or Chrome DevTools to inspect the HTML elements of your blog and add custom styles to match the Facebook layout.

Here's an example of some custom CSS code you could use to style your Blogger news feed:

.blog-posts {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-posts li {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.blog-posts li:last-child {
  border-bottom: none;
}

.blog-posts li.post-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.blog-posts li.post-summary {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}

.blog-posts li.post-date {
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
}

.blog-posts li.author-name {
  font-size: 12px;
  color: #666;
  margin-bottom: 5px;
}

.blog-posts li.like-button {
  float: right;
  margin-top: 5px;
}

.blog-posts li.share-button {
  float: right;
  margin-top: 5px;
  margin-left: 10px;
}

These are just a few examples of how you can customize your Blogger news feed to look like Facebook. You can experiment with different layouts, styles, and plugins to find the look and feel that works best for your blog.