1.pertama salin kode dibawah ini:
/* CSS Download Wrapper */
#downloadplay, #downloadplay2, #downloadplay3, #downloadplay4, #downloadplay5{overflow:hidden;padding:15px;margin:20px 0 20px;background:#7d7;border:1px solid #ddd;height:auto;max-height:auto}
.dp-wrapper{float:left;min-width:60%;max-width:auto;}
.dp-wrapper cv, .deskripsi{font-family:Roboto Condensed;font-size:14px;color:#999;width:auto}
.imgdp{float:left;margin-right:12px}
.imgdp img{width:70px;height:70px}
.titledp, .titledp a{font-family:Roboto Condensed;font-size:20px;font-weight:Bold;color:#000}
.versidp{font-family:Roboto Condensed;font-size:20px;color:#999;padding-left:10px}
a.button-download{font-family:Roboto Condensed;padding:7px;width:auto;background-color:#008efa;border:1px solid rgba(0,0,0,0);color:#7d7;border-radius:4px;font-size:15px;font-weight:Bold;text-align:center;float:right}
a.button-download:hover{background-color:#4AE996;border-bottom:none;color:#7d7}
@media only screen and (max-width:425px){.img-pertamax{height:auto}a.button-download{width:98%}#downloadplay, #downloadplay2, #downloadplay3, #downloadplay4, #downloadplay5{height:auto}.dp-wrapper{text-align:center;float:none;width:100%}.imgdp{float:none}
2.setelah disalin lalu pergi ke blogger>template>edit html, lalu tekan ctrl+f dan cari kode <skin>. Kemudian pastekan kode tersebut disana.setelah itu klik simpan template.
3.salin kode dibawah ini :
< id="downloadplay2">
<div class="dp-wrapper">
<div class="imgdp">
<img alt="img title" src="image url" title="judul" /></div>
<span class="titledp"><a href="#" target="_blank">judul</a></span><br />
<cv>penjelasan</cv></div>
<a class="button-download" href="url download" target="_blank">Download</a></div>
Note: warna merah diganti dengan judul gambar,warna biru diganti dengan url gambar,
Warna pink ganti dengan judul ,dan warna hijau ganti dengan url tujuan.
4.untuk menggunakannya kalian saat mosting artikel ,pindah ke mode html kemudian pastekan kode diatas yang udah ane bagiin,kemudian pinh lagi ke mode compose dan yang kalian lihat akan sedikit berantakan,tapi tenang kalau sudah dipublikaasian pasti bakalan jadi keren.kalau kalian ingin lihat contohnya bisa dilihat dibawah ini:
Download
0 Response to "cara membuat Download wrapper"
Posting Komentar