One feature that is widely installed on the blogger template is the Recent Post feature, which is a feature that features several footages of the title of a new and recently published blog, such as food is still too hot. So it is hoped to attract visitors to linger reading the blog content by visiting or reading how many posts it considers interesting. This is one of the tricks to raise a visitor's blog and may even be able to open earnings Klick AdSense.
In general, the Recent Post feature only features some new post content titles, and visitors cannot access more in the entire post that was created in the past through the Recent Post feature, as other alternatives Visitors can access the SiteMap feature if you want to browse the contents of a blog.
Unlike the Recent Post feature that will Admin share at this time, it may be almost the same as displaying some of the latest and previously created post content, but the Recent Post feature has a Go Back, Home, and Next button. Preview. So that visitors just by using the navigation can view or access all the latest existing content based on the time sequence easily, display like this:
Seen above in Page view Blog share Tutorial on the left there is a Recent Post menu then area under recent post there is a navigation button that will facilitate visitors to access the latest content based on the time sequence. How do you buddy bloggers want to try to implement this feature on your blog?
How to install is very easy, but unlike the general installation via the Layout menu then add the HTML widget. You simply copy and paste following Related Post HTML code source on the widget area of the template's layout via the EDIT HTML menu. Go to the Dashboard Blogger page then select the target Blog that you want to install this feature, select the Theme menu and then select Edit HTML.
<b:widget id='HTML97' locked='false' title='' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--recentpost-->]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> <b:if cond='data:blog.pageType == "item"'> <amp-iframe expr:src='"https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/recentpost-amp.html?fontSize=16px&color=333&url=" + data:blog.homepageUrl' frameborder='0' height='488' layout='fixed-height' noloading='' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' title='Recent Posts'> <amp-img height='488' layout='fixed-height' noloading='' placeholder='' src='https://1.bp.blogspot.com/-x1yVa6ztsWY/WyHFPLG0uLI/AAAAAAAAyIg/3C5Lb5EjGywOPzO_XSwK1XTu6VlBZE4SgCLcBGAs/s1600/back-iframe.png' width='auto'> </amp-img> </amp-iframe> </b:if> </div> </b:includable> </b:widget>
You can put this Related Source code Post under the source code of the widget in your template, the source widget code in general starts with code <b:widget id = "...... " Then ends with the code </b:includable> </b:widget>. So put the sour code related post after the code </b:includable> </b:widget> widget which is the existing widget cover code.
After the placement of the code is fitting, click Save Theme to apply, if the error occurs you are wrong in placing the code, try to order and position it in the appropriate code placement area.
Widget Related Post is one of the features that Pampers visitors with the content of the latest posts that can easily be accessed without having to access the Home page or access the SiteMap menu to surf explore the contents of A blog. Obviously, this feature is also important and highly recommended to be on the blog page in the hopes of increasing the number of post visits and AdSense ad klick revenue.