html – Personalized like switch suched as state really did not function

I utilized the complying with code from this write-up right here

In spite of looking right and also useful on my blog site, it really did not reveal such state as defined in the write-up.

My blog site: https://14test.tumblr.com

Below is the code:
HTML

<< facility><> < div course=" custom-like-button">
> {LikeButton}
<< period course=" our_toggle">
<> < div course=" like_button">
<> .
<< period course=" our_button">
&> & hearts; .
< .

CSS

 custom-like-button {
placement: loved one;
screen: block;
size: 40px;
elevation: 40px;
arrow: reminder;
}
. like_button {
placement: outright;
top: 0;
left: 0;
right: 0;
base: 0;
size: 100%;
elevation: 100%;
opacity: 0;
z-index: 10;
.
}. like_button iframe {size: 100 %! vital;
. elevation: 100 %! vital;.
}
. our_button {
placement: outright;.
top: 0;.
left: 0;.
right: 0;.
base: 0;.
size: 100%;.
elevation: 100%;.
z-index: 1;.
}
. like_button: float +. our_button {
shade: red;.
}
. like_button. suched as +. our_button {
history: white;.
shade: red;.
}