Download Box V3

---

Tutorial Blog: Cara Membuat Download Box

Masuk Blogger: Tema > Edit HTML

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

.udlcloud h2 {background: #000;padding: 7px;margin-bottom: 5px;color: #fff;}
.udlcloud ul,.udlcloud ul li {list-style-type: none;padding: 0;margin: 0;}
.udlcloud li strong {padding: 5px 7px;border-radius: 4px;display: inline-block;margin-bottom: 5px;color: #fff;font-size: 12px;}
.udlcloud li:nth-child(even) strong {background: #F59F3D;}
.udlcloud li:nth-child(odd) strong {background: #69A9F2;}
.udlcloud li a {padding: 5px 7px;background: #9499AA;border-radius: 4px;color: #fff;font-size: 12px;}
.udlcloud {border-radius:3px;border:1px solid #ddd;background:#f9f9f9;margin-bottom:5px;padding:5px;}

Simpan Tema

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

<div class="udlcloud">
<h2>
Episode 12</h2>
<ul>
<li><strong>720p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Zippyshare</a> <a href="#Url " data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Userscloud</a></li>
<li><strong>480p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Zippyshare</a> <a href="#Url " data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Userscloud</a></li>
<li><strong>360p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Zippyshare</a> <a href="#Url " data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Userscloud</a></li>
<li><strong>240p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Zippyshare</a> <a href="#Url " data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Userscloud</a></li>
</ul>
</div>

<div class="udlcloud">
<h2>
Batch</h2>
<ul>
<li><strong>720p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Uptobox</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Mega</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Googledrive</a>  <strong>2,5 GB</strong></li>
<li><strong>480p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Uptobox</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Mega</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Googledrive</a>  <strong>1,2 GB</strong></li>
<li><strong>360p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Uptobox</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Mega</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Googledrive</a>  <strong>689 MB</strong></li>
<li><strong>240p</strong> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Uptobox</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Mega</a> <a href="#Url" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Googledrive</a>  <strong>429 MB</strong></li>
</ul>
</div>