Cara Menciptakan Download Box Di Blog Dengan Mudah

Cara Membuat Download Box Di Blog Dengan Praktis - Assalamualaikum sob, pada kesempatan kali ini aku akan membagikan sebuah tutorial mengenai cara menciptakan tombol download box di android. Download box merupakan sebuah fitur yang harus di miliki oleh website atau blog download menyerupai film, anime, maupun aplikasi, Download box sendiri mempunyai kegunaan untuk memisahkan ukuran maupun kualitas file yang akan di dowanload, jadi pengunjung blog bisa menentukan kualitas ataupun ukuran file yang akan mereka download. Buat kalian yang mempunyai blog download namun belum mempunyai download box, mungkin agak kerepotan untuk menciptakan link download menurut ukuran ataupun kualitas file satu persatu. Kaprikornus untuk mempermudah pemasangan link download nya, boleh coba memasang download box ini semoga lebih gampang untuk menempatkan linknya dan juga akan terlihat lebih profesional.

Download box yang aku bagikan kali ini mempunyai desain yang simple, namun tetap terlihat keren. Untuk demonya, sahabat bisa lihat gambar di bawah ini.

bagaimana sob, keren kan. buat kalian yang sudah ingin tau mengenai cara menciptakan download box ini, silakan simak tutorialnya berikut ini.

Cara Membuat Download Box Di Blog Dengan Mudah

• Langakah pertama, silakan sahabat login ke blogger, kemudian klik Tema > Edit HTML
• Selanjutnya, silakan sahabat cari kode ]]></b:skin> atau </style> kemudian tambahkan isyarat berikut ini sempurna diatas kode  ]]></b:skin> atau </style>.

/* CSS Download Box */

.dbox-wrap {

font-size: 11px;

font-weight: bold;

background: #F5F5F5;

padding: 10px;

margin: 10px 0;

}

.dbox {

margin: 0;

padding: 0;

list-style: none;

}

.dbox-list {

background: #E4E4E4;

margin-bottom: 2px;

line-height: 26px;

padding: 0 5px;

}

.dbox-list strong {

background: #3498db;

border-right: 2px solid #F5F5F5;

width: 65px;

display: block;

float: left;

margin-left: -5px;

margin-right: 5px;

color: #FFF;

padding: 0 5px;

text-align: center;

}

.dbox-list a {

color: #6d6d6d;

}

.dbox-list a:hover {

color: #222;

}

@media only screen and (max-width: 360px) {

  .dbox-list strong {width:100%}

  .dbox-title {text-align:center}

}

• Selanjutnya, semoga bisa menambahkan download box di dalam postingan, silakan edit postingan atau menciptakan post baru, kemudian pilih hidangan HTML disamping Compose kemudian tambahkan isyarat di bawah ini.

<div class="dbox-wrap">

<div class="dbox">

<div class="dbox-list">

<strong>480p</strong> <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">Zipyshare</a>

</div>

<div class="dbox-list">

<strong>720p</strong> <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">Zipyshare</a>

</div>

<div class="dbox-list">

<strong>1080p</strong> <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Di Blog Dengan Mudah">Zipyshare</a>

</div></div></div>

• Setelah itu, silakan sahabat edit tanda # dengan link tujuan sobat, jangan lupa juga utnuk mengedit title dan yang lainnya sesuai impian sahabat kemudian silakan publish.

Nah, kini tombol Download Box nya udah jadi, keren bukan. Itulah tadi tutorial mengenai Cara Membuat Download Box Di Blog Dengan Mudah, apabila ada pertanyaan silakan tinggalkan komentar, aku akan menjawab sesuai dengan kemampuan saya. Semoga Bermanfaat.

Share this post