Đối với Blogspot: Đăng nhập => Bố cục => Tạo tiện ích Javacript/HTML => Paste đoạn code nút call cho website, nút call cho blogspot như sau:
<style>
/* HOTLINE */
.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;
-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0);
transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute;
background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
opacity:.1;
-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
border-color:#00aff2;
opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
border-color:#272d6b;
opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
border-color:#00aff2;
opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
border-color:#ccc;
opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
border-color:#75eb50;
opacity:.5
}
.phonering-alo-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
border-radius:100%;border:2px solid transparent;
-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
background-color:rgba(39,45,107,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
background-color:rgba(39,45,107,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
background-color:rgba(0,175,242,0.5);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
background-color:rgba(204,204,204,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
background-color:rgba(117,235,80,0.5);
opacity:.75!important
}
.phonering-alo-ph-img-circle {
width:60px;
height:60px;
top:70px;
left:70px;
position:absolute;
background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
border-radius:100%;
border:2px solid transparent;
-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
background-color:#00aff2;
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
background-color:#272d6b;
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
background-color:#00aff2;
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
background-color:#ccc;
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
background-color:#75eb50
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
-webkit-opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
-webkit-opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
-webkit-opacity:.1
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
transform:rotate(0) scale(.5) skew(1deg);
opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.1
}
}
@keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
transform:rotate(0) scale(.5) skew(1deg);
opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.1
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
}
@keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
}
</style>
<div class="hotline">
<div id="phonering-alo-phoneIcon" class="phonering-alo-phone phonering-alo-green phonering-alo-show">
<div class="phonering-alo-ph-circle"></div>
<div class="phonering-alo-ph-circle-fill"></div>
<div class="phonering-alo-ph-img-circle">
<a class="pps-btn-img " title="Liên hệ" href="tel:0967755731"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZQ1Ebp7uMpUwTxFaaDDrNbDLIEwL97NFJvLjkcefeCOBV26CUiT6s5AFIv0DI4DwwyLcpKtsdYnFwBEJrDmsO75_CPY4KDowk10Jqj4JXlvQEIJzNAaxyvG3sW5nafEDAeS8_OexJnC1V/s1600/v8TniL3.png" alt="Liên hệ" width="50" class="img-responsive"/> </a>
</div>
</div>
</div>
Lưu ý: Bạn thay số điện thoại bôi màu đỏ thành số điện thoại của bạn.
Trong bài viết này mình chia sẻ đến anh em một mẹo rất hay cho website Blogspot Blogger đó là cách thêm (chèn) nhạc nền tự chạy trên đó (còn gọi là nhạc nền).
Và đây là cú pháp ngon lành để bạn chèn nhạc nền vào Blogspot nè, và cái này nó tự phát nhạc khi vào site bạn nhé !
<audio autoplay='true' src='https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3'/>
Nếu muốn chèn vào một page / posts nào riêng thì chèn nó trong chế độ soạn thảo HTML là được. Với hướng này thì không rơi vào tình trạng hát bè khi mở nhiều trang cùng một website.
Theo sách giáo khoa Hóa học 8,
công thức hóa học (CTHH) của hợp chất gồm kí hiệu hóa học của nguyên tố tạo ra
chất chất kèm theo chỉ số (chỉ số lượng nguyên tử). Công thức chung là:
AxByCz….; Trong đó: A, B, C là kí hiệu của nguyên tố; x, y, z là chỉ số, nếu chỉ
số bằng 1 thì không cần ghi. Chẳng hạn: H2O (H2O) là công thức hóa học
của nước, có hai nguyên tố và ba nguyên tử.
Yêu cầu: Nhập từ bàn phím một công thức hóa học của hợp chất. Biết
rằng nguyên tố chỉ có một kí tự được viết hoa nằm trong bảng chữ cái la tinh,
chỉ số không quá 99. Tính và xuất ra màn hình:
a) Số lượng nguyên tố có trong
công thức.
b) Tổng các số nguyên tử trong
công thức.
Ví dụ:
Nhập
từ bàn phím |
Xuất
ra màn hình |
Nhap CTHH = H2O |
a) So nguyen to = 2 b) So nguyen tu = 3 |
Nhap CTHH = C6H12O6 |
a) So nguyen to = 3 b) So nguyen tu = 24 |
CODE THAM KHẢO:
program CTHH;
uses crt;
var s,r: string;
c: char;
kq1, kq2, x, i, n: longint;
begin
clrscr;
write('Nhap CTHH = '); readln(s);
for c:= 'A' to 'Z' do
if pos(c,s) > 0 then kq1:=kq1+1;
i:=length(s);
repeat
if (s[i] in ['1'..'9']) and (s[i-1] in ['1'..'9']) then
begin
r:=s[i-1] + s[i];
val(r,x);
kq2:=kq2+x;
i:=i-3;
end
else if (s[i] in ['1'..'9']) and (s[i-1] in ['A'..'Z']) then
begin
r:=s[i];
val(r,x);
kq2:=kq2+x;
i:=i-2;
end
else
begin
kq2:=kq2+1;
i:=i-1;
end;
until i < 1;
writeln('a) So nguyen to = ', kq1);
writeln('b) So nguyen tu = ', kq2);
readln;
end.
Nhân dịp năm học mới, một cửa hàng bán sách khuyến mãi: “mua
3, tặng 1, trả tiền 2”, khách hàng mua đúng ba quyển sách được tặng một quyển
sách giá rẻ nhất trong ba quyển sách đã mua. Và tất nhiên, khách hàng có thể
mua nhiều quyển sách, phụ thuộc vào việc sắp xếp các quyển sách vào mỗi nhóm ba
quyển để được nhận được khuyến mãi nhiều nhất.
Yêu cầu: Nhập từ bàn phím số nguyên dương N (1 ≤
N ≤
100) là số lượng sách (1≤ai≤100; i=1..n). Tính và xuất ra màn
hình:
a) Tổng số tiền sách nếu khách hàng không được khuyến mãi.
b) Tổng số tiền được khuyến mãi nhiều nhất của khách hàng.
Ví dụ:
Nhập từ bàn phím |
Xuất ra màn hình |
Nhap so quyen sach
= 7 Nhap gia: 5 2 3 7
6 8 7 |
a) Tong so tien =
38 b) Tong khuyen mai
= 10 |
Program Mua_Sach;
uses crt;
var a: array[1..100] of longint;
n,s,tkm,i,j,k,temp: longint;
begin
clrscr;
write('Nhap so luong sach N = '); readln(n);
for i:=1 to n do
begin
write('A[',i,']= '); readln(a[i]);
s:=s+a[i];
end;
for i:=1 to n-1 do
for j:=i+1 to n do
if a[i] < a[j] then
begin
temp:=a[i];
a[i]:= a[j];
a[j]:= temp;
end;
for k:=1 to n do
if k mod 3 = 0 then tkm:=tkm+a[k];
writeln('a) Tong so tien = ', s);
writeln('b) Tien khuyen mai = ',tkm);
readln;
end.
Trong chiến dịch vệ sinh môi trường
có n học sinh nam, m học sinh nữ của trường THCS TT Phú
Hòa – Thoại Sơn – An Giang, tham gia dọn vệ sinh đường phố. Ban tổ chức dự định
chọn đúng k học sinh (học sinh nam
hoặc học sinh nữ) làm công tác hậu cần, số học sinh còn lại Ban tổ chức chia
thành các nhóm, mỗi nhóm có đúng 3 học
sinh gồm 2 học sinh nam và 1 học sinh nữ để đi dọn vệ sinh theo
các tuyến đường. Biết rằng, việc chia nhóm có thể có những học sinh không thuộc
nhóm nào.
Yêu cầu: Nhập từ bàn phím các số
nguyên dương n, m, k (0 < n, m ≤ 100; 0 < k ≤ n+m). Tính và xuất ra
màn hình:
a) Số lượng nhóm nhiều nhất nếu
không chọn k học sinh làm công tác hậu
cần.
b) Số lượng nhóm nhiều nhất nếu
đã chọn đúng k học sinh làm công tác
hậu cần.
Ví dụ:
Nhập
từ bàn phím |
Xuất
ra màn hình |
Nhap so hoc sinh nam n = 10 Nhap so hoc sinh nu m = 6 Nhap so hoc sinh hau can k = 3 |
a) So nhom khong chon k = 5 b) So nhom da chon k = 4 |
CODE THAM KHẢO:
program Chia_nhom;
uses crt, math;
var n, m, k,nhom, sodu: longint;
begin
clrscr;
write('Nhap so hoc sinh nam n = '); readln(n);
write('Nhap so hoc sinh nu m = '); readln(m);
write('Nhap so hoc sinh hau can k = '); readln(k);
nhom:=min(n div 2, m);
writeln('a) So nhom khong chon k = ',nhom);
sodu:=n-2*nhom + m-nhom;
while sodu < k do
begin
sodu:=sodu+3;
nhom:=nhom-1;
end;
writeln('b) So nhom da chon k = ',nhom);
readln;
end.
- Đăng nhập vào tài khoản Google của bạn và đi đến địa chỉ https://www.google.com/script/start/ và click vào nút Start Scripting
*.gs
và lưu lạiform.html
bằng cách vào menu File ~> New ~> Html file