thử chữ đổi màu

Sản Phẩm Hồng đã thực hiện
Bài Viết Hướng Dẫn Tạo Chữ Đổi Màu Cho Blogspot

Read More

Css chữ đổi màu cho Blogspot, Website

Một blogspot hay website đều không thể nào thiếu Css được, css góp phần làm đẹp, trang trí hài hòa cho một trang web hay blog. Hôm nay Hồng Designer chia sẻ cho bạn code Css chữ đổi màu cho Blogspot, Website có thể trang trí cho website hay blogspot rất là đẹp.

Thêm Css vào Website - Blog

Bước 1 :

Coppy đoạn code dưới bỏ vào nơi mà bạn muốn hiển thị chữ đổi màu

<p class='tieudequanba'><b>Sản Phẩm Hồng đã thực hiện</b><br/>Bài Viết Hướng Dẫn Tạo Chữ Đổi Màu Cho Blogspot
</p>
<style>
.tieudequanba {
float: left;
width: 100%;
text-align: center;
font: 18px 'Roboto Condensed',sans-serif;
line-height: 1.4;
color: #555;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD58aniZquQ0cRj4RhVmiGDN8tEMwhD2Fm55HWEFj2msuvz6TfFPmMcF8KoxB6PZkprUVtmhBIyPB6veUpYCxNN0iqFSFZRyXOx3iKXCTzCfrNUEqK_L1TRGFtcG2bWw6HnMj-nj2lik_J/s0/Titler_sanpham.png) no-repeat center 0px;
padding-top: 65px;
padding-bottom: 45px;
}
p.tieudequanba b {
font: 28px 'Roboto Condensed',sans-serif;
text-transform: uppercase;
background: #226BA5 -webkit-gradient(linear, left top, right top, from(#EC3C51), to(#F11150), color-stop(0.5, #F5FF00)) 0 0 no-repeat;
color: rgba(255, 255, 255, 0.1);
font-weight: bold;
position: relative;
-webkit-animation: shine 2s infinite;
-webkit-background-clip: text;
-webkit-background-size: 300px;
}
@-webkit-keyframes shine {
0% {
background-position: top left;
}
100% {
background-position: top right;
}
}
</style>

Bước 2 :

Sửa text trong code thành chữ bạn muốn hiển thị đổi màu và lưu lại. Cuối cùng là xem thành quả bạn vừa làm đươc, ô chu choa đẹp quá. Chúc các bạn thành công. 

Read More

Tạo banner quảng cáo hiển thị luân phiên

Tạo banner quảng cáo hiển thị luân phiên

Nói đến quảng cáo trên trang web, thông thường tại một không gian web cố định bạn chỉ có thể đặt 1 banner, lấy ví dụ trên phần Header về bên phải bạn chỉ có thể đặt 1 banner có kích thước 468x60. Script sau đây sẽ giúp tạo hiệu ứng chạy luân phiên các banner, từ đó trang web của bạn sẽ trở nên sinh động hơn.

Bạn có thể xem Demo bên dưới.





Để thực hiện thủ thuật này, bạn hãy sử dụng code như bên dưới (đặt trong một tiện ích HTML/Javascript đối với Blogger).

<script type="text/javascript">
// Banner Rotation Script by Bloggerism
var ban = new Array();
var link = new Array();
var index = 0;

ban[0] = new Image();
ban[0].src = "URL_banner_0";
link[0] = "URL_link_0";

ban[1] = new Image();
ban[1].src = "URL_banner_1";
link[1] = "URL_link_1";

ban[2] = new Image();
ban[2].src = "URL_banner_2";
link[2] = "URL_link_2";

index = Math.random() * (ban.length);
index = Math.floor(index);

function rotator()
{if (index == ban.length) index = 0;
if (document.images) {
document.images.rotation.src = ban[index].src;
}
else {
document.getElementById('rotation').src=ban[index].src;
}
index++;
setTimeout('rotator()',3000);
}
function go() {window.open(link[index-1]);}
</script>

<img id="rotation" style="cursor:pointer;" src="" onclick="go();"/>
<script type="text/javascript">rotator();</script>

Trong đoạn code trên bạn lần lượt thay thế URL_banner tương ứng với URL_link.

Chú ý số 3000 ám chỉ 3000 mili giây, tương đương 3 giây chỉ khoảng cách giữa các lần chuyển banner. Bạn có thể điều chỉnh con số này tùy ý.

Read More