Cara Membuat Download Box Mirip Samehadaku

Selamat datang di postingan pertama saya, kali ini admin akan membagikan tutorial tentang Cara Membuat Download Box Mirip Samehadaku, Yuk simak postingan berikut ini.

Download box yang biasanya di gunakan pada situs download anime atau film berguna untuk mempercantik tampilan blog tersebut, tak heran banyak situs download anime yang masih baru ingin menirukan gaya dari download box situs anime yang sudah besar seperti samehadaku, oploverz, anitoki, dll. Nah dari pada kelamaan bacanya :v langsung saja simak tutorialnya dibawah ini.

Cara Membuat Download Box Seperti Samehadaku

1. hal pertama yang sobat harus lakukan adalah Login pada situs blogger dengan akun blogger sobat setelah itu masuk ke >Tema > dan klik tombol Edit Html masukan kode berikut tepat di atas kode ]]></b:skin>
.

/*Download box Samehadaku - TuyuLink*/
.download-eps {
    font-size: 9px;
    font-weight: bold;
    background: none repeat scroll 0% 0% #F5F5F5;
    padding: 10px;
    margin: 10px 0px;
}
.download-eps ul {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
.download-eps ul li {
    background: none repeat scroll 0% 0% #E4E4E4;
    margin-bottom: 2px;
    line-height: 26px;
    padding: 0px 5px;
    font-size: 15px;
}
.download-eps ul li strong {
    background: none repeat scroll 0% 0% #1e7ce5;
    border-right: 2px solid #F5F5F5;
    width: 150px;
    display: block;
    float: left;
    margin-left: -5px;
    margin-right: 2px;
    color: #FFF;
    padding: 0px 5px;
    text-align: left;
}

2. Setelah itu klik Simpan Template. Selanjutnya sobat masuk ke dalam postingan klik Html (ingat HTML bukan Compose) dan copas lalu pastekan kode dibawah ini kedalam postingan sobat. Jika sudah silahkan sobat klik publish/terbitkan postingan.

/*Download Box */

<div class="download-eps">

<ul>

<li style="text-align: center;">

<strong>360p</strong>

<a href="#" rel="nofollow" target="_blank">Solidfiles</a> |

<a href="#" rel="nofollow" target="_blank">Tusfiles</a> |

<a href="#" rel="nofollow" target="_blank">Acefile</a> |

<a href="#" rel="nofollow" target="_blank">Mirror</a>


</li>

<li style="text-align: center;">

<strong>720p</strong>

<a href="#" rel="nofollow" target="_blank">Solidfiles</a> |

<a href="#" rel="nofollow" target="_blank">Tusfiles</a> |

<a href="#" rel="nofollow" target="_blank">Acefile</a> |

<a href="#" rel="nofollow" target="_blank">Mirror</a>



</li>

<li style="text-align: center;">

<strong>1080p</strong>

<a href="#" rel="nofollow" target="_blank">Solidfiles</a> |

<a href="#" rel="nofollow" target="_blank">Tusfiles</a> |

<a href="#" rel="nofollow" target="_blank">Acefile</a> |

<a href="#" rel="nofollow" target="_blank">Mirror</a>


</li>

</ul>

</div>

Keterangan:

Silahkan sobat ganti tanda # dengan link sobat.

Tweet

Subscribe to receive free email updates: