How to make auto-updated blog feed in Weebly.
I started making a website because many people around me asked about my background and work, but now I have a blog, and more and more people are looking for it. So, to express my gratitude to the people who visit my website, I will take this opportunity to change the monotonous front of the homepage.
The previous front page in website looked like below:
But I wanted to make it possible for people who click on my homepage here for the first time to see my blog posts at a glance. Recently, many applications have been developed to display updated blog content. Rather than a complicated technical explanation, I would like to show my case by introducing it briefly.
First, go to the FeedWind setup screen site like below : (Click on the screen below to go to the site)
This site is the simplest way to create dynamic content such as news feeds and blog feeds on your homepage.
It is free to use (during 14 days) and requires membership registration. Facebook or Google users just need to log into their account.
After 14 days, you pay for the service continuously:
Here is the service plan (click)
The following window will appear on the first screen.
A window for selecting the type of content source to be displayed, click RSS Feed here.
Then you will see the screen below.
Just put the blog feed address in the Feed URL window you see.
For instance, I put my address like this : https://www.annakoh.com/blog/feed/
For example: https://example.weebly.com/blog/feed/
Note: Weebly RSS feeds are not available from regular Weebly (non-blog) pages without using a 3rd party service. However, multiple blogs can exist on a single Weebly site each with their own feeds, so there is a workaround.
And select the options such as the size of the blog feed to be displayed in the menu below, the text format, the scroll speed, the image to be displayed, etc. according to the situation. Each time you select an option, you can see the different results in the right corner.
If there is a problem, the following message will appear.
In this case, you should double check your blog feed' URL.
TIP: Right-click on the RSS icon shown like below on the right, and use menu item: “Copy link address” from the menu.
If all goes well, it's time to insert it into the page where I want.
Once you have entered the feed URL, click the red rectangle menu (Save & Get code) on the screen below.
And then you can see the below window.
You can click the Copy Code button on the left. It means that you can copy the html code.
And then you should return to the menu bar in Weebly.
Click the Embed Code on the left sidebar like below.
In my case, I inserted the module at the bottom of the very first screen of the homepage.
Show a little patience, we're almost there. If you have passed this far safely, you will see the screen below.
Paste the copied code into the new code window and you're done. Results will be visible 5-10 seconds after seeing the loading message.
This makes the page much more readable and dynamic than before. I hope your website is like that too.
|Myungja Anna Koh||