How to use / implement Microdata Breadcrumb html codes on external custom page ?

[thebush]

How to use / implement Microdata Breadcrumb on external custom page ?

I see this codes that I think generate the breadcrumb to search engines

<div class="boardTitle"><strong>XenForo Community</strong></div>
<span class="crumbs">
 
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Home</span></a>
<span class="arrow"><span></span></span>
</span>
 
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/community/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Forums</span></a>
<span class="arrow"><span>&gt;</span></span>
</span>
 
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/community/#official-forums.1" class="crumb" rel="up" itemprop="url"><span itemprop="title">Official Forums</span></a>
<span class="arrow"><span>&gt;</span></span>
</span>
 
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/community/forums/have-you-seen/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Have You Seen...?</span></a>
<span class="arrow"><span>&gt;</span></span>
</span>
 
 
</span>

Can any body guide me on how to implement it correctly ?
Thank you soo much !

 

[thebush]

The result I want is something like:
Home > Forums > Member > Custom Page