Membuat Hubtile pada Panorama Apps Windows Phone 8

Selamat Pagi kawan , pada kesempatan kali ini saya akan mencoba men-share ilmu saya tentang membuat Hubtile pada panorama Apps di Microsoft Visual Studio 2012 For windows phone
pertama tama buatlah sebuah projek panorama apps baru ,

setelah itu hapus bagian bagian tidak penting dari bagian desain , dengan mengklik delete ,

sehingga stelah anda mendelete tampilan pada desain akan kosong , dan juga pada bagian .xaml nya hanya terdapat tag <Panorama Item one> two dst...

lalu masukan kode di bawah ini dibawah <panorama item one --> tag

<phone:PanoramaItem Header="Contoh" Foreground="Red" Height="568">

                <!--Single line list with text wrapping-->

                <Grid Background="" Margin="3,0,48,0">

                    <Grid.RowDefinitions>

                        <RowDefinition Height="Auto" />

                        <RowDefinition Height="Auto" />

                        <RowDefinition Height="Auto" />

                    </Grid.RowDefinitions>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition Width="Auto"/>

                        <ColumnDefinition Width="4*"/>

                        <ColumnDefinition Width="101*"/>

                        <ColumnDefinition Width="18*"/>

                    </Grid.ColumnDefinitions>

                    <HubtileControl:HubTile Grid.Row="0"

                                     Grid.Column="2"

                                     Background="#FF6666E0"

                                     Margin="211,5,-27,5" GroupTag="hubs" Message="Inet" Source="Assets/detik.jpg" Title="Detik" Grid.ColumnSpan="2">

                        

                    </HubtileControl:HubTile>

                    <HubtileControl:HubTile Grid.Row="0"

                Grid.Column="2"

                Background="Yellow"

                Margin="17,5,113,5" GroupTag="hubs" Message="KOMPAS" Source="/Assets/kompas.jpg" Title="Kompas">

                       

                    </HubtileControl:HubTile>

                    <HubtileControl:HubTile Grid.Row="1"

                Grid.Column="2"

                Background="#FF6464F0"

                Margin="17,0,0,0" GroupTag="hubs" Message="Viva" Source="Assets/Viva.jpg" Title="News" Grid.RowSpan="2" Height="173" VerticalAlignment="Bottom" HorizontalAlignment="Left">

                        

                    </HubtileControl:HubTile>

                    <HubtileControl:HubTile

                Grid.Column="2"

                Background="#FF6464EE"

                Margin="211,0,-27,0" GroupTag="hubs" Message="ANTARA" Source="Assets/antara.jpg" Title="Antara" Grid.Row="1" Grid.RowSpan="2" Height="173" VerticalAlignment="Bottom" Grid.ColumnSpan="2">

                        

                    </HubtileControl:HubTile>

                </Grid>

            </phone:PanoramaItem>

makan tampilan di desain akan berubah sepeti ini 

yap selesai sudah cara membuat Hubtile  :D