Cara Membuat Tombol Demo dan Download Yang Keren

Cara Membuat Tombol Demo dan Download Yang Keren


Membuat Tombol Demo dan Download Yang Keren –  hai sob pada kali ini saya akan membahas artikel yang berjudul membuat tombol demo dan download

Tombol demo dan downlaod biasanya selalu ada di blog yang berisi tempat download template blog. Tombol ini sangat bagus tampilanya. Dan terlihat rapi. Pernah kah kalian melihat sebuah tombol Demo dan Downloadm pastinya tombol itu sering kalian temui pada blog Template, tombol ini sangat bagus di gunakan di blog karena kelihatan sangat rapi.

                      Cara Membuat Tombol Demo dan Download     


1. Loggin Ke akun blogger
2. Pilih Dashboard > Template > Edit HTML
3.Cari kode ]]></b:skin>, Lalu Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}.button ul {margin:0;padding:0}.button li{display:inline;margin:0;padding:0}.demo {border: none;border-radius:2px;padding: 8px 19px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);transition: background-color .4s ease-out 0s;}.download {border: none;border-radius:2px;padding: 8px 19px !important; background: #2ecc71; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);transition: background-color .4s ease-out 0s;}.demo:hover { background: #454242;text-decoration:none }.downloadx:hover { background: #454242;text-decoration:none }#putar-putar-bro{text-align:center;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}#putar-putar-bro:hover { -moz-transform:scale(1.5) rotate(-360deg); -webkit-transform:scale(1.5) rotate(-360deg); -o-transform:scale(1.5) rotate(-360deg); -ms-transform:scale(1.5) rotate(-360deg); transform:scale(1.5) rotate(-360deg);cursor:pointer;color:#2295b5; }

 4. Lalu tambahkan kode JQueryberikut ini tepat diatas kode </head>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
5.  Untuk menerapkan Tombol Demo dan Download pada postingan caranya adalah ambil kode di bawah ini dan taruh di postingan baguan HTML

<ul class="button"><li><a class="demo" href="http://masmulki.com"><i class="icon-desktop"></i>Demo</a></li><li><a class="download" href="http:/masmulki.com.com"><i class="icon-cloud-download"></i>Download</a></li></ul><div class="clear">

nah begitulah artikel yang berjudul Membuat Tombol Demo dan Download Yang Keren. semoga bermanfaat


Penelusuran yang terkait dengan script Demo dan Download

  • coneria script demo font download
  • reklame script demo download
  • coneria script demo font free download
  • sverige script demo
  • centeria script demo
  • lina script demo
  • nina script demo
  • shop script demo
ِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ   اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، لاَ اِلَهَ اِلاَّ اللّهُ اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، وَلِلّهِ الْحَمْد 

semoga artikel diatas dapat bersaing di page one,, amin 

PERINGATAN..!!
1. Berkomentarlah Dengan Sopan, Bahasa Indonesia Yang Benar dan Jangan Spaming.!!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi dan Sara.!!
3. Dilarang Menaruh Link Aktif Karena Akan Otomatis Terhapus.!!

Harap Baca TOS Terlebih Dahulu Sebelum Berkomentar. Terima Kasih atas Perhatiannya.
EmoticonEmoticon