Posts

Showing posts matching the search for membuat-tombol-demo-dan-download-keren

Membuat Tombol Slide Demo Dan Download Keren

Image
Membuat Tombol Slide Demo dan Download Keren Banyak tombol demo dan download yang bersebaran di dunia online, sudah tau gitu kenapa admin masih posting perihal tombol live demo dan download? ini alasannya ialah aku ingin share riquest dari salah satu members yang menginginkan tombol live demo dan download keren. Jika tertarik memakai tombol slide demo & download ibarat di atas silahkan ikuti tutorialnya hingga selesai. 1. Sobat harus memasang Font Awesome Icons diblog sobat, namun bila sudah ada lewati langkah ini. Untuk memasangnya silahkan copy instruksi berikut sempurna sebelum atau di atas kode  </head> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/> 2. Copy CSS berikut di atas kode  ]]></b:skin> atau </style> /*CSS DEMO dan DOWNLOAD ---- http://wajahilmu.blogspot.com*/ #wrap{margin:20px auto;text-align:center} #wrap br{display:none} .btn-slide,.btn-slide2{position

Cara Menambahkan Efek Jiggle Pada Blog

Image
How To Add Jiggle Effects On The Blog Jiggle Effects yaitu sebuah imbas yang sanggup menciptakan tulisan, tombol, link, dan sebagainya bergoncang. Efek Goncangan ini biasanya dibentuk untuk menarik perhatian visitor pada tulisan, tombol, atau link yang diberikan efek. Untuk previewnya sanggup Anda lihat pada result di final post. Baca juga: Membuat Tombol Slide Demo dan Download Keren Cara Menambahkan Efek Jiggle 1. Copy CSS berikut pada blog sobat. Letakkan sebelum atau di atas kode  ]]></b:skin> atau </style> . .anim { animation: jiggle 2s ease-in infinite; } @keyframes jiggle { 48%, 62% { transform: scale(1.0, 1.0) } 50% { transform: scale(1.1, 0.9) } 56% { transform: scale(0.9, 1.1) translate(0, -5px) } 59% { transform: scale(1.0, 1.0) translate(0, -3px) } } 2. Gunakan imbas jiggle dengan menambahkan atribut "anim" pada aba-aba class. Contohnya ibarat aba-aba tombol berikut. <a class='tombol anim ' href=&