Top Navigation Menu for MySite Sharepoint 2013

Excuse me for these questions, but please explain me some things.

Description: I have MySite collection like Host Named Site Collection (SharePoint 2013 Server)

I would like to create Top Navigation Menu for MySite  like described in this article Style SharePoint 2013 Top Navigation (Global Navigation) menu but I don't know where I need to place HTML list for menu and where to place this code

<!--Menu--><div id="navigation" class="crom-Navigation"><!--Top Menu--><SharePoint:AjaxDelta id="DeltaTopNavigation" BlockElement="true" CssClass="ms-displayInline ms-core-navigation" role="navigation" runat="server"><SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate"><Template_Controls><asp:SiteMapDataSource
                ShowStartingNode="False"
                SiteMapProvider="SPNavigationProvider"
                id="topSiteMap"
                runat="server"
                StartingNodeUrl="sid:1002"/></Template_Controls></SharePoint:DelegateControl><asp:ContentPlaceHolder id="PlaceHolderTopNavBar" runat="server"><SharePoint:AspMenu
            runat="server" UseSeparateCss="false"
            AdjustForShowStartingNode="False" StaticDisplayLevels="2"
            AccessKey="1" SkipLinkText="" EnableViewState="False"
            MaximumDynamicDisplayLevels="1" 
            DataSourceID="topSiteMap" Orientation="Horizontal"
            RenderingMode="List"
            UseSimpleRendering="False"
            ID="TopNavigationMenu"></SharePoint:AspMenu></asp:ContentPlaceHolder></SharePoint:AjaxDelta></div>

I have create Sharepoint Project in VS for customization master page for my site, but I don't know how to apply code from article.

Please explain step by step what I need to do. Thanks.