If You Want top backlinks or free guest posting on our blog Lets do it Adsense Ready theme Now!

Create a Unique Button that Changes Color

Creating Colorful Buttons on the blog

Creating Colorful Buttons on the blog  - In this tutorial I can only provide a  simple button  that can change color by itself, this Button is unique because it is not in general, buttons usually do not use  scripts , but this time the button uses a script so that the color can be displayed. change by itself.

So that you are not confused about what the button looks like, you can see the button below.

Now for the installation is quite easy you just have to add a little CSS , a little HTML , and a little Javascript .

HTML , please put it where you want.

 <a class='buttonz' href='https://www.miusm-tech.com/p/html-tag.html' target='_blank'>Nama Button</a> 

HTML wouldn't be perfect without CSS. To add CSS, please put the CSS below right above ]]></b:skin>or</style>

padding:8px 25px;
transition:all 1s;
.buttonz:hover, .buttonz:hover, .buttonz.link:hover {
box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);

And the last one is Javascript , this javascript function so that the background that has been set in CSS can work and make the color of the button change. Please put it above </head>or</body>

 <script type='text/javascript'>
var intval = null;
var pos = 0;
$(document).ready(function() {
intval = window.setInterval(moveBg, 70);
function moveBg() {
$('.buttonz').css({backgroundPosition: (pos * 1) + '% 1px'});

And if you want to ReDesign the template but can't or don't have time, you can use the services of this blog admin,  " Creating an Accordion Widget For Pages and Posts with jQuery ".
Cheap prices.

And if you want products or read articles about miusm-tech then dont forget to bookmark our site and visit time by time cause we update it for you time by time.
Hopefully this tutorial is useful...

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.