Cara Membuat Soccer Team Stats Di Blog
Cara Memasang Gaya Team Stats
1. Masuk Blogger2. Klik Template >> Edit HTML
3. Cari kode </style> atau </head> ditambah <style> dan </style>
4. Letakkan Gaya Di Bawah </style> Di Atas Ini Team Stats
/* CSS Team Stats */
.post-body .teamstats{width:100%;}
.post-body .teamimagehome{text-align: right;}
.post-body .teamimagehome img{width:100px;}
.post-body .teamscore{text-align: center;font-size: 60px;}
.post-body .teamimageaway{text-align: left;}
.post-body .teamimageaway img{width:100px;}
.post-body .teamtexthome{text-align: right;}
.post-body .teamtexticon{text-align: center;}
.post-body .teamtextaway{text-align: left;}
.post-body .teamstats {border-collapse: collapse;}
.post-body .teamstatstitle{text-align: center}5. Kemudian Ini Letakkan UEFA Theme Gaya Di Bawah </style> Di Atas Ini Team Stats
/* UFEA Theme Team Stats */
.post-body .teamstats{font-family: Arial, Sans-serif;border:1px solid #ddd;background-color: #fff;}
.post-body .teamstats td,.post-body .teamstats th{border:none}
.post-body .teamstatstitle{background:#2b2d2f;color:#eee}
.post-body .teamstatstitle:hover{background:#2b2d2f;}
.post-body .teamimageheader{background:#00285b;color:#fff}
.post-body .teamimageheader td:hover{background:#00285b;color:#fff}6. Selesai Simpan Template
Cara Membuat Posting Hasil Team Stats
1. Klik Buat Post2. Terus Klik HTML
3. Letakkan Team Stats Ini Posting
<table class="teamstats">
<tr><th class="teamstatstitle" colspan="3">HASIL TIM EURO 2016</th></tr>
<tr class="teamimageheader"><td class="teamimagehome"><img src="https://sc.mogicons.com/c/297.jpg" title="Masha"/></td><td class="teamscore" title="Goals">3 - 2</td><td class="teamimageaway"><img src="https://sc.mogicons.com/c/193.jpg" title="Minion"/></td></tr>
<tr><td class="teamtexthome">12</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Shots Off Target"><i class="fa fa-dot-circle-o fa-stack-2x"></i></span></td><td class="teamtextaway">6</td></tr>
<tr><td class="teamtexthome">15</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Shots On Target"><i class="fa fa-bullseye fa-stack-2x"></i></span></td><td class="teamtextaway">8</td></tr>
<tr><td class="teamtexthome">6</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Corners kick"><i class="fa fa-chevron-left fa-stack-2x" style="color:red;"></i><i class="fa fa-futbol-o fa-stack-1x"></i></span></td><td class="teamtextaway">4</td></tr>
<tr><td class="teamtexthome">3</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Free kick"><i class="fa fa-circle-o fa-stack-2x" style="color:red;"></i><i class="fa fa-futbol-o fa-stack-1x"></i></span></td><td class="teamtextaway">2</td></tr>
<tr><td class="teamtexthome">2</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Offsides"><i class="fa fa-minus fa-rotate-90 fa-stack-2x" style="color:red;"></i><i class="fa fa-male fa-stack-1x"></i></span></td><td class="teamtextaway">1</td></tr>
<tr><td class="teamtexthome">6</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Goalkeeper saves"><i class="fa fa-male fa-stack-2x"></i><i class="fa fa-futbol-o fa-stack-1x fa-inverse"></i></span></td><td class="teamtextaway">3</td></tr>
<tr><td class="teamtexthome">2</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Goal Kick"><i class="fa fa-minus fa-rotate-90 fa-stack-2x" style="color:red;"></i><i class="fa fa-futbol-o fa-stack-1x"></i></span></td><td class="teamtextaway">1</td></tr>
<tr><td class="teamtexthome">7</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Fouls"><i class="fa fa-exclamation fa-stack-2x"></i></span></td><td class="teamtextaway">4</td></tr>
<tr><td class="teamtexthome">3</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Yellow Cards"><i class="fa fa-square fa-stack-2x" style="color:yellow;"></i><i class="fa fa-exclamation-triangle fa-stack-1x fa-inverse"></i></span></td><td class="teamtextaway">1</td></tr>
<tr><td class="teamtexthome">2</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Red Cards"><i class="fa fa-square fa-stack-2x" style="color:red;"></i><i class="fa fa-minus-circle fa-stack-1x fa-inverse"></i></span></td><td class="teamtextaway">0</td></tr>
<tr><td class="teamtexthome">50%</td><td class="teamtexticon"><span class="fa-stack fa-lg" title="Possession"><i class="fa fa-percent fa-stack-2x"></i><i class="fa fa-futbol-o fa-stack-1x fa-inverse"></i></span></td><td class="teamtextaway">50%</td></tr>
</table>4. Perhatikan Warna Biru Gantikan Ini Bendera Eropa Ini Blog Lihat Membaca dan Memasang Maharani Template Terbaru Superminima Atau Eropa UEFA 2016 Minima
5. Perhatikan Warna Kuning Ketik Skor Ini Kiri Rumah dan Kanan Jauh Hasil Team Stats
6. Perhatikan Warna Hijau Ini Ketik Dibawah Skor Kiri Rumah dan Kanan Jauh Ini Shots Off Target, Shots On Target, Corners Kick, Free Kick, Offsides, Goalkeeper saves, Goal Kick, Fouls, Yellow Cards, Red Cards dan Possession Ini Hasil Team Stats
7. Selesai Klik Publikasikan
8. Lihat Hasil Posting Blog