Cara Buat Tombol Demo dan Download

20.14.00
Konbanwa Minna ^-^)..

Ok kali ini saya akan memberikan tutorial lagi yang dah lama ga update yah..
Yosh Tutorial kali ini yaitu "Cara Buat Tombol Demo dan Download"

Langsung saja ke tutor

1. Login Blogger dulu
2. Masuk Template -> Edit HTML
3. Lalu cari kode </style>  atau </b:skin>  (untuk memudahkan pencarian tekan CTRL + F) terapkan kode CSS ini tepat diatas kode </style>  atau </b:skin>

.box {margin-top:20px;}
.download 
{border-radius:20px;padding:10px;margin-top:10px;background:#3985DB;color:#fff;font-weight:700;width:250px;font-family:arial;text-decoration:none;cursor:pointer;transition:all
 .4s; }
.download:hover {background:#5AA5FA}
.demo 
{border-radius:20px;padding:10px;margin-left:5px;margin-top:10px;background:#F0B23E;color:#fff;font-weight:700;width:250px;font-family:arial;text-decoration:none;cursor:pointer;transition:all
 .4s; }
.demo:hover {background:#F7C972}

Lalu simpan template dan buat postingan baru.. Dan masukan kode HTML ini di dalam HTML bukan di Compose
<div class="box">
<center>
<a class="download" href="https://www.facebook.com" >Download</a>
<a class="demo" href="https://www.facebook.com" >Demo</a>
</center>
</div>

Previous
Next Post »
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar