Create Custom Related-List on Visualforce Pages

<apex:page standardController="Contact" extensions="sampleDetailPageCon">

<style>

.fewerMore { display: none;}

</style>

<apex:form >

 <apex:pageMessages />

 <apex:detail relatedList="true"></apex:detail>

<apex:pageblock id="CustomList" title="Related Opportunities"  >

   <apex:pageBlockTable value="{!oppz}" var="o" rendered="{!NOT(ISNULL(oppz))}">

        <apex:column value="{!o.Name}"/>

        <apex:column value="{!o.Account.Name}"/>

        <apex:column value="{!o.Type}"/>

       <apex:column value="{!o.Amount}"></apex:column>

       <apex:column value="{!o.CloseDate}"/>

   </apex:pageBlockTable>

   <apex:outputLabel value="No records to display" rendered="{!(ISNULL(oppz))}" styleClass="noRowsHeader"></apex:outputLabel>

 </apex:pageblock>

</apex:form>

</apex:page>

-----------------------------------------------------

public class sampleDetailPageCon {

    private List<Opportunity> oppz;

    private Contact cntact; 

    public sampleDetailPageCon(ApexPages.StandardController controller) {

        this.cntact= (Contact)controller.getRecord();

        

    }

    public List<Opportunity> getOppz()

    {

        Contact con = [Select name, Account.id FROM Contact where id = :cntact.id  ];

        if (con.Account == null)

         return null;

        oppz = [Select id, Name, Account.Name, CloseDate, Amount, Type from Opportunity where Account.id = :con.Account.id];

        return oppz;

    }

}