Cara Membuat Mirror Streaming Anime di Blogger

Malam sobat vetizens bertemu dengan saya lagi setelah kemarin saya menulis tentang Cara Menampilkan atau Menyembunyikan Widget di Mobile Device, maka kali ini saya akan kembali ke tutorial blogger fansub/fanshare. Tutorial kali ini berguna untuk membuat mirror video streaming agar saat link satunya mati masih ada mirror yang lain, pemasangannya cukup simpel dan responsif untuk mobile version jadi langsung saja ke TKP :

1. Login Blogger kalian

2. Blogger kalian > Template > Edit HTML

3. Setelah itu kalian cari code ]]></b:skin> atau </style> lalu masukkan kode css dibawah ini :

.all-button {

    position: relative;

    background: #1A77D0;

    border-radius: 5px 5px 0px 0px;

    overflow: hidden;

    width: 100%;

}

#Kuro-Mirror {

    text-align: center;

    float: left;

    background: #1a77d0;

    cursor: pointer;

    width: 23.77%;

    height: 27px;

    line-height: 27px;

    color: #fff;

    font-size: 14px;

    padding: 3px;

    font-weight: 700;

    border-right: 1px solid #CCC;

}

#Content1 {

    display: block;

    width: 100%;

    height: 400px;

    padding: 0;

    text-align: center;

    background: #000;

}

#Content2, #Content3, #Content4 {

    display: none;

    width: 100%;

    height: 400px;

    padding: 0;

    text-align: center;

    background: #000;

}

4. Save Template > Buat Post > Copy script dibawah lalu paste di HTML bukan Compose.

<div class="all-button">
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='block';Content2.style.display='none';Content3.style.display='none';Content4.style.display='none';">
Sedang Tonton!</div>
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='block';Content3.style.display='none';Content4.style.display='none';">
Mirror 1</div>
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='none';Content3.style.display='block';Content4.style.display='none';">
Mirror 2</div>
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='none';Content3.style.display='none';Content4.style.display='block';">
Mirror 3</div>
</div>
<div id="Content1">
Embed Video Sedang di Tonton</div>
<div id="Content2">
Embed Video Mirror 1</div>
<div id="Content3">
Embed Video Mirror 2</div>
<div id="Content4">
Embed Video Mirror 3</div>

Note :  
Yang berwarna biru kalian bisa ganti dengan url embed / iframe video mirror kalian.
Iframe selalu buat width 100% dan height 100% agar lebih rapih.

5. Selesai gampang kan.

Sekian untuk tutorial kali ini semoga bermanfaat utamanya untuk para blogger fansub dan fanshare anime.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .