Notification texts go here Contact Us Buy Now!

Welcome To AL-AMIN

Hi Dear : Read my guides in which I've shared my knowledge and experiences. I will keep updating my website with great information for all of you.

  See More Tutorials Here →

How to add Auto Related Post your Blogger website in Post

Auto Related Posts Blogger website
Estimated read time: 1 min
Auto Related Posts

DESCRIPTION

Hello Dear, this is best Auto Related Post and XML code of Related post for you website in post by Which will make your website article look more beautiful. So I brought this article to you...

Just Follow The Step.

  • Go to your blogger Dashboard
  • Go to Theme sectionClick on this 🔻 Arrow type button
  • Then click on Edit HTMLSearch ]]</b:skin>And paste this below css above the ]]</b:skin>

Please take Backup of your Template before using this below steps for safety

Is Code:
Paste it Article 

<details class="sp toc" open=""> <summary data-hide="Hide all" data-show="Show all">Related Posts</summary> <div class="toC" id="aRel"></div> </details>

2nd Code:
CSS

/* ToC */ .pS details summary{list-style:none;outline:none} .pS details summary::-webkit-details-marker{display:none} details.sp{padding:16px 20px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border:0;border-radius:10px;} details.sp summary{display:flex;justify-content:space-between;align-items:baseline} details.sp summary::after{content:attr(data-show);padding:4px 10px;background:var(--linkB);color:#fffdfc;font-size:12px;border-radius:var(--buttonR);cursor:pointer} details.sp[open] summary::after{content:attr(data-hide)} details.toc a:hover{text-decoration:underline} details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit} details.toc ol, details.toc ul{padding:0 20px; list-style-type:decimal} details.toc li ol, details.toc li ul{margin:5px 0 10px; list-style-type:lower-alpha}

Related Posts

Notice

Please copy the both css and paste it by sequence above the ]]></b:skin>. Use this sequence:- First paste this css  /* material design box */  Then paste  /* table details */ css below  /* Post Related box */ css
You can use this above Auto Related Post for adding Details of content. 

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
Contact Us
Youtube Channel Image
Movie Gram Hub Subscribe To watch more Latest Movies Update
Subscribe