TẠO NÚT BẤM "DEMO" CHO WEB/BLOG

Posted by chiasedamme on Wednesday, March 28, 2012

Nút bấm "Demo" là nút bấm khá quan trọng trong các trang Web/Blog chia sẻ về các thủ thuật, nút bấm này sẽ dẫn khách tham quan đến một bản mẫu minh hoạ cho thủ thuật đó.
Có khá nhiều cách để các bạn làm nút bấm này nhưng để được một nút bấm "Demo" ưng ý bạn phải tốn nhiều công sức và cần đến một trong các phần mềm hỗ trợ (Photoshop chẳng hạn...).
Thủ thuật tôi sắp trình bày ở đây khá đơn giản, chỉ cần trong tay các bạn có 2 hình nút bấm "Demo" là các bạn có thể tạo ra một nút bấm khá đẹp để minh hoạ cho bài viết của mình.
Mời các bạn rê chuột vào các mẫu nút bấm phía dưới để thấy hiệu ứng đổi màu nút hoặc đổi màu chữ "Demo" nha!!! (các bạn chờ trang load xong thì hiệu ứng mới có hiệu lực).





Tương tự như cách làm nút "Download" cho Web/Blog, các bạn chỉ việc thay thế link ảnh nút "Download" bằng link ảnh nút "Demo" là xong.
Các bạn có thể xem cách làm TẠI ĐÂY.

Nếu chưa có ảnh của nút "Demo" các bạn bấm vào thẻ phía dưới để xem và tải nút "Demo" về upload lên host riêng rồi thay thế link vào, hoặc các bạn có thể bấm phải chuột vào nút bấm chọn Copy link location để lấy link thay vào là xong.




Xem và tải nút Demo



▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

More about

NÚT BẤM LÊN ĐẦU TRANG XUỐNG CUỐI TRANG

Posted by chiasedamme on Tuesday, March 27, 2012

Tôi có sưu tầm từ trang Web nước ngoài một vài mẫu nút bấm lên đầu trang và xuống cuối trang dùng cho Web/Blog.
Ứng với mỗi mẫu là code để chèn vào Blog, các bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code vào, bấm Lưu lại là xong.


Bạn bấm vào Xem thử để trải nghiệm nút bấm nha!!!


Xem thử


Dưới đây là hình minh hoạ và code của các mẫu nút bấm, bạn thích cái nào thì copy code bên cạnh để dán vào Blog


<div id="navigation_up_down_37339"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/1-37339-right.js"></script></div>



 
<div id="navigation_up_down_79523"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/2-79523-right.js"></script></div>



 <div id="navigation_up_down_89846"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/3-89846-right.js"></script></div>



 <div id="navigation_up_down_8685"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/4-8685-right.js"></script></div>


<div id="navigation_up_down_60107"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/5-60107-right.js"></script></div>


<div id="navigation_up_down_30337"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/6-30337-right.js"></script></div>


<div id="navigation_up_down_21622"><<script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/7-21622-right.js"></script></div>


 <div id="navigation_up_down_42562"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/8-42562-right.js"></script></div>


 <div id="navigation_up_down_90798"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/9-90798-right.js"></script></div>


<div id="navigation_up_down_58760"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/10-58760-right.js"></script></div>



Cám ơn Anh "Giarô" đã giúp dunghennessy hoàn thành bài viết này.


▀▄▀▄▀▄dunghennessy.blogspot.com▄▀▄▀▄▀


More about

TẠO BẢNG THÔNG BÁO (KIỂU 4)

Posted by chiasedamme on Saturday, March 24, 2012

Ở bài viết này, tôi xin giới thiệu với các bạn thêm một cách làm bảng thông báo cho blog.
Với bảng thông báo này, các dòng chữ gởi đến khách tham quan sẽ được thay đổi theo thời gian do bạn định trước và sẽ chạy từ dưới lên khá đẹp. Đặc biệt bạn cũng có thể gắn link liên kết đến các trang Web/Blog khác từ bảng thông báo này.
Bạn bấm vào "Xem thử" phía dưới để xem bảng thông báo mẫu nha!!!





Xem thử



Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm HTML/Javacript rồi dán đoạn code phía dưới vào

<script language="JavaScript1.2">
var scroller_width='230px'
var scroller_height='115px'
var bgcolor='#ffffff'
var pause=7000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='nhập nội dung hiển thị tại đây.<a href="link liên kết">Bấm vào đây </a>nhập nội dung hiển thị tại đây'
scrollercontent[1]='nhập nội dung hiển thị tại đây<a href="link liên kết">Bấm vào đây</a>nhập nội dung hiển thị tại đây'
scrollercontent[2]='nhập nội dung hiển thị tại đây.<a href="link liên kết">bấm vào đây</a>nhập nội dung hiển thị tại đây.'
scrollercontent[3]='nhập nội dung hiển thị tại đây.'

////NO need to edit beyond here/////////////

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}

var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}

function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (ie4||dom||document.layers)
window.onload=startit

</script>


Bây giờ, bạn thay đổi các dòng chữ màu xanh và đỏ theo ý của mình, trong đó:
* var pause: Tốc độ chữ chạy lên (số càng lớn chữ chạy càng chậm).
* Width: Chiều rộng của khung thông báo
* Height: Chiều cao của khung thông báo.
Sau cùng bấm Lưu lại rồi vào blog xem kết quả
Chúc các bạn thành công.

More about

TẠO CHỮ KÝ CHO BÀI VIẾT

Posted by chiasedamme on Monday, March 19, 2012

Để tạo sinh động cho bài viết, dưới mỗi bài viết bạn có thể "đóng dấu" bản quyền bằng các chữ ký động "độc quyền", "không đụng hàng"...
Mời các bạn xem thử các mẫu chữ ký phía dưới



Mẫu 1:






Mẫu 2:





Mẫu 3:






Mẫu 4:





Mẫu 5:



Mẫu 6:







Mẫu 7:






Mẫu 8:




Mẫu 9:


Mẫu 10:


Mẫu 11:


Mẫu 12:


Mẫu 13:


Mẫu 14:


Mẫu 15:


Mẫu 16:


Mẫu 17:

Mẫu 18:



Mẫu 19:


Mẫu 20:


Mẫu 21: 


Mẫu 22:


 Mẫu 23:


Mẫu 24:


Mẫu 25:





Mẫu 26:


Mẫu 27:


Mẫu 28:


Mẫu 29:


Mẫu 30:


Mẫu 31:


Mẫu 32:


Nếu bạn thích mẫu nào thì gởi yêu cầu vào ô comments theo mẫu phía dưới, tôi sẽ làm "Free" cho các bạn

Mẫu:......
Tên hiển thị (không dấu):..................
Màu chữ: đỏ, vàng, trắng, đen, xanh dương, xanh lá, nâu, cam....
Địa chỉ mail (để tôi gởi về cho bạn)

Chúc các bạn vui



More about