Blog Luân IT
Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới

Như những code truyền thống chúng ta phải sử dụng javascript khá lằng nhằng và phức tạp để tạo nên hiệu ứng tuyết rơi cho web. Nhược điểm là khi chạy sẽ làm nặng trang và web đơ đơ rất khó chịu. Với sự phát triển của css3 thì việc tạo nên hiệu ứng tuyết rơi trở nên đơn giản hơn bằng animation

Code này có thể áp dụng cho mọi web không riêng gì cho blogspot. Các bạn cứ post bên trên thẻ body là được

Tạo hiệu ứng bông tuyết rơi cho trang Blopspot CSS3 Snow Animation , Bạn sẽ có một website lung linh .đón giáng sinh .


Bước 1: Đăng nhập vào Blogger Dashboard, rồi chọn Template -> Edit Html .
Bước 2: Các bạn nhấn Ctrl + F rồi tìm kiếm với từ khóa sau : </body> rất đơn giản, chỉ cần copy paste đoạn mã dưới đây vào trên thẻ </body> là được.
<style type="text/css">
.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%}
.snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite}
.snow.foreground{background-image:url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-webkit-animation-duration:15s;animation-duration:10s}
.snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s}
.snow.middleground{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);-webkit-animation-duration:20s;animation-duration:15s}
.snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}
.snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-duration:25s;animation-duration:20s}
.snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s}
@-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}
@keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}
</style>
<div class='snow-container'>
<div class='snow foreground'></div>
<div class='snow foreground layered'></div>
<div class='snow middleground'></div>
<div class='snow middleground layered'></div>
<div class='snow background'></div>
<div class='snow background layered'></div>
</div>
Phần bên trên tức là css để tạo nên hiệu ứng
Phần thứ 2 là mã html để thực hiện những gì mà css tạo nên
Share Code

Share CSS3 Animation Hiệu Ứng Tuyết Rơi cho Web/Wap/Blog Đẹp Mắt

Như những code truyền thống chúng ta phải sử dụng javascript khá lằng nhằng và phức tạp để tạo nên hiệu ứng tuyết rơi cho web. Nhược điểm l...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới

Xin chào các bạn mình làm blogspot mới được 1 thời gian ngắn nên chỉ chia sẻ được những cái nhỏ nhặt và đơn giản nhất. Những ai biết rồi thì đừng ném đá nhé ^^. Nguyên lý của code này cũng rất đơn giản nó chỉ là 1 đoạn Javascript lấy tiêu đề rồi cắt từng kí tự ra sau đó gắn link tìm kiếm (search) theo từng kí tự đó. Rất đơn giản đúng không? Nó không lằng như những SEO TAGS khác được chia sẻ cho blogger nên anh em yên tâm về độ nhẹ



Và sau đây là javascript CODE (có thể đặt phía trên thẻ </body> để hiển thị ở mọi nơi)
Các bạn sử dụng edit lại link cũng như thay css cho đẹp nhé

&lt;script type=&quot;text/javascript&quot;&gt;
var th=document.title;
tags=th.split(&quot; &quot;);
for (var i=0;i&lt;tags.length;i++)
{
document.write(&#39;&lt;a target=&quot;_blank&quot; href=&quot;http://www.xemvl.net/p/search.html?q=&#39;+tags [i]+&#39;&quot;&gt;&#39;+tags[i]+&#39;&lt;/a&gt;, &#39;);
}
&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
var th=document.title;
tags=th.split(&quot; &quot;);
for (var i=0;i&lt;tags.length;i++)
{
document.write(&#39;&lt;a target=&quot;_blank&quot; href=&quot;http://www.xemvl.net/search?q=&#39;+tags [i]+&#39;&quot;&gt;&#39;+tags[i]+&#39;&lt;/a&gt;, &#39;);
}
&lt;/script&gt;

Như vậy đã xong. Bạn nào chưa hiểu hãy comment bên dưới. Code trên đã được convert html nên post ở blogspot thoải mái
Share Code

Share CODE SEO lấy Tiêu Đề (Title) làm Từ Khóa (Tags) cho Blogger Blogspot

Xin chào các bạn mình làm blogspot mới được 1 thời gian ngắn nên chỉ chia sẻ được những cái nhỏ nhặt và đơn giản nhất. Những ai biết rồi th...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới







Gridisme là một lựa chọn lý tưởng cho trang blog cá nhân với các tính năng nổi bật như chuẩn Responsive,Tối ưu hoá Seo,tự động thay đổi kích thước hình ảnh thu nhỏ,tối ưu hoá vị trí quảng cáo,... chắc chắn sẽ làm bạn hài lòng!

Một số tính năng



  • Load nhanh

  • Có giao diện Responsive

  • Hỗ trợ chơi GA

  • Thiết kế đẹp mắt, đơn giản.

  • ...


Template Blogger

Share Gridisme Responsive Blogger Template

DEMO DOWNLOAD Gridisme là một lựa chọn lý tưởng cho trang blog cá nhân với các tính năng nổi bật như chuẩn Resp...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới

Việc chuyển tiếng việt có dấu sang tiếng việt không dấu rất tốt cho những ai SEO Giỏi. Bởi tiếng việt không dấu sẽ được tìm kiếm nhiều hơn. Và sau đây mình xin tổng hợp những cách chuyển từ tiếng việt có dấu sang tiếng việt không dấu nhanh nhất bằng jquery và javascript

Cách 1

Cách đầu tiên là cách mình hay dùng đó là sử dụng javascript replace các chữ cái có dấu thành chữu cái không dấu. Việc này khi bạn cho nội dung vào thì mỗi khi load trang nó sẽ tự động chuyển sang tiếng việt không dấu cho bạn luôn

<span name='tags'>Nội dung tiếng việt có dấu</span>
<script language='javascript'>
var w=window.innerWidth;
var msg = document.getElementsByName(&quot;tags&quot;);
for (var i = 0; i &lt; msg.length; i++) {
var oldtext = document.getElementsByName(&quot;tags&quot;)[i].innerHTML;
var newtext = oldtext.replace(/(^|[\n ])([\w]+?:\/\/[^ ,\&quot;\n\r\t&lt;]*)/ig, &quot;$1<a href='$2' target='_blank'>$2</a>&quot;);
newtext = newtext.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/ig, &#39;a&#39;);
newtext = newtext.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/ig, &#39;e&#39;);
newtext = newtext.replace(/ì|í|ị|ỉ|ĩ/ig, &#39;i&#39;);
newtext = newtext.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/ig, &#39;o&#39;);
newtext = newtext.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/ig, &#39;u&#39;);
newtext = newtext.replace(/ỳ|ý|ỵ|ỷ|ỹ/ig, &#39;y&#39;);
newtext = newtext.replace(/đ/ig, &#39;d&#39;);

document.getElementsByName(&quot;tags&quot;)[i].innerHTML = newtext;
}
</script>

Mỗi khi load trang nội dung trong name='tags' sẽ được chuyển thành tiếng việt không dấu

Cách 2

Cách này sẽ sử dụng jquery thay đổi tiếng việt có dấu thành tiếng việt không dấu trong khung nhập chỉ bằng 1 click

$(function () {
$(".textbox").keyup(function () {
var text = $(this).val();
var text_create;
text_create = text.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a").replace(/\ /g, '-').replace(/đ/g, "d").replace(/đ/g, "d").replace(/ỳ|ý|ỵ|ỷ|ỹ/g,"y").replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g,"u").replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ.+/g,"o").replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ.+/g, "e").replace(/ì|í|ị|ỉ|ĩ/g,"i");
$('.divclass').text(text_create);
}).keyup();
});

textbox và div thay đổi cùng 1 lúc khi mình nhập ký tự vào textbox

Cách 3

Cách này dành cho PHP nhé

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Chuyển Chuỗi</title>
</head>

<body>
<?function chuyenChuoi($str) {// In thường $str = preg_replace("/(à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ)/", 'a', $str); $str = preg_replace("/(è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ)/", 'e', $str); $str = preg_replace("/(ì|í|ị|ỉ|ĩ)/", 'i', $str); $str = preg_replace("/(ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ)/", 'o', $str); $str = preg_replace("/(ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ)/", 'u', $str); $str = preg_replace("/(ỳ|ý|ỵ|ỷ|ỹ)/", 'y', $str); $str = preg_replace("/(đ)/", 'd', $str); $str = html_entity_decode ($str); $str = str_replace(array(' ','_'), '-', $str); $str = html_entity_decode ($str); $str = str_replace("ç","c",$str); $str = str_replace("Ç","C",$str); $str = str_replace(" / ","-",$str); $str = str_replace("/","-",$str); $str = str_replace(" - ","-",$str); $str = str_replace("_","-",$str); $str = str_replace(" ","-",$str); $str = str_replace( "ß", "ss", $str); $str = str_replace( "&", "", $str); $str = str_replace( "%", "percent", $str); $str = str_replace("----","-",$str); $str = str_replace("---","-",$str); $str = str_replace("--","-",$str); $str = str_replace(".","-",$str); $str = str_replace(",","",$str);// In đậm $str = preg_replace("/(À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ)/", 'A', $str); $str = preg_replace("/(È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ)/", 'E', $str); $str = preg_replace("/(Ì|Í|Ị|Ỉ|Ĩ)/", 'I', $str); $str = preg_replace("/(Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ)/", 'O', $str); $str = preg_replace("/(Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ)/", 'U', $str); $str = preg_replace("/(Ỳ|Ý|Ỵ|Ỷ|Ỹ)/", 'Y', $str); $str = preg_replace("/(Đ)/", 'D', $str); return $str; // Trả về chuỗi đã chuyển } ?>
<?php $vsnet1='Chia sẻ kiến thức lập trình, mã nguồn %';$vsnet2=chuyenChuoi($vsnet1); echo "Chuỗi ban đầu:"; echo $vsnet1. "<br>"; echo "Chuỗi sau khi chuyển: "; echo $vsnet2;?></body>
</html>

Tạm thời từng ấy cái đã mình sẽ sưu tầm thêm những cách khác. Có gì các bạn cứ comment nhiệt tình mình sẽ hỗ trợ
Share Code

Share CODE chuyển Tiếng Việt Có Dấu sang Tiếng Việt Không Dấu nhiều cách

Việc chuyển tiếng việt có dấu sang tiếng việt không dấu rất tốt cho những ai SEO Giỏi. Bởi tiếng việt không dấu sẽ được tìm kiếm nhiều hơn. ...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới


Một số tính năng
  • Load nhanh
  • Có giao diện Responsive
  • Thích hợp làm blog cá nhân
  • Thiết kế đẹp mắt, đơn giản.
  • ...
Template Blogger

Share MDFostrap Red Responsive Blogger Template

DEMO DOWNLOAD Một số tính năng Load nhanh Có giao diện Responsive Thích hợp làm blog cá nhân Thiết kế đẹp mắt, đơn giản. ...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới


Hôm nay mình share thêm 1 mẫu template tin tức đẹp từ ThemeXpose, các bạn xem demo và download ở link dưới:
Đặc điểm của Dens Blog / Magazine Responsive Template Blogger:
  • Thiết kế Responsive - Kiểm tra
  • Tối ưu SEO - Kiểm tra
  • Thiết kế thân thiện với di động - Kiểm tra
  • Load nhanh - Kiểm tra
  • Hỗ trợ Youtube thumbnail
  • Kích thước hình ảnh được thu nhỏ tự động ngoài trang chủ
  • Hiển thị bài viết theo Label
  • Bài đăng gần đây theo Label
  • Hỗ trợ các bài viết liên quan
  • Quảng cáo GA
  • Author tác giả hình ảnh
  • Đăng kí nhận tin qua email
  • Lỗi tùy chỉnh 404 trang
  • Thích hợp làm blogger tin tức
  • Tương thích với các trình duyệt chính (IE8 +, Mozilla, Chrome, Safari)



Template Blogger

Dens Blog/Magazine Responsive Blogger Template

Hôm nay mình share thêm 1 mẫu template tin tức đẹp từ ThemeXpose, các bạn xem demo và download ở link dưới: DEMO DOWNLOAD Đặc điểm của Dens ...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới


Tempalte này thích hợp cho những bạn làm site cá nhân, có giao diện Responsive, các bạn có thể xem demo nếu thích thì tải về dùng. Template này sidebar được thiết kế ở bên trái template.
Một số tính năng
  • Load nhanh
  • Có giao diện Responsive
  • Hỗ trợ chơi GA
  • Thiết kế đẹp mắt, đơn giản.
  • ...

Template Blogger

Simply Mag template blogspot Responsive

DEMO DOWNLOAD Tempalte này thích hợp cho những bạn làm site cá nhân, có giao diện Responsive, các bạn có thể xem demo nếu thích thì tải về d...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới


 Jupiter là một mẫu temlate tin tức mới, thích hợp làm site tin tức. Có giao diện Reponsive. Load nhanh,.. Không giới thiệu gì thêm. Các bạn xem demo thích thì tải về dùng ngay :-)


Template Blogger

Share Jupiter Blogger Template

 Jupiter là một mẫu temlate tin tức mới, thích hợp làm site tin tức. Có giao diện Reponsive. Load nhanh,.. Không giới thiệu gì thêm. Các bạn...

BLOGLUANIT.COM

Blog Luân IT

Nguyễn Thành Luân đã đăng một bài viết mới


MỘT SỐ TÍNH NĂNG:
  • Chuẩn SEO
  • Có giao diện Responsive
  • Giao diện đẹp
  • Menu dropdown
  • Và một số tính năng khác, các bạn tải về và trải nghiệm nhé.
Template Blogger

Share template blog tin tức đẹp chuẩn seo

DEMO DOWNLOAD MỘT SỐ TÍNH NĂNG: Chuẩn SEO Có giao diện Responsive Giao diện đẹp Menu dropdown Và một số tính năng khác, các bạn tải về và tr...

BLOGLUANIT.COM

-->