Toturial Membuat Info Anime V2 - Hallo sahabat Film Terbaru 22, Pada Artikel yang anda baca kali ini dengan judul Toturial Membuat Info Anime V2, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Anime, Artikel Toturial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Toturial Membuat Info Anime V2
link : Toturial Membuat Info Anime V2

Toturial Membuat Info Anime V2

Tadi, Mimin Membagikan Trik 

Nah Sekarang Mimin mau membagikan Tutorial Terbaru lagi nih :)

CARA MEMBUAT INFO ANIME V2

Silahkan Liat Tekan Tombol DEMO untuk Melihat Hasilnya

---

DEMO

---

Nah, Gimana Keren gk? :v
Langsung saja, ikuti Caranya Dibawah
Pertama Silahkan Masukkan CSSnya diatas </style> / </b:skin> / Dalam Page anda bisa tapi anda harus memakai Pembuka <style> dan penutup </style> 
Jadinya <style> ISI KODE </style>

 .data {
  position: relative;
}
.infos:nth-child(odd) {
   background: #FAFAFA;
  width: auto;
}
.infos b {
  display: block;
  float: left;
  width: 95px;
}
.infos:nth-child(2n+1) {
  background: none repeat scroll 0% 0% #FAFAFA;
}
.infos {
  font-family: 'Open sans',sans-serif;
  font-size: 12px;
  line-height: 25px;
  padding: 0 5px;
  border-bottom: 1px solid #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.infos:nth-child(even) {
  background: #F5F5F5;
width:auto;
}
.imgost {
  float: left;
  margin-right: -17px;
}
.imgost img {
  width: 255px;
  height: 250px;
  border: 1px solid #E7E7E7;
  padding: 4px;
  margin-top: 0;
  border-radius: 0;
  background: #FFF;
}
.moe-dl {
  background-color: whitesmoke;
  border: 1px solid #e5e5e5;
  color: #999999;
  font-family: Arial, Tahoma, 'Lucida Sans Unicode', 'Lucida Grande';
  font-size: 12px;
  line-height: 12px;
  margin: 0px 0px 20px;
  outline: 0px;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  vertical-align: baseline;
  width: 608px;
}
.judulmoe-dl {
  background-color: #B02C2C;
  background-position: 20px 12px;
  background-repeat: no-repeat no-repeat;
  border: 0px;
  color: white;
  float: left;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600px;
  line-height: normal;
  margin: 0px 0px 3px;
  outline: 0px;
  padding: 10px 0px 10px 50px;
  vertical-align: baseline;
  width: 558px;
}
.ddlmoe-dl {
  background-color: #FFF;

  background-position: 20px 12px;
  background-repeat: no-repeat no-repeat;
  border: 0px;
  color: #000;
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  line-height: normal;
  margin: 0px 0px 2px;
  font-weight: 600;
  outline: 0px;
  padding: 10px 0px 10px 50px;
  vertical-align: baseline;
  width: 558px;
} 

Sesudah dimasukkan Kode CSSnya
Langsung saja agan, tinggal memasukkan Kode HTMLnya di Page / Post anda

<div class="kanan">
<div class="imgost">
<img alt="http://cdn.myanimelist.net/images/anime/3/72943.jpg" class="attachment-post-thumbnail wp-post-image" src="http://cdn.myanimelist.net/images/anime/3/72943.jpg" height="223" width="306" /></div>
</div>
<div class="kiri">
<div class="data">
<div class="infos">
<b>Japanese</b>: ??????</div>
<div class="infos">
<b>Mulai Tayang</b>: April, 4th 2015</div>
<div class="infos">
<b>Producers</b>:  J.C.Staff, Mainichi Broadcasting, Sentai Filmworks</div>
<div class="infos">
<b>Episodes</b>: Unknown</div>
<div class="infos">
<b>Status</b>: Ongoing</div>
<div class="infos">
<b>Type</b>: TV Series</div>
<div class="infos">
<b>Genres</b>: Ecchi, School, Shounen</div>
<div class="infos">
<b>Rating</b>: PG-13 - Teens 13</div>
<div class="infos">
<b>Duration</b>: 25 min. per episode</div>
<div class="infos">
<b>Scores</b>: 7.10</div>
</div>
</div>
<br />
<div class="moe-dl">
<div class="judulmoe-dl">
Shokugeki no Souma Episode 01 Subtitle Indonesia</div>
<div class="ddlmoe-dl">
<a href="http://mannasub.blogspot.com/2015/04/shokugeki-no-souma-episode-01.html" target="_blank">Click Here To Download</a></div>
</div>
<div style="clear: both;">
</div>
</div>

Hoho, Selamat Mencoba :)
CARA SETTING :
Ganti Warna ? Cari saja #B02C2C Lalu ganti Warna yang anda selera
Jika ingin Menambahkan Link Download ya lagi,
Anda Cukup Menambahkan Kode ini
<div class="moe-dl">
<div class="judulmoe-dl">
Shokugeki no Souma Episode 01 Subtitle Indonesia</div>
<div class="ddlmoe-dl">
<a href="http://mannasub.blogspot.com/2015/04/shokugeki-no-souma-episode-01.html" target="_blank">Click Here To Download</a></div>
</div>
<div style="clear: both;">
</div>

*MERAH = Yang Harus Diganti
*Biru = Link yang dituju

Nah, Jika ada masalah Silahkan Komentar Dibawahnya

Pengunjung yang baik, pasti akan meninggalkan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah ! (y)

Demikianlah Artikel Toturial Membuat Info Anime V2

Sekianlah artikel Toturial Membuat Info Anime V2 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Toturial Membuat Info Anime V2 dengan alamat link http://download-filmterbaru22.blogspot.com/2017/07/toturial-membuat-info-anime-v2.html

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: