Cara Membuat Info Sinopsis dan Tabel Info Film didalam Postingan Blog

Pilihan Editor :

Cara Membuat Info Sinopsis dan Tabel Info Film didalam Postingan Blog
Tags AAA

KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini saya bagikan informasi mengenai Cara Membuat Info Sinopsis dan Tabel Info Film didalam Postingan Blog. Hasil jadi dari tutorial kali ini akan menghasilkan 2 model Info Sinopsis dan Tabel Info Film.

Model yang pertama adalah Info Sinopsis dan Tabel Info Film TANPA GAMBAR

Model yang kedua adalah Info Sinopsis dan Tabel Info Film DISERTAI GAMBAR


Tertarik ingin mencoba? Mari simak Cara Membuat Info Sinopsis dan Tabel Info Film didalam Postingan Blog berikut ini :
1. Buka akun Blogger >> Pilih menu TEMA >> Pilih edit HTML
2. Copy kode CSS dibawah ini, lalu letakkan (paste) diatas kode ]]></b:skin>
.infokurabox {overflow:hidden;padding-bottom:20px;border-bottom:4px dotted #024e9c;}
.infokurabox table {position:relative;z-index:1;display:block;float:right;margin-left:10px;padding:10px 15px;max-width:250px;font-size:13px;background:#f5f5f5;}
.infokurabox table tbody {text-align:left;}
.infokurabox table tr {padding:2px 0;}
.infokurabox table tr:first-child th {padding:4px 10px;font-size:14px;text-align:center;color:#fff;background:#024e9c;}
.infokurabox table th {padding:4px 0;min-width:70px;font-weight:500;color:#34495e;}
.infokurabox table tr:not(:first-child) th:after {content:":";float:right;padding-right:3px;}
.infokurabox table tr:nth-child(2) th {padding-top:10px;}
.infokurabox .aboutazone {text-align:justify}
.infokurabox .aboutazone h7 {display:block;position:relative;margin-bottom:15px;padding-bottom:5px;font-size:15px!important;color:#34495e;border-bottom:2px solid #eee;text-transform:uppercase;}
.infokurabox .aboutazone h7:after {content:"";position:absolute;left:0;bottom:-2px;height:2px;width:80px;background:#024e9c;}
@media only screen and (max-width:640px) {
.infokurabox table {float:none;margin-left:0;margin-bottom:20px;}}
3. Simpan Template
4. Pindah ke Menu Posting
5. Buatlah artikel baru atau edit artikel yang sudah ada
6. Copy kode HTML dibawah ini, lalu letakkan (paste) didalam artikel dalam mode HTML (bukan mode COMPOSE)
<div class="infokurabox">
<table><tbody>
<tr><th colspan="2">Judul Film</th></tr>
<tr><th>Keterangan</th><td>Anu</td></tr>
</tbody> </table>
<div class="aboutazone">
<h7>Sinopsis</h7>Aku seorang Kapiten. Mempunyai pedang panjang. Kalo berjalan plok plok plok. Aku seorang Nelayan.</div></div>

Kode HTML diatas merupakan kode DASAR nya saja yang hasil jadinya akan nampak seperti dibawah ini :
Judul Film
KeteranganAnu
SinopsisAku seorang Kapiten. Mempunyai pedang panjang. Kalo berjalan plok plok plok. Aku seorang Nelayan.

MODEL PERTAMA TANPA GAMBAR

Untuk menciptakan info sinopsis dan tabel info film yang lebih lengkap dan menarik, kalian tinggal menambahkan keterangan tambahan dengan cara MENGGANDAKAN kode :
<tr><th>Keterangan</th><td>Anu</td></tr>
yang diletakkan diatas kode </tbody> </table>

Seperti dibawah ini :
<div class="infokurabox">
<table><tbody>
<tr><th colspan="2">Judul Film</th></tr>
<tr><th>Keterangan</th><td>Anu</td></tr>
<tr><th>Keterangan</th><td>Anu</td></tr>
<tr><th>Keterangan</th><td>Anu</td></tr>
</tbody> </table>
<div class="aboutazone">
<h7>Sinopsis</h7>Aku seorang Kapiten. Mempunyai pedang panjang. Kalo berjalan plok plok plok. Aku seorang Nelayan.</div></div>

Kode <tr><th>Keterangan</th><td>Anu</td></tr>  bisa kalian gandakan sesuai kebutuhan

MODEL KEDUA DISERTAI GAMBAR

Selanjutnya, untuk model kedua yang disertai gambar adalah tinggal menambahkan kode :
<tr><th colspan="2"><img src="sumber_gambar.jpg"/></th></tr>
yang diletakkan diatas kode </tbody> </table>

Seperti dibawah ini :
<div class="infokurabox">
<table><tbody>
<tr><th colspan="2">Judul Film</th></tr>
<tr><th>Keterangan</th><td>Anu</td></tr>
<tr><th colspan="2"><img src="sumber_gambar.jpg"/></th></tr>
</tbody> </table>
<div class="aboutazone">
<h7>Sinopsis</h7>Aku seorang Kapiten. Mempunyai pedang panjang. Kalo berjalan plok plok plok. Aku seorang Nelayan.</div></div>
Selanjutnya tinggal mengganti sumber gambar dan beberapa teks sesuai keinginan, lalu publikasi/update artikel.





SUPAYA ADA PENCERAHAN MENGENAI PEMBUATAN INFO SINOPSIS DAN TABEL INFO FILM PADA TUTORIAL INI, SAYA KASIH CONTOH KODE SUPAYA LEBIH GAMPANG DIPAHAMI. #maaf-CAPSLOCK jebol :v. KODE KODE DIBAWAH INI BISA KALIAN COPY LALU EDIT SAJA BEBERAPA BAGIANNYA UNTUK MENYESUAIKAN KEBUTUHAN KALIAN.

MODEL PERTAMA TANPA GAMBAR

<div class="infokurabox">
<table><tbody>
<tr><th colspan="2">Boku no Hero Academia S3</th></tr>
<tr><th>Category</th><td>Anime</td></tr>
<tr><th>Status</th><td>OnGoing</td></tr>
<tr><th>Episode</th><td>25</td></tr>
<tr><th>Judul</th><td>One for All vs All for One</td></tr>
<tr><th>Aired</th><td>15 Juli 2019</td></tr>
<tr><th>Durasi</th><td>23-25 min (per episode)</td></tr>
</tbody> </table>
<div class="aboutazone">
<h7>Sinopsis</h7>Seorang anak bernama Midoriya Izuku yang hidup di 80% manusia di Bumi telah berevolusi dan memiliki kekuatan unik.  Di tengah kondisi dunia yang seperti itu, Midoriya hanya bisa bermimpi menjadi manusia yang memiliki kekuatan. Sejak kecil Midoriya memiliki impian untuk jadi seorang pahlawan super. Pahlawan idolanya adalah seorang hero legendaries bernama All Might.

 Boku no Hero Academia 3rd Season musim ke 3 atau S3 dari seri anime akademi pahlawan yang masih menceritakan Apa itu pahlawan? Bagi Izuku Midoriya, jawabannya sangatlah sederhana: “Pahlawan adalah seseorang yang selalu dicita-citakan” Dan siapakah pahlawan terbaik? Yah kalau itu, tentu saja sang legenda All Might. All Might adalah pahlawan nomor satu dan juga “Simbol Perdamaian” di dunia ini. Bahkan Izuku sekalipun tak akan pernah terbayangkan bahwa dia akan dipertemukan dengan pahlawan masa kecilnya.</div></div>

DEMOOOOOO 

Boku no Hero Academia S3
CategoryAnime
StatusOnGoing
Episode25
JudulOne for All vs All for One
Aired15 Juli 2019
Durasi23-25 min (per episode)
SinopsisSeorang anak bernama Midoriya Izuku yang hidup di 80% manusia di Bumi telah berevolusi dan memiliki kekuatan unik. Di tengah kondisi dunia yang seperti itu, Midoriya hanya bisa bermimpi menjadi manusia yang memiliki kekuatan. Sejak kecil Midoriya memiliki impian untuk jadi seorang pahlawan super. Pahlawan idolanya adalah seorang hero legendaries bernama All Might.

Boku no Hero Academia 3rd Season musim ke 3 atau S3 dari seri anime akademi pahlawan yang masih menceritakan Apa itu pahlawan? Bagi Izuku Midoriya, jawabannya sangatlah sederhana: “Pahlawan adalah seseorang yang selalu dicita-citakan” Dan siapakah pahlawan terbaik? Yah kalau itu, tentu saja sang legenda All Might. All Might adalah pahlawan nomor satu dan juga “Simbol Perdamaian” di dunia ini. Bahkan Izuku sekalipun tak akan pernah terbayangkan bahwa dia akan dipertemukan dengan pahlawan masa kecilnya.

MODEL KEDUA DISERTAI GAMBAR

<div class="infokurabox">
<table><tbody>
<tr><th colspan="2">Boku no Hero Academia S3</th></tr>
<tr><th>Category</th><td>Anime</td></tr>
<tr><th>Status</th><td>OnGoing</td></tr>
<tr><th>Episode</th><td>25</td></tr>
<tr><th>Judul</th><td>One for All vs All for One</td></tr>
<tr><th>Aired</th><td>15 Juli 2019</td></tr>
<tr><th>Durasi</th><td>23-25 min (per episode)</td></tr>
<tr><th colspan="2"><img src="https://1.bp.blogspot.com/-GTVspNVutO0/XPOS2el1deI/AAAAAAAAQns/VVCn6hEHwNwARzt0_rYwVM51S_X3rvEAwCLcBGAs/s320/Boku%2Bno%2BHero%2BAcademia%2BS3%2BBatch%2B%255BEps.%2B01-25%255D%2BSubtitle%2BIndonesia%2BANIMERAZONE%2B%25281%2529.jpg" /></th></tr>
</tbody> </table>
<div class="aboutazone">
<h7>Sinopsis</h7>Seorang anak bernama Midoriya Izuku yang hidup di 80% manusia di Bumi telah berevolusi dan memiliki kekuatan unik.  Di tengah kondisi dunia yang seperti itu, Midoriya hanya bisa bermimpi menjadi manusia yang memiliki kekuatan. Sejak kecil Midoriya memiliki impian untuk jadi seorang pahlawan super. Pahlawan idolanya adalah seorang hero legendaries bernama All Might.

 Boku no Hero Academia 3rd Season musim ke 3 atau S3 dari seri anime akademi pahlawan yang masih menceritakan Apa itu pahlawan? Bagi Izuku Midoriya, jawabannya sangatlah sederhana: “Pahlawan adalah seseorang yang selalu dicita-citakan” Dan siapakah pahlawan terbaik? Yah kalau itu, tentu saja sang legenda All Might. All Might adalah pahlawan nomor satu dan juga “Simbol Perdamaian” di dunia ini. Bahkan Izuku sekalipun tak akan pernah terbayangkan bahwa dia akan dipertemukan dengan pahlawan masa kecilnya.</div></div>

DEMOOOOOO 

Boku no Hero Academia S3
CategoryAnime
StatusOnGoing
Episode25
JudulOne for All vs All for One
Aired15 Juli 2019
Durasi23-25 min (per episode)
SinopsisSeorang anak bernama Midoriya Izuku yang hidup di 80% manusia di Bumi telah berevolusi dan memiliki kekuatan unik. Di tengah kondisi dunia yang seperti itu, Midoriya hanya bisa bermimpi menjadi manusia yang memiliki kekuatan. Sejak kecil Midoriya memiliki impian untuk jadi seorang pahlawan super. Pahlawan idolanya adalah seorang hero legendaries bernama All Might.

Boku no Hero Academia 3rd Season musim ke 3 atau S3 dari seri anime akademi pahlawan yang masih menceritakan Apa itu pahlawan? Bagi Izuku Midoriya, jawabannya sangatlah sederhana: “Pahlawan adalah seseorang yang selalu dicita-citakan” Dan siapakah pahlawan terbaik? Yah kalau itu, tentu saja sang legenda All Might. All Might adalah pahlawan nomor satu dan juga “Simbol Perdamaian” di dunia ini. Bahkan Izuku sekalipun tak akan pernah terbayangkan bahwa dia akan dipertemukan dengan pahlawan masa kecilnya.


Hasil jadi dari demo diatas mungkin akan mengalami sedikit perubahan akibat pengaturan struktur kode pada template blog kalian. Apabila ada sedikit ketidaksamaan seperti bentuk font maupun warna tabel silakan kalian explore sendiri kode nya. Itulah informasi mengenai "Cara Membuat Info Sinopsis dan Tabel Info Film didalam Postingan Blog", selamat mencoba dan semoga bermanfaat. Goodluck!

3 komentar :

  1. Keren... Saya suka saya suka.. :v tapi saya gak suka mael.. 😰😁

    BalasHapus
    Balasan
    1. Mael siapa Gan ???
      Mael Lee bukan ???

      Hapus
    2. Ultraman Mael., temennya Ultraman Orb ... :v

      Hapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.