Home » » Trang trí blogger

Trang trí blogger

Posted by Unknown Posted on 11:30 PM with No comments

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://suadieuhoa115.blogspot.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://suadieuhoa115.blogspot.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>
Labels:

0 comments:

Post a Comment