Cara Membuat Soccer Komentar Sederhana Di Blog
Cara Memasang Gaya Komentar Langsung untuk Acara Utama
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 Komentar Langsung
/* CSS Live Commentary */
.post-body .soccercommentary {width:100%;border-collapse: collapse;}
.post-body .soccercommentary-title {text-align: center;}
.post-body .soccercommentary-text .time {color:#aaa}
.post-body .soccercommentary-text .timeout {color:darkred}
.post-body .soccercommentary-text .red {color:red}
.post-body .soccercommentary-text .yellow {color:yellow}
5. Kemudian Ini Letakkan UEFA Theme Gaya Di Bawah </style> Di Atas Ini Komentar Langsung
/* UFEA Theme Live Commentary*/
.post-body .soccercommentary{font-family: Arial, Sans-serif;border:1px solid #ddd;background-color: #fff;}
.post-body .soccercommentary td,.post-body .soccercommentary th{border:1px solid #ddd}
.post-body .soccercommentary-title{background:#00285b;color:#eee}
.post-body .soccercommentary-title:hover{background:#2b2d2f;}
.post-body .soccercommentary-text{background:#FFF}
.post-body .soccercommentary-text:hover{background:#DDD}
6. Selesai Simpan Template
Cara Membuat Posting Hasil Komentar Langsung untuk Acara utama
1. Klik Buat Post2. Terus Klik HTML
3. Letakkan Komentar Langsung Ini Posting
<table class="soccercommentary">
<tr><th class="soccercommentary-title">Komentar Langsung untuk Acara Utama</th></tr>
--- LETAKKAN INI KOMENTAR LANGSUNG BARIS DIBAWAH DISINI ---
</table>
12 Komentar Langsung Baris
Mulai Babak Pertama:<tr><td class="soccercommentary-text"><i class="fa fa-clock-o"></i> Pertandingan Sedang Berlangsung</td></tr>
Istirahat Akhir Setengah Waktu:
<tr><td class="soccercommentary-text"><i class="fa fa-clock-o timeout"></i> wasit meniup selama setengah-waktu.</td></tr>
Mulai Babak Kedua:
<tr><td class="soccercommentary-text"><i class="fa fa-clock-o"></i> Babak kedua dimulai.</td></tr>
Akhir Waktu Penuh:
<tr><td class="soccercommentary-text"><i class="fa fa-clock-o timeout"></i> Peluit akhir ditiup.</td></tr>
Gol:
<tr><td class="soccercommentary-text"><i class="fa fa-futbol-o"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) Goooooooooool!</td></tr>
Kiper Menghemat:
<tr><td class="soccercommentary-text"><i class="fa fa-product-hunt red"></i> <i class="fa fa-futbol-o"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) Penalti Diselamatkan Oleh Kiper.</td></tr>
Tukar Pemain:
<tr><td class="soccercommentary-text"><i class="fa fa-exchange"></i> <span class="time">Waktu</span> Nama Pemain (masuk) - Nama Pemain (keluar) (Nama Tim)</td></tr>
Kartu Kuning dan Kartu Merah:
<tr><td class="soccercommentary-text"><i class="fa fa-square yellow"></i> <i class="fa fa-square red"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) menerima kartu kuning kedua dan diusir.</td></tr>
Kartu Kuning:
<tr><td class="soccercommentary-text"><i class="fa fa-square yellow"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) yaitu diperingatkan oleh wasit.</td></tr>
Kartu Kuning 2:
<tr><td class="soccercommentary-text"><i class="fa fa-square yellow"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) ditunjukkan kartu kuning.</td></tr>
Kartu Merah:
<tr><td class="soccercommentary-text"><i class="fa fa-square red"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) Diusir.</td></tr>
Kartu Merah 2:
<tr><td class="soccercommentary-text"><i class="fa fa-square red"></i> <span class="time">Waktu</span> Nama Pemain (Nama Tim) ditunjukkan kartu merah.</td></tr>
Catatan :- Perhatikan Warna Merah Ketik Angka Waktu
- Perhatikan Warna Biru Ketik Nama Pemain
- Perhatikan Warna Ungu Ketik Nama Tim
5. Lihat Hasil Posting Blog