Cara Menciptakan Download Box Ibarat Situs Anime Di Blog
Cara Membuat Download Box Seperti Anime di Blog - Jika teman pernah berkunjung ke situs download film menyerupai salah satunya samehadaku dan situs anime lainnya niscaya teman akan menjumpai kotak yang berisikan link download dengan tampilan yang cukup menarik.
Widget download link atau download box di postingan blogger ini akan menciptakan tampilan link download tersusun rapi sesuai harapan teman dan tentu saja widget ini tidak akan mempengaruhi loading blog dikala sedang di aksse. Karena download box untuk blog download film, anime dan aplikasi ini tidak di sertakan fontawesome dan lainnya.
Kotak download yang dibagikan ini mempunyai tampilan sederhana dengan prataan warna ala material color dan beraturan. Untuk mengetahui tampilannya silahkan teman cek di link berikut
Untuk menerapkan download box di dalam postingan blog ini, teman hanya perlu meletakkan aba-aba css pada Edit html template dan lalu teman dapat eksklusif memanggilnya di dalam artikel ataupun post yang sedang teman tulis.
Selanjutnya untuk menciptakan download box di dalam post silahkan pilih tab HTML (bukan compose) dan salin semua aba-aba berikut.
Silahkan atur title dan link sesuai kebutuhan teman dan Publish.
Demikian tutorial singkat kali ini biar bermanfaat. Selamat Mencoba dan Salam Luar Biasa.
Sumber https://www.pehawe.info/
Widget download link atau download box di postingan blogger ini akan menciptakan tampilan link download tersusun rapi sesuai harapan teman dan tentu saja widget ini tidak akan mempengaruhi loading blog dikala sedang di aksse. Karena download box untuk blog download film, anime dan aplikasi ini tidak di sertakan fontawesome dan lainnya.
Kotak download yang dibagikan ini mempunyai tampilan sederhana dengan prataan warna ala material color dan beraturan. Untuk mengetahui tampilannya silahkan teman cek di link berikut
Untuk menerapkan download box di dalam postingan blog ini, teman hanya perlu meletakkan aba-aba css pada Edit html template dan lalu teman dapat eksklusif memanggilnya di dalam artikel ataupun post yang sedang teman tulis.
Membuat Download Box di Postingan Blog
Pertama, Silahkan teman login ke Blogger - Template - Edit HTML Kedua, Silahkan simpan css berikut sebelum aba-aba
]]></b:skin atau </style>.dbox-title {
background:#3b3b4f;
color:#fff;
margin-bottom: 1px;
border-radius:2px;
padding:10px 15px;
text-align:center;
vertical-align:top;
font-size:1.3rem
}
.dbox-list {
background: #e2e2e2;
font-size:15px;
margin-bottom: 1px;
line-height: 30px;
padding: 0 5px;
text-align:center;
border-radius:2px
}
.dbox-list strong {
background:#777;
border-right:2px solid #F5F5F5;
width:100px;
display:block;
float:left;
margin-left:-5px;
margin-right:2px;
color:#FFF;
padding:0 15px;
text-align:center;
font-weight:400
}
.dbox-list a {
color: #000;
}
.dbox-list a:hover {
color: #555;
}
@media only screen and (max-width: 360px) {
.dbox-list strong {
width:90%
}
.dbox-title {
text-align:center
}
}
Selanjutnya untuk menciptakan download box di dalam post silahkan pilih tab HTML (bukan compose) dan salin semua aba-aba berikut.
<div class="dbox-title">Your Title</div>
<div class="dbox-list">
<strong>480p</strong>
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 5</a>
</div>
<div class="dbox-list">
<strong>720p</strong>
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 5</a>
</div>
<div class="dbox-list">
<strong>1080p</strong>
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box Seperti Situs Anime di Blog">Server 5</a>
</div>
Silahkan atur title dan link sesuai kebutuhan teman dan Publish.
Demikian tutorial singkat kali ini biar bermanfaat. Selamat Mencoba dan Salam Luar Biasa.
Sumber https://www.pehawe.info/
