Trang trí blogger

Một số hiệu ứng trang trí blog

Hiệu ứng tuyết rơi cho blog

<script src="http://keerthiset2.110mb.com/snow.js" type="text/javascript">

Chữ chạy ngang blog

<div style=
"position: fixed; bottom: 5px; left: 0px; width: 100%; z-index: 49999; height: 30px; background-image: url(''); background-position: center center; background-repeat: no-repeat; text-align: center;">
<div style="width: 100%; height: 25px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td height="25px" align="center" style=
"color: rgb(5, 255, 25); font-size: 24pt;"><font face=
"Arial, Helvetica, sans-serif"><marquee width="1024" bottom:=""
scrollamount="2" behavior="alternate"><a style=
"color: #d52a33;"><strong>chữ chạy trên blog</strong></a></marquee></font></td>
</tr>
</table>
</div></div>

Nút lên đầu trang và xuống cuối trang cho blog

<a style="position: fixed; bottom: 207px; right: 9px;" title=
"Mời ghé thăm" href=
"http://www.dientuphuongthao.com/"
target="_blank">
<embed src=
"http://d.violet.vn/uploads/resources/158/0.reload_64x64.png"></embed></a>
 <a style="position: fixed; bottom: 71px; right: 9px;" href="#"
title="VỀ ĐẦU TRANG"><img src="http://d.violet.vn/uploads/resources/158/0.button-up_64x64.png" /></a>
<a style="position: fixed; bottom: 3px; right: 9px;" href=
"javascript:scroll(0,9999999)" title=
"XUỐNG CUỐI TRANG"><img src="http://d.violet.vn/uploads/resources/158/0.button-down_64x64.png" /></a>
<a style="position: fixed; bottom: 139px; right: 9px;" title=
"TRANG CHỦ" href="http://www.dientuphuongthao.com/">
<embed src=
"http://d.violet.vn/uploads/resources/158/0.home_64x64.png"></embed></a>

Nút like và +1 cho blog

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:5px;bottom: 5px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<div>
<a class="addthis_counter"></a>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5121ff0f02b63547"></script></div></div>

Hiệu ứng bong bóng bay cho chuột trên blog

<script type="text/javascript">

var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // warna untuk border-top, border-right, border-bottom, border-left dan background gelembung

var bubbles=100; // jumlah maksmal gelembung

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy){

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown;

}

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}

window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}

</script>

Tạo đường viền cho widget

.sidebar .widget {
font-size:86%;border-left: 3px solid #CCCBB9;border-right: 3px solid #CCCBB9;border-bottom: 3px solid #e0d5c2;padding: 10px;line-height: 1.4em;}

Màu tiêu đề widget

.sidebar h2{center;color:#998877;background:#ffe599;text-align: center;}
.main h2{color:#998877;background:#ffe599;center;text-align: center;}

Ẩn thanh điều hướng

1- Đăng nhập vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML => Tiếp tục (Không cần mở rộng tiện ích mẫu)
4- Thêm đoạn code sau vào trước thẻ ]]></b:skin>

#navbar-iframe {
height:5px;
}
/* IE7, IE8, IE6 */
#navbar-iframe {  height/*\**/: 30px\9; }
#navbar-iframe:hover {height:40px; !important;}

Chữ chạy trên thanh tiêu đề trình duyệt web

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).

Tìm đến thẻ </head> và thêm đoạn code dưới đây ngay bên trên nó :




<script>
var txt="Chữ bạn muốn hiển thị chạy trên thanh công cụ trình duyệt ";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>

Read More »