Cara Buat Box Download seperti Meongs

1. Masuk ke Blogger agan .
2. Masuk ke ➦ Tema ➦ Edit HTML.
3. Copy Paste Kode di Bawah ini di atas Kode ]]></b:skin>

/* Download Box Meongs - Aka321 */
#mgdl321{position: relative;font: normal 12px Arial, Sans-Serif}
#dltb321{list-style:none;height: 30px;margin: 0 !important;padding: 0 !important}
#dltb321 li{list-style:none;margin: 0 0 0 2px;float: left;font-weight: 700}
#dltb321 li a{display: block;padding: 0 6px;line-height: 30px;text-decoration: none;color: #398BCE;background-color: #ccc}
#dltb321 li.active a{background-color: #f3f3f3}
#dlctn321 > div{background-color: #f3f3f3;color: #000;padding: 10px 15px;border-bottom: 4px solid #398BCE}
#dlctn321 a{color: #398dcc;text-decoration: none;outline: none;transition: all 0.25s}
#dlctn321 a:hover{color: #222;text-decoration: none}
#tab2, #tab3{display:none;}
/* Download Box Meongs - Aka321 end */

4. Terapkan Kode Jquery di bawah ini di atas kode </head> ( Jika kode ini suda ada , maka tidak perlu di masukan lagi )

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>

5. Copy Paste Kode di bawah ini di bawah kode </body>

<script type='text/javascript'>
jQuery(document).ready(function($){$('#dltb321 li:first').addClass('active');$('#dlctn321 > div').hide();$('#dlctn321 > div:first').show();$('#dltb321 a').click(function(){$('#dltb321 li').removeClass('active');$(this).parent().addClass('active');var activeTab=$(this).attr('href');$('#dlctn321 > div:visible').hide();$(activeTab).show();return false;});});
</script>

6 . Saat mau buat postingan atau mau buat laman terapkan kode di bawah ini di HTML ( Bukan Compose )

<div id="mgdl321">
<ul id="dltb321">
<li><a href="#tab1">Daftar Episode:</a></li>
<li><a href="#tab2">Streaming</a></li>
<li><a href="#tab3">Batch</a></li>
</ul>
<div id="dlctn321">
<div id="tab1">
<!--- Daftar Episode Start --->
Nama Anime = 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 1 </a> | 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 2 </a> | 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 3 </a> | 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 4 </a><br>
Nama Anime = 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 1 </a> | 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 2 </a> | 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 3 </a> | 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 4 </a><br>

<!--- Daftar Episode End --->
</div>
<div id="tab2">
<ul>
<!--- Streaming Start --->
<li><a href=" Link Tujuan " title=" Nama Anime " > Nama Anime </a></li>
<li><a href=" Link Tujuan " title=" Nama Anime " > Nama Anime </a></li>
<li><a href=" Link Tujuan " title=" Nama Anime " > Nama Anime </a></li>
<li><a href=" Link Tujuan " title=" Nama Anime " > Nama Anime </a></li>
<li><a href=" Link Tujuan " title=" Nama Anime " > Nama Anime </a></li>
<li><a href=" Link Tujuan " title=" Nama Anime " > Nama Anime </a></li>
<!--- Streaming End --->
</ul>
</div>
<div id="tab3">
<!--- Batch Start --->
Batch: 
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 1 </a> |
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 2 </a> |
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 3 </a> |
<a href=" Link Tujuan " target="_blank" rel="nofollow"> Server 4 </a>
<!--- Batch End --->
</div>
</div>
</div>

7. Maka Hasilnya Seperti di Bawah ini...

Demo