Cara Memasang Sinopsis Box Film Di Blog - Hallo sahabat TIPS BELAJAR BISNIS ONLINE DAN INTERNET MARKETING, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Sinopsis Box Film Di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel tutorial, Artikel widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Memasang Sinopsis Box Film Di Blog
link : Cara Memasang Sinopsis Box Film Di Blog

Cara Memasang Sinopsis Box Film Di Blog

Halo sobat artikel pintar , bertemu lagi bersama saya nih . kali ini saya akan membagikan sedikit tutorial simpel mengenai cara memasang sinopsis box film di blogger . Sinopsis box film ini merupakan widget simpel yang saya dapatkan dari blog dompetfilm , sobat bisa menggunakannya sebagai pelengkap artikel pada blog sobat khususnya blog download film dan anime .  

Oke langsung saja kita masuk ke tutorial cara memasangnya di blog , ikuti cara berikut :

1.Masuk ke blogger.com, lalu pada artikel yang ingin diletakkan sinopsis box film ini copykan kode berikut pada mode HTML , bukan Compose :

<div class="infodb">
<div class="left">
<img src="Link Gambar" /></div>
<div class="right">
<div class="mgn">
<div class="imdbx">
<span class="bx votes">Jumlah Votes</span><span class="bx runtime">Durasi</span><span class="bx rated">Ukuran</span><span class="bx year">Tahun</span></div>
<b>Released:</b> 10 Jun 2016<b>
Genre:</b> <a href="Link" rel="tag">Kategori</a>
<b>Country:</b><a href="Link" rel="tag">Negara</a>
<b>Director:</b> <a href="Link" rel="tag">Director</a>
<b>Actors:</b><a href="Link" rel="tag">Artis</a>
<b>Quality:</b> <a href="Link" rel="tag">Kualitas</a>
<style>
/* Sinopsis Box Film */
.infodb {overflow: hidden;margin-bottom: 10px;}
.infodb .left {width: 25%;height:700px;overflow: hidden;}
.left, .alignleft {height:400px;float: left;}
.infodb .right { float: right;width: 75%;overflow: hidden;}
.infodb .right .mgn {margin-left: 15px;}
.infodb .right .mgn .imdbx {overflow: hidden;margin-bottom: 5px;}
.infodb .right .mgn .imdbx .votes {background: #FBEB79;color: #555;}
.infodb .right .mgn .imdbx .bx {display: inline-block;padding: 2px 5px;margin-right: 1px;margin-bottom: 2px;border-radius: 3px;font-size: 12px;font-weight: 600;color: #FFF;}
.infodb .right .mgn span {display: block;font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;line-height: 21px;font-size: 13px;color: #666;}
.infodb .right .mgn .imdbx .runtime {background: #E08181;}
.infodb .right .mgn .imdbx .bx {display: inline-block;padding: 2px 5px;margin-right: 1px;margin-bottom: 2px;border-radius: 3px;font-size: 12px;font-weight: 600;color: #FFF;}
.infodb .right .mgn span {display: block;font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;line-height: 21px;font-size: 13px;color: #666;}
.infodb .right .mgn .imdbx .rated {background: #E08181;}
.infodb .right .mgn .imdbx .bx {display: inline-block;padding: 2px 5px;margin-right: 1px;margin-bottom: 2px;border-radius: 3px;font-size: 12px;font-weight: 600;color: #FFF;}
.infodb .right .mgn span {display: block;font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;line-height: 21px;font-size: 13px;color: #666;
}
.infodb .right .mgn .imdbx .year {
    background: #67C37E;
}
.infodb .right .mgn .imdbx .bx {
    display: inline-block;
    padding: 2px 5px;
    margin-right: 1px;
    margin-bottom: 2px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
}
.infodb .right .mgn span {
    display: block;
    font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
    line-height: 21px;
    font-size: 13px;
    color: #666;
}
</style></div>
</div>

Silahkan sobat ganti teks berwarna merah sesuai dengan keterangan pada tulisan berwarna merah .

2.Publikasikan dan lihat artikel sobat

Result

Demikian artikel kali ini , semoga bermanfaat bagi sobat semua . silahkan sobat mencobanya , dan terimakasih telah membaca artikel ini . Jika sobat memiliki masalah , silahkan sobat berkomentar pada kolom komentar dan saya akan membantu anda sebisa saya .

Demikianlah Artikel Cara Memasang Sinopsis Box Film Di Blog

Sekianlah artikel Cara Memasang Sinopsis Box Film Di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Sinopsis Box Film Di Blog dengan alamat link https://tipstopmarketing.blogspot.com/2016/09/cara-memasang-sinopsis-box-film-di-blog.html

Tweet