Download Box V2

---

Tutorial Blog: Cara Membuat Download Box

Masuk Blogger: Tema > Edit HTML

Tambahkan kode CSS berikut ini sebelum kode ]]></b:skin> atau </style>

/* CSS Download Box v2*/
.udl-box {background: #f5f5f5;border: 1px solid #e5e5e5;padding: 10px;font-family: tahoma;}
.udl-title {background: #0000ff;color: #ffffff;padding: 10px 10px;margin: 0px 0px 3px;font-size: 12px;font-weight: bold;}
.udl-anime {background: #ffffff;margin-bottom: 2px;padding: 5px 10px;}
.udl-anime a {padding: 0 5px;border-right: 2px solid #0000ff;color: #0033cc;}
.udl-anime a:nth-child(1){padding-left:0;}
.udl-anime a:last-child {border-right: 0px !important;}

Simpan Tema

Untuk menampilkan hasilnya, tambahkan kode HTML berikut ini pada postingan bagian Compose HTML

<div class="udl-box">
<div class="udl-item">
<h3 class="udl-title">
Judul Anime [480p]
</h3>
<div class="udl-anime">
<a href="#url" rel="nofollow" target="_blank">Server 1</a><a href="#url" rel="nofollow" target="_blank">Server 2</a><a href="#url" rel="nofollow" target="_blank">Server 3</a><a href="#url" rel="nofollow" target="_blank">Server 4</a>
</div>
</div>
<div class="udl-item">
<h3 class="udl-title">
Judul Anime [720p]
</h3>
<div class="udl-anime">
<a href="#url" rel="nofollow" target="_blank">Server 1</a><a href="#url" rel="nofollow" target="_blank">Server 2</a><a href="#url" rel="nofollow" target="_blank">Server 3</a><a href="#url" rel="nofollow" target="_blank">Server 4</a>
</div>
</div>
</div>

#url Link tautan


   DEMO