-->
Home › Widget Cara Memasang Tombol Slide To Download
Cara Memasang Tombol Slide To Download
4/ 5 stars - "Cara Memasang Tombol Slide To Download" Kali ini saya akan membagikan  Cara Memasang Tombol Slide To Download Ala  riziqdesign . Contoh Demo Demo Click here Downl...

Cara Memasang Tombol Slide To Download


Baca Juga

Kali ini saya akan membagikan Cara Memasang Tombol Slide To Download Ala riziqdesign.

Contoh Demo


  1. Masuk ke akun blogger kalian
  2. Pilih Tema> Edit Tema
  3. Cari Kode  ></b:skin>
  4. Copas Kode Dibawah ini Tepat diatas Kode  ></b:skin> 
  #wrap { margin: 20px auto; textalign: center; }  #wrap br { display: none; } .btnslide,  .btnslide2 { position: relative; display: inlineblock; height: 50px; width: 200px; lineheight: 50px; padding: 0; borderradius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; }  .btnslide2 { border: 2px solid #efa666; } .btnslide:hover { backgroundcolor: #0099cc; }  .btnslide2:hover { backgroundcolor: #efa666; }  .btnslide:hover span.circle, .btnslide2:hover span.circle2 { left: 100%; marginleft: 45px; backgroundcolor: #fdfdfd; color: #0099cc; }  .btnslide2:hover span.circle2 { color: #efa666; }  .btnslide:hover span.title, .btnslide2:hover span.title2 { left: 40px; opacity: 0; }  .btnslide:hover span.titlehover, .btnslide2:hover span.titlehover2 { opacity: 1; left: 40px; }  .btnslide span.circle,  .btnslide2 span.circle2 { display: block; backgroundcolor: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; lineheight: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; borderradius: 50%; }  .btnslide2 span.circle2 { backgroundcolor: #efa666; } .btnslide span.title, .btnslide span.titlehover,  .btnslide2 span.title2,  .btnslide2 span.titlehover2 { position: absolute; left: 90px; textalign: center; margin: 0 auto; fontsize: 16px; fontweight: bold; color: #30abd5; transition: .5s; }  .btnslide2 span.title2,  .btnslide2 span.titlehover2 { color: #efa666; left: 80px; } .btnslide span.titlehover, .btnslide2 span.titlehover2 { left: 80px; opacity: 0; }  .btnslide span.titlehover, .btnslide2 span.titlehover2 { color: #fff; }
Lalu Save Template
Masukan Kode dibawah ini di Halaman Post blog kalian, Taruh di Tab  <html> 
  <div id="wrap">  <a href="masukkan link tujuan di sini" class="btnslide" target="_blank">  <span class="circle"><i class="fa farocket"></i></span> <span class="title">Demo</span>  <span class="titlehover">Click here</span> </a>  <a href="masukkan link tujuan di sini" class="btnslide2" target="_blank">  <span class="circle2"><i class="fa fadownload"></i></span>  <span class="title2">Download</span> <span class="titlehover2">Click here</span> </a>
#Widget
Komentari
icon-pencil