Cara Mudah Membuat Info Sinopsis dan Tabel Info Film Mirip Akaldrama

Cara Mudah  Membuat Info Sinopsis dan Tabel Info Film Mirip Akaldrama
 ~ Halo sahabat Berakal, pada kesempatan kali ini saya bagikan informasi mengenai Cara Mudah  Membuat Info Sinopsis dan Tabel Info Film Mirip Akaldrama. Hasil jadi dari tutorial kali ini akan menghasilkan 2 model Info Sinopsis dan Tabel Info Film.
 Disini kalian bisa memilih 2 bentuk pertama kalian bisa memilih model dengan gambar dan tanpa gambar

Demo

Yuk cekidot cara pemasangan sobat berakal

Pertama kalian buka akun blogger kalian dan pilih menu tema dan klik menu edit Html jika sudah kita lanjut kestep berikutnya

Kedua silakan kalian copy css dibawah ini dan kalian pastekan diatas  ]]></b:skin> jika kalian tidak menemukan  ]]></b:skin> kalian bisa ctrl +f dan ketikan  ]]></b:skin>

.infoakalbox {overflow:hidden;padding-bottom:20px;border-bottom:4px dotted #024e9c;} .infoakalbox table {position:relative;z-index:1;display:block;float:right;margin-left:10px;padding:10px 15px;max-width:250px;font-size:13px;background:#f5f5f5;} .infoakalbox table tbody {text-align:left;} .infoakalbox table tr {padding:2px 0;} .infoakalbox table tr:first-child th {padding:4px 10px;font-size:14px;text-align:center;color:#fff;background:#024e9c;} .infoakalbox table th {padding:4px 0;min-width:70px;font-weight:500;color:#34495e;} .infoakalbox table tr:not(:first-child) th:after {content:":";float:right;padding-right:3px;} .infoakalbox table tr:nth-child(2) th {padding-top:10px;} .infoakalbox .aboutanesia {text-align:justify} .infoakalbox .aboutanesia 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;} .infoakalbox .aboutanesia h7:after {content:"";position:absolute;left:0;bottom:-2px;height:2px;width:80px;background:#024e9c;} @media only screen and (max-width:640px) { .infoakalbox table {float:none;margin-left:0;margin-bottom:20px;}}3. 

Jika sudah 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="infoakalbox"> <table><tbody> <tr><th colspan="2">Judul Film</th></tr> <tr><th>Keterangan</th><td>Anu</td></tr> </tbody> </table> <div class="aboutanesia"> <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 FilmKeteranganAnu

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>

<div class="infoakalbox"> <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="aboutanesia"> <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>

<div class="infoakalbox"> <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="aboutanesia"> <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.

Masih bingung gaes tenang saya perjelas lagi deh khusus Sahabat berakal





MODEL PERTAMA TANPA GAMBAR

 <div class="infoakalbox"><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="aboutanesia"> <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>

 Demo



MODEL KEDUA DISERTAI GAMBAR

<div class="infoakalbox"> <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="aboutanesia"> <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>

 Demo


Jadi gimana mudah bukan Cara Mudah  Membuat Info Sinopsis dan Tabel Info Film Mirip Akaldrama sekina tutor dari saya semoga bermanfaat see you jangan lupa comment dan share