Ads

Download Box OtakuDesu

Sebelum nya sudah saya share Anime Info OtakuDesu, dan kali ini adalah Download Box nya jadi langsung saja.

Download Box OtakuDesu
Dagruel

Pertama salin css berikut ke dalam template blog, tepat nya di atas tag </style>.

.dlDesu{font-size:13px;line-height:normal}.dlDesu h3{font-size:13px;padding:5px;background:#6e7aff;color:#fff;border-left:5px solid #47516e}.dlDesu ul{list-style:none;margin:5px 0;background:#f9f9f9;padding:5px;border:1px solid #e5e5e5}.dlDesu li{padding:0;list-style:none;margin:0 0 3px;display:block}.dlDesu i,.dlDesu strong{background:#5a5856;padding:5px;text-align:center;color:#fff;display:inline-block}.dlDesu a{padding:0 10px 0 8px;color:#2168b0;border-right:1px dashed #377bc0}.dlDesu i{width:108px;padding:5px 2px}@media screen and (max-width:990px){.dlDesu{text-align:center}.dlDesu a{line-height:30px}.dlDesu strong{width:95%;margin:5px auto}}

Kedua Buat Postingan dengan Mode HTML bukan Compose. menggunakan HTML berikut.

<div class="dlDesu">
  <h3>Judul Anime</h3>
  <ul>
    <li>
      <strong>Resolusi</strong>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <i>Ukuran File</i>
    </li>
    <li>
      <strong>Resolusi</strong>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <i>Ukuran File</i>
    </li>
    <li>
      <strong>Resolusi</strong>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <i>Ukuran File</i>
    </li>
  </ul>
  <ul>
    <li>
      <strong>Resolusi</strong>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <i>Ukuran File</i>
    </li>
    <li>
      <strong>Resolusi</strong>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <i>Ukuran File</i>
    </li>
    <li>
      <strong>Resolusi</strong>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <a href="Link_Server">Name Server</a>
      <i>Ukuran File</i>
    </li>
  </ul>
</div>
Silahkan Ganti text yang di tandai sesuai keterangan.

Sekian dari saya, jika ada yang ingin di tanyakan silahkan berkomentar di bawah.

Comments

Blogger Disqus
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Gunakan <i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>
×

Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!