How to add news in blogspot

Adding news to a Blogspot blog is a straightforward process. Here's a step-by-step guide:

Method 1: Creating a new blog post

  1. Log in to your Blogspot account and go to your blog's dashboard.
  2. Click on the "New Post" button.
  3. Enter a title for your news article in the "Title" field.
  4. Write your news article in the main text area.
  5. You can format your text using the toolbar above the text area.
  6. Add images, videos, or other media to your post by clicking on the "Insert image" or "Insert video" buttons.
  7. Set the date and time for your post by clicking on the "Date" and "Time" dropdown menus.
  8. Choose a label for your post by clicking on the "Labels" dropdown menu. This will help readers find related posts.
  9. Click on the "Publish" button to publish your post.

Method 2: Creating a news section

  1. Log in to your Blogspot account and go to your blog's dashboard.
  2. Click on the "Layout" button.
  3. Click on the "Add a page element" button.
  4. Choose "Page element" from the dropdown menu.
  5. Select "HTML/Javascript" from the list of page elements.
  6. In the HTML code box, enter the following code:
    <div id="news-section">
<h2>News</h2>
<ul>
 <!-- news posts will be listed here -->
</ul>
</div>
  7. Click on the "Save" button.
  8. Create a new blog post for each news article you want to add to your news section.
  9. In the "Labels" field, enter the label you created in step 8 of Method 1.
  10. Go back to your blog's dashboard and click on the "Layout" button.
  11. Click on the "Add a page element" button.
  12. Choose "Page element" from the dropdown menu.
  13. Select "HTML/Javascript" from the list of page elements.
  14. In the HTML code box, enter the following code:
    <script>
var newsPosts = [];
$(document).ready(function() {
 $.ajax({
   type: "GET",
   url: "/feeds/posts/default/-/news",
   dataType: "xml",
   success: function(xml) {
     $(xml).find("entry").each(function() {
       var title = $(this).find("title").text();
       var link = $(this).find("link").attr("href");
       newsPosts.push({ title: title, link: link });
     });
     $("#news-section ul").html("");
     $.each(newsPosts, function(index, post) {
       $("#news-section ul").append("<li><a href='" + post.link + "'>" + post.title + "</a></li>");
     });
   }
 });
});
</script>
  15. Click on the "Save" button.
  16. This code will fetch your news posts from your blog's RSS feed and display them in the news section.

Tips and Variations