Cara Buat Link Box Download Seperti AWSubs

19.56.00
Ok Minna ini adalah blog  Tutorial tentang blogger Yap mestinya saya dari salah satu Owner Nukohime-Anime yah gan.

Kali ini saya akan memberikan sebuah Tutorial blog yaitu "Cara Buat Link Box Download Seperti AWSubs" mungkin di blog lain sudah pada update. Tapi gapapa, yok langsung saja deh  ke Tutor


1. Login Blogger terlebih dahulu
2. Masuk bagian Template -> Edit HTML
3. Lalu cari kode </b:skin> atau </style> (untuk memudahkan pencarian tekan CTRL + F)
4. Pastekan Code CSS ini tepat di atas </b:skin> atau </style>

/* CSS Download Box By Nukohime-Dezign dont removed this*/

.dl-box {
  background-color: #F5F5F5;
  border: 1px solid #E5E5E5;
  float: left;
  font-family: Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande";
  font-size: 12px;
  line-height: 12px;
  margin: 0px 0px 20px;
  outline: 0px none;
  overflow: hidden;
  padding: 20px;
  vertical-align: baseline;
  width: 578px;
}

.dl-title {
  background-color: #00F;
  background-position: 7px 6px;
  background-repeat: no-repeat no-repeat;
  border: 1px none;
  color: #FFF;
  float: left;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 3px;
  outline: 0px none;
  padding: 10px 0px 10px 35px;
  vertical-align: baseline;
  width: 543px;
}

.dl-item {
  background-color: #FFF;
  background-position: 7px 6px;
  background-repeat: no-repeat no-repeat;
  border: 0px none;
  float: left;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 2px;
  outline: 0px none;
  padding: 10px 0px 10px 35px;
  vertical-align: baseline;
  width: 543px;
}

Untuk HTML Copy-kan code ini di dalam Postingannya gan

Masukan Judul Disini
LINK1 | LINK2 | LINK3 | LINK4 | LINK5
Masukan Judul Disini
LINK1 | LINK2 | LINK3 | LINK4 | LINK5
Masukan Judul Disini
LINK1 | LINK2 | LINK3 | LINK4 | LINK5

Untuk Demo bisa dilihat dari sini.
First
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar