Cara Menciptakan Link Download Ibarat Situs Samehadaku

Cara Membuat Link Download Seperti Situs Samehadaku - Halo pembaca setia pada kesempatan kali saya akan membahas ihwal bagaimana Cara Membuat Link Download Seperti Situs Samehadaku , menciptakan download box atau kotak download menyerupai samehadaku sebenernya ialah sebuah cara yang sangat dicari banyak orang.

Cara Membuat Link Download Seperti Situs Samehadaku Cara Membuat Link Download Seperti Situs Samehadaku


Sebenarnya menciptakan model download box menyerupai samedahaku tidak terlalu sulit, alasannya kita tinggal IE (Inspect Element) saja template yang di pakai situs tersebut, nanti kita akan sanggup melihat kode-kode menyerupai HTML dan CSS.

Tapi memang bagi yang belum mengerti atau paham betul ihwal instruksi HTML, hal ini dirasa mungkin agak terlalu sulit, maka untuk itu saya buatkan tutorial ini untuk mempermudah anda bagi yang menciptakan link download menyerupai situs samehadaku.

Membuat Link Download Seperti Situs Samehadaku


1. Buka Dashboard blog masing-masing
2. Pilih Menu Tema kemudian klik Edit HTML
3. Lalu anda cari instruksi ]]></b:skin> atau </style>, untuk mempermudah pencarian tinggal anda menekan tombol CTRL+F secara bersamaan di keyboard, nanti akan muncul kolom pencarian kemudian ketikan instruksi tersebut didalam kolom pencarian.
4. Setelah instruksi telah ditemukan kemudian anda copy-paste kan instruksi CSS dan HTML dibawah ini.

Kode CSS

 .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; }   

Tempatkan instruksi tersebut di atas instruksi ]]></b:skin> atau </style> dengan benar. Agar menampilkan link download silahkan copy-paste kan instruksi HTML dibawah ini dan letakan di postingan dengan format HTML.


Kode HTML


  <div class="download-eps"> <ul> <li style="text-align: center;"> <strong>360p</strong> <a href="URLANDA" target="_blank" rel="nofollow">Solidfiles</a> | <a href="URLANDA" target="_blank" rel="nofollow">Tusfiles</a> | <a href="URLANDA" target="_blank" rel="nofollow">Acefile</a> | <a href="URLANDA" target="_blank" rel="nofollow">Mirror</a> <li style="text-align: center;"> <strong>720p</strong> <a href="URLANDA" target="_blank" rel="nofollow">Solidfiles</a> | <a href="URLANDA" target="_blank" rel="nofollow">Tusfiles</a> | <a href="URLANDA" target="_blank" rel="nofollow">Acefile</a> | <a href="URLANDA" target="_blank" rel="nofollow">Mirror</a> <li style="text-align: center;"> <strong>1080p</strong> <a href="URLANDA" target="_blank" rel="nofollow">Solidfiles</a> | <a href="URLANDA" target="_blank" rel="nofollow">Tusfiles</a> | <a href="URLANDA" target="_blank" rel="nofollow">Acefile</a> | <a href="URLANDA" target="_blank" rel="nofollow">Mirror</a> </li> </ul> </div>   

Catatan : Ubah Text yang diwarnai Merah (URL ANDA) dengan url tujuan anda dan Ubah juga yang diwarnai Biru (Keterangan Download) dengan kata-kata sesuai impian anda.

Untuk demo script sanggup dicek dibawah ini.


Mungkin cukup sekian apa yang saya sampaikan pada kesempatan kali ini biar sanggup bermanfaat bagi anda semuanya.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel