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

Người đăng: yeu mai em on Thứ Tư, 28 tháng 3, 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

Người đăng: yeu mai em on Thứ Ba, 27 tháng 3, 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)

Người đăng: yeu mai em on Thứ Bảy, 24 tháng 3, 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

BlogSpot cải thiện tính năng SEO cho blog

Người đăng: yeu mai em on Thứ Năm, 22 tháng 3, 2012

Maphim.Net | Xem phim Online, xem phim han, phim 47, tron boBlogger hôm nay đã cập nhật nhiều tính năng SEO mới cho Blogger. Phải tranh thủ xem qua mới rõ hết được, có lẽ giao diện blog cũ sẽ không được nâng cấp thêm. Các bạn hãy vào giao diện Blog mới để thiết kế tuỳ chỉnh. Địa chỉ giao diện mới tại đây.
Một số điểm mới có thể kể ở đây, cụ thể là :

 1. Thẻ mô tả 

   - Tuy đã được hỗ trợ trong phần cài đặt chính nhưng nó vẫn được gom nhóm vào phần tìm kiếm chung cho blog của bạn. Hãy bật nó lên lần nữa nhé.

 2. Lỗi và chuyển hướng

    -  Bạn đã có thể tạo thông báo lỗi bằng các đoạn mã, hay ảnh hiển thị.
    -  Tính năng chuyển hướng mới đã được cải thiện, giờ bạn có thể dùng javascript để tạo thêm các link cho mình. Một các hack tag SEO cho blog, mình sẽ sớm công bố tiện ích này, gộp chung nó vào phần tìm kiếm theo tag, keywords của từ khoá.


Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo

   -  Mọi người có thể check thử link sau : .. sieuluoi, bạn sẽ nhận được thông báo Rất tiếc, trang bạn đang tìm trong blog này không tồn tại. Nhưng với vài thủ thuật nhỏ ta sẽ biến nó thành một phần của Blog, như một Website hoàn thiện, hay đúng hơn là hoàn thiện.

Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo

3. Robots.txt và tuỳ chỉnh tìm kiếm của Robots.txt.

  - Với dự án mở của Blogger này ta có thể mở phần /search bị đóng lâu nay của Blogger.

User-agent: * Disallow: /search == > Allow: /search
Allow: /
 -  Chưa biết có thăng thêm index lên Google không nhưng mình tin là có.
-  Tuỳ chỉnh các thẻ meta robots mà không cần mó tay vào code temp blog.


Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo

Kết chung lại,  blogger đang càng ngày càng thân thiện với người dùng, trong năm tới và kể cả ngay về sau này nó còn tiếp tục miễn phí không thì mình không đoán được. Chỉ biết bay giờ mình yêu BlogSpot, một thứ ngon bổ rẻ.
More about

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

Người đăng: yeu mai em on Thứ Hai, 19 tháng 3, 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