Cara Mengedit Tampilan Template DroidPluss Redesign - Membetulkan Tampilan Pada Template DroidPluss - Edit Template DroidPlus Pada Blog -Arieshp

on
www.arieshp.blogspot.com Droidplus redesign

Membetulkan letak font pada template redesign droidpluss ketika dalam bentuk mobil, coding yang perlu di cari pada template adalah sebagai berikut :

.dp-thumbnail {
display:block;
width:250px;height:156px;text-align:center;float:left;margin:-10px 0 0 0px;position:relative;
padding-top:20px;padding-left:8px;
border:none;
outline:none;
background:#2980b9;
float:left;
margin-right:13px;
position:relative;
    border-radius:5px 0 0 5px
}

Setelah menemukan coding tersebut dengan menekan Ctrl + f , edit bagian coding berikut : center;float:left;margin:-10px 0 0 0px

Selesai, maka font tidak akan tertutup gambar lagi :D

www.arieshp.blogspot.com Droidplus redesign demo

Selanjutnya untuk mengubah warna pada header dan thumbnail.Pada dasarnya warna dari droidpluss ini adalah biru dengan kode HTML ( #7f8c8d  ) atau  ( #2980b9  ). Anda hanya perlu membaca codingnya untuk membedakan antara bagian kepala dan tampilan gambar di sebelah post.
  • Untuk bagian kepala = header-wrapper
  • Untuk bagian Tampilan gambar di sebelah post = dp.thumbnail
Untuk kode warna sudah admin siapkan, bagi yang ingin mengubahnya dengan custom warna lain juga bisa :
  • F67600 = warna orange
  • DF0600 = warna merah
  • 2980b9 = warna biru tenang
  • 7f8c8d = warna biru laut
  • 000000 =  warna hitam
  • FFFFFF = warna putih
  • EAEAEA = warna merah lembut
Sekian saja tutorial untuk mengubah Tampilan Droidpluss Redesign dari Admin Arieshp, semoga dapat membantu bagi kalian yang kesulitan memodifikasi template tersebut.

Comments

Post a Comment