a:link{color:#ff6e00;text-decoration:none} a:visited{color:#0b2d4b;text-decoration:none} a:hover{color:#0b2d4b;text-decoration:none} -->

Cara Membuat Tombol Download Keren Ala Situs Anime di Blogger

Cara Membuat Tombol Download Keren Ala Situs Anime di Blogger
Saturday, October 12, 2019
Cara Membuat Tombol Download Keren Ala Situs Anime di Blogger
Cara Membuat Tombol Download Anime Keren dengan CSS di Blogger - Download Button atau Tombol Download merupakan sebuah tombol yang berisikan link download, baik link download film, lagu, software, game atau aplikasi.

Tombol Download ini sangat di rekomendasikan jika kmau memiliki situs atau blog download. Selain untuk mempercantik tampilan blog kamu, Tombol Download ini juga akan mempermudah pengunjung blog kamu untuk mendownload link yang telah kamu pasang.

Pada artikel kali ini, admin akan membagikan sedikiti tutorial singkat Cara Membuat Tombol Download Anime Keren dengan CSS di Blogger. Tombol Download yang admin bagikan kali ini sudah responsive dan rapih. Jika kamu tertarik untuk memasang nya, kamu bisa dalam tutorial pada artikel ini.

1. Masuk ke akun Blogger > Pilih Tema/Theme > Edit HTML.

2. Masukan kode Style CSS di bawah ini, dan taruh tepat di atas kode ]]></b:skin> atau </style>
/* Box Download Anime Responsive by blogajaib.xyz*/
.anime-box{font-size:9px;font-weight:bold;background:none repeat scroll 0% 0% #F5F5F5;padding:10px;margin:10px 0}
.anime-box ul{margin:0;padding:0;list-style:outside none none}
.anime-box ul li{background:none repeat scroll 0% 0% #E4E4E4;margin-bottom:2px;line-height:26px;padding:0 5px;font-size:15px}
.anime-box ul li strong{background:#f68383;border-right:2px solid #F5F5F5;width:100px;display:block;float:left;margin-left:-5px;margin-right:2px;color:#FFF;padding:0 5px;text-align:left}
3. Simpan Tema/Theme

4. Buat postingan artikel baru, dan masuk ke mode HTML bukan Compose. Pastekan kode di bawah ini.

<div class="anime-box">
<ul>
<li style="text-align: center;">
<strong>360p</strong>
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">UF</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">CU</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD2</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">ZS</a>
</li>
<li style="text-align: center;">
<strong>480p</strong>
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">UF</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">CU</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD2</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">ZS</a>
</li>
<li style="text-align: center;">
<strong>720p</strong>
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">UF</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">CU</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD2</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">ZS</a>
</li>
<li style="text-align: center;">
<strong>1080p</strong>
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">UF</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">CU</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">GD2</a> |
<a href="LINK-ANDA" target="_blank" rel="nofollow noopener">ZS</a>
</li>
</ul>
</div>
5. Selesai

Info:

NamaKeterangan
LINK-ANDAGanti dengan Url Link Download Kamu
GDGanti dengan nama hosting video
CUGanti dengan nama hosting video
ZSGanti dengan nama hosting video
UFGanti dengan nama hosting video
Sekian tutorial Cara Membuat Tombol Download Anime Keren dengan CSS di Blogger yang admin bagikan untuk kamu. Jika ada pertanyaan perihal tutorial ini, jangan ragu untuk bertanya ya. Selamat mencoba

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Tombol Download Keren Ala Situs Anime di Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel