Irsah in Designs
Today we are going to show you the tutorials and how to create a basic internal page optimisation for blog blogspot platform. Most of blog writers and website owners are very concern in on-page optimisations features for better search engine results. This is just a few tweaks, tricks and tips on doing the on-page optimisation techniques without using any 3rd party on-line srvices or softwares.
By displaying a pre-calculated internal links between your posts or articles on your websites, it will render a more search engine friendly and optimised page. Hence helping web visitors, with better user interactions (UI) page display, finding your previous posts/articles which may become to relevant. It is likely that users will be more tempted in clicking on internal web pages/posts/articles if they are presented with a mix of graphic and text. This widget will also render more efficiently, as some codings/page styling (css) is stored in your files. It helps in preventing or as an alternative on using a fully external on-line services that will provide the same features. Less out-bound scripts call, better page loading.
This is actually a 2009 release by bloggerplugins.org and the technique is still used by many SEO webmasters/blog writers for on-page optimisations. The media thumbnails produced is generated through your blogger posts which you have uploaded with your articles by your editor of choice. Now, this widget will also support external images with a few add on tweaks which you find it useful for further enhancement.
Below are the step by step and details in cretaing the related posts/articles with thumbnail for your blog pages.
<div class='post-footer-line post-footer-line-1'>OR;<p class='post-footer-line post-footer-line-1'>
Note:You can adjust maximum numbers of posts/articles by editingvar maxresults=5;Edit posts/articles labels (it should ideally be one more that maxresults)max-results=6Edit the title of the widget by changing this line of codevar relatedpoststitle="Related Posts";Change the default thumbnail, you can edit this line of codevar defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";Change the Colour of the Splitter Line , edit this codevar splittercolor="#d4eaf2";
Press Preview and wait until your page is parsed. If no errors occur, press save and your done.
If you want to display the related posts/articles with thumbnails on every page and not on your post pages, you can remove the code stated here. from both of the above codes. The sample lines are shown below. (code delete)
If you see that the modifications is not working, you can simply edit and change the codes below. (code change).
<b:if cond='data:blog.pageType == "item"'>AND;<!-- remove --></b:if>
We hope that with this tutorial, will help you with your on-page link building and better page performance. As optimising your pages/posts/articles will render a more friendlier indexing for search engines.