Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

Cara membuat Download BOX Seperti Meownime

Cara membuat Download BOX Seperti Meownime

Assalamualaikum Wr.Wb
Baiklah bertemu lagi dengan saya Adewa (Mr.Adewa)
Terimakasih telah berkunjung ke web sederhanan ini. Hehe
Kali ini saya akan memberikan Tutorial Cara membuat Download BOX Seperti Meownime


Sebelum Memulai tutor siapkan
-CSS BOX Meownime (Touch me Sayang)

/* Download Box Meownime - Aka321 */
.dlmn321{text-align: center;font-size: 15px}
.dlmn321 > .dlmn-head{background: #39484D;padding: 8px;font-weight: bold}
.dlmn321 > .dlmn-head span:first-child{color: #DADADA}
.dlmn321 > .dlmn-head span:last-child{color: #DA4453}
.dlmn321 .dlmn-wrap .dlmn-head{padding: 8px;border-top: 1px solid #DDDDDD}
.dlmn321 .dlmn-wrap ul{margin: 0 !important;padding: 8px !important;border-top: 1px solid #DDDDDD;background: #EEEEEE}
.dlmn321 .dlmn-wrap ul li{margin: 0 !important;padding: 0 !important;list-style: none !important}
.dlmn321 .dlmn-wrap ul li a{color:#DA4453}
.dlmn321 .dlmn-wrap ul li a:hover{color:#39484D}
.dlmn321 .dlmn-wrap ul li a:after{content:"|";color:#909090}
.dlmn321 .dlmn-wrap ul li a:after:hover{color:#909090}
.dlmn321 .dlmn-wrap .dlmn-head:hover, .dlmn321 .dlmn-wrap ul:hover{background: #F5F5F5}

-HTML nya jangan lupa (Touch me Sayang)

 <div class='dlmn321'>
 <div class='dlmn-head'>
  <span>Link Download #1 — </span>
  <span>Mkv 720p</span>
 </div>
 <div class='dlmn-wrap'>
  <div class='dlmn-head'>
   Episode 01 — (<b>00.0 MB</b>)
  </div>
  <ul>
   <li>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
   </li>
  </ul>
  <div class='dlmn-head'>
   Episode 02 — (<b>00.0 MB</b>)
  </div>
  <ul>
   <li>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
   </li>
  </ul>
 </div>
</div>

1. Masuk ke dalam blogger kalian
Template>Edit Template


Cari </style> (Cari aja menggunakan CTRL+F)
2. Tempelkan script CSS nya. Simpan tema/template


3. Masuk ke dalam postingan kita Click HTML. Tempelkan HTML nya langsung


4. Tes Pratinjau dan lihat apa yang akan terjadi


Jika masih kurang jelas bisa Lihat tutor di bawah ini


Catatan. Saya Admin tidak pernah bertanggung jawab dengan apa yang kalian perbuat
Jika ada masalah jangan pernah menyalakan website ini
Tutor ini di buat untuk mengetest/pentester suatu website apakah web itu memiliki bug apa enggak
Mungkin hanya itu kata kata yg bisa saya ucapkan

Sekian dan Terimakasih
Wassalamualaikum Wr.Wb

Post a Comment

© Adewakun. All rights reserved. Premium By Raushan Design