coding

how to make interesting articles under blogger posts

In every JalanTikus article, there is an Interesting Articles section that contains recommended articles for readers. So, do you want to have interesting articles in each of your blog posts?

For you loyal readers of JalanTikus, you must be familiar with the presence Interesting Articles under each article that appears. The section contains link 5 articles recommended for you. How, all this time, have you felt helped by interesting articles? Because you can see more interesting articles on JalanTikus.

Realizing the benefits of having this section, have you ever been tempted to pin it in? blog yours? If by chance you have blog, let's embed Interesting Articles in every post blog you!

  • How to Create an Automated Table of Contents in Blogger
  • How to Register and Install Google Analytics on Blogger
  • Easy Ways to Disable Right Click on Blogger (Blogspot)

Benefits of Interesting Articles in Blog Posts

Just like the table of contents function in Blogger, the existence of an Interesting Articles section or Related Posts on this blog is useful to help strengthen internal links on your blog. With the interrelationships between one post and another, the opportunity blog page rank you to continue to rise even bigger. So, let's embed Interesting Articles in each of your blog posts! The method?

How to Create Interesting Articles in Every Blogger Post

Many kinds of Interesting Articles in the blog. Some use images, others only use image lists. This time, as a tutorial we will make a list of 5 articles like those used in JalanTikus. As for how to make a Related Post on a blog, namely:

  • Let's just say you've login Blogger with your Gmail account. The next step is to enter the menu Templates, then select Edit HTML.
  • In the existing HTML dialog, please find the code ]]>/b:skin>. To make it easier press ctrl+F and look for the code.
  • If you have found it, please copy and paste the code below just above the code ]]> earlier.

/* ==== Related Post Widget Start ==== */ .related-post{margin:15px 0 0;border-top:1px solid #f0f0f0;padding:15px 0 0} .related-post h4{font- size:14px;margin:0 0 .5em;text-transform:uppercase} .related-post-style-2{margin:0 0 0 0!important;padding:0 0 0 0!important;list-style:none} .related-post-style-2 li{margin:0 0 0 0;padding:0 0 0 0} .related-post-style-2 li{padding:5px 0!important;border-top:1px solid #eee; overflow:hidden} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{width:60px;height:60px;max -width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 8px 0 0} .related-post-style-2 .related-post-item -title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif} www.masyadi.com .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} . related-post-style-2 .related-post-item-more{}

  • When finished, look for the code again the same way. Then copy and paste the code below is just above .

Notes: On labelArray, you can replace "Lifestyle" with any label that you think contains a lot of interesting posts. And don't forget to change //bangrapy.blogspot.com/ with your blog address.

  • Finished. Just save, and please see the results.

Well, how easy is it to include Interesting Articles in each of these blog posts? Now you will recommend articles that you find interesting to your blog readers. They can visit your blog longer and of course page rank-mu will be boosted because of it. Good luck!