-->
Tôi yêu Blog and Facebook Tôi yêu Blog and Facebook
9/10 999 bài đánh giá
"thích Một phút xa nhau ngàn phút nhớ
Một lần gặp gỡ vạn lần mơ
Không ở bên cạnh, không có nghĩa là không yêu
Không nói chuyện nhiều,không có nghĩa là không nhớ
Dù chẳng gần nhưng vẫn ở trong tim
Thời gian không lâu nhưng tình sâu đậm
Yêu không nhiều nhưng mãi không quên thích ♥"
|

Friday, October 19, 2012

Cách hiển thị văn bản theo kiểu đánh máy


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments
Cách hiển thị văn bản theo kiểu đánh máy


Bài viết sẽ hướng dẫn các bạn lập trình web hiệu ứng văn bản hiển thị theo kiểu đánh máy.






Hướng dẫn

  • 1
    Lưu đoạn code sau thành file có tên tt.js
    var content = "Your typewriter text goes here";

    function twDisplayTW() {twDisplay('tw',content,0);}
    loaded('tw',twDisplayTW);

    var brk = '~'; // character to use for line break
    var resetTime = 0; // set to 0 to not reset or seconds to delay before reset

    function twDisplay(id,content,num) {var delay = 140; if (num <= content.length) {var lt = content.substr(0,num); document.getElementById(id).innerHTML = lt.replace(RegExp(brk,'g'),'<br \/>'); num++; if (num > content.length) delay = resetTime * 1000;} else {document.getElementById(id).innerHTML = ''; num = 0;} if (delay > 0) setTimeout('twDisplay("'+id+'","'+content+'","'+num+'")',delay);} var pageLoaded = 0; window.onload = function() {pageLoaded = 1;}; function loaded(i,f) {if (document.getElementById && document.getElementById(i) != null) f(); else if (!pageLoaded) setTimeout('loaded(\''+i+'\','+f+')',100);}
  • 2
    Lưu đoạn code css sau thành file tt.css
    #tw {
    width : 400px;
    height : 460px;
    border : 1px solid #000;
    background-color :#ccc;
    padding : 5px;
    font-family : "courier new",courier,monospace;
    font-size : 18px;
    }
  • 3
    Đặt đoạn code sau vào thẻ <head> :
    <script type="text/javascript" src="tt.js">

    </script>

    <link rel="stylesheet" href="tt.css" type="text/css">
  • 4
    Đặt đoạn code HTML sau vào thẻ <body>:
    <div id="tw"></div>
READ MORE

Cách tạo image slide


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments
Cách tạo image slide


jCarousel là một plugin của Jquery dùng để tạo image slide cho trang web.






Hướng dẫn

  • 1
    Tải jCarousel pulugin tại địa chỉ http://sorgalla.com/projects/download-zip.php?jcarousel
  • 2
    Giải nén tập tin vừa tải, copy 2 thư mục lib(chứa thư viện javascript) và skins(chứa các giao diện cho slide) vào thư mục web của bạn.
  • 3
    Đặt đoạn mã sau vào thẻ <head> của trang web để load các thư viện javascript và css
    <!--
    jQuery library
    -->
    <script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script>
    <!--
    jCarousel library
    -->
    <script type="text/javascript" src="lib/jquery.jcarousel.min.js"></script>
    <!--
    jCarousel skin stylesheet
    -->
    <link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />
  • 4
    Đặt đoạn mã sau vào thẻ <head> để khởi tạo jCarousel
    <script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    visible: 4
    });
    });
    </script>
  • 5
    Đặt đoạn mã sau vào thẻ <body> tại vị trí muốn hiển thị slide
    <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="images/image1.jpg" width="75" height="75" alt="" /></li>
    <li><img src="images/image2.jpg" width="75" height="75" alt="" /></li>
    <li><img src="images/image3.jpg" width="75" height="75" alt="" /></li>
    <li><img src="images/image4.jpg" width="75" height="75" alt="" /></li>
    </ul>
  • 6
    Kết quả hiển thị slide trên trang web
READ MORE

Cách kiểm tra địa chỉ email trong Javascript với Regular Expression


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments


Regular Expression - Biểu thức chính quy sẽ giúp bạn kiểm tra tính đúng đắn của một địa chỉ email một cách nhanh chóng. Bài viết sẽ hướng dẫn các bạn thực hiện việc này trong ngôn ngữ Javascript.








Hướng dẫn

  • 1
    Viết một hàm để kiểm tra tính đúng đắn của địa chỉ email
    <script type="text/javascript">
    function isEmail(email) {
    var isValid = false;
    var regex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if(regex.test(email)) {
    isValid = true;
    }
    return isValid;
    }
    </script>
    Hàm này sẽ nhận một tham số là địa chỉ email và kết quả trả về kiểu Boolean. Chuỗi regex là biểu thức chính quy dùng để kiểm tra địa chỉ email đưa vào.
  • 2
    Khi dùng hàm này, bạn có thể gọi như sau
    <script type="text/javascript">
    var email = 'abc@vnhow.vn';
    if(isEmail(email)) {
    alert(email + ' là một địa chỉ email đúng');
    } else {
    alert(email + ' là một địa chỉ email sai');
    }
    </script>
READ MORE

Seo Tiêu Đề BlogSpot (Title)


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments

 Seo Tiêu Đề BlogSpot

Tiêu đề mặc định của BlogSpot có dạng: Tiêu đề Blog: Tiêu đề bài viết
Để tối ưu hóa chuẩn seo bạn sử code như sau:
- Tìm tới đoạn :
<title><data:blog.pageTitle/></title>
- Sửa thành :

<b:ifcond='data:blog.pageType=="item"'><title><data:blog.pageName/>|<data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title></b:if> 
READ MORE

Wednesday, October 17, 2012

Tạo màu nền riêng biệt cho các comment


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments
Tạo màu nền riêng biệt cho các comment

Giới thiệu: Thủ thuật sẽ tạo ra các màu nền riêng xen kẽ nhau cho các comment, và sẽ lặp lại một cách tuần tự. Ví dụ như: Comment đầu tiên màu hồng, comment tiếp theo màu xanh, comment kế đến nữa lại màu hồng,… và cứ lặp tuần tự như vậy.


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script

Bước 1: Yêu cầu phải có jQuery. (Có rồi thì bỏ qua)



Bước 2: Tìm dòng ]]></b:skin>

- Thêm vào trước nó đoạn Code CSS sau:


/*Màu nền comment (1)*/
.comment-body.style1 {
background:#339966;
}
.comment-body.style2 {
background:#3366ff;
}
#339966: Mã màu xanh lá.
#3366ff: Mã màu xanh dương.

Bạn có thể đổi mã màu lại cho thích hợp với blog.


Bước 3: Tìm thẻ đóng </head>

- Thêm vào trên nó đoạn Javascript sau:


<!-- Màu nền comment (2) -->
<script type='text/javascript'>
$(document).ready(function(){
$(".comment-body:nth-child(2n+0)").addClass("style1");
$(".comment-body:nth-child(2n+1)").addClass("style2");
});
</script>

Bước 4: Save template. (Lưu mẫu)


Hướng dẫn mở rộng

Như các bạn đã thấy, ở trên là hướng dẫn cho các bạn cách hiển thị tuần tự theo 2 màu nền, giờ sẽ hướng dẫn thêm vào thành 3, 4 màu tuần tự, tùy theo ý thích của bạn.

Thay đổi code ở bước 2 và 3 như sau:

- Ở Bước 2 thay vì code CSS chỉ có 2 dòng, thì ở đây ta tùy biến thêm nhiều dòng nữa để ứng với nhiều màu cho việc hiển thị nền comment.


/*Màu nền comment (1)*/
.comment-body.style1 {
background:#3366ff;
}
.comment-body.style2 {
background:#339966;
}
.comment-body.style3 {
background:#343434;
}
.comment-body.style4 {
background:#ccc;
}

- Ở Bước 3 thay vì Code javascript chỉ có 2 dòng 2n+02n+1 // đây là code xác định các comment để hiển thị màu nền.

- Nếu bạn muốn lặp nó với 4 màu thì ta thay số 2 thành số 4, và thêm 2 dòng nữa, ta được: 4n+04n+14n+24n+3.


<!-- Màu nền comment (2) -->
<script type='text/javascript'>
$(document).ready(function(){
$(".comment-body:nth-child(4n+0)").addClass("style1");
$(".comment-body:nth-child(4n+1)").addClass("style2");
$(".comment-body:nth-child(4n+2)").addClass("style1");
$(".comment-body:nth-child(4n+3)").addClass("style2");
});
</script>

- Mở rộng ra, bạn có thể thêm các thuộc tính khác vào các class (ở bước 2), để tạo nên sự khác biệt rõ ràng, như : màu chữ, font chữ, đường viền, căn lề,…

Save template. (Lưu mẫu)


THE END.
READ MORE

Bài Viết Chuyển Động Ngang Có Thumbnail


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments
Bài Viết Chuyển Động Ngang Có Thumbnail
1. Đăng nhập vào tài khoản blogspot
2. Vào thiết kế (Design) chọn chỉnh sửa HTML (Edit HTML)
3. Chọn mở rộng tiện ích
4. Chèn code bên dưới vào trước thẻ ]]></b:skin>

/* ---- Slide NhocLak.Com ---*/
#carousel{
width:978px;
height:330px;
position:relative;
display:block;
background:#e2e2e2 url(http://4.bp.blogspot.com/-WmZK0suPHKY/UBLFJvoZMgI/AAAAAAAAAcc/wRSGcoSnl_A/s1600/outer.png) repeat-x top;
margin:0 auto;
padding:0 auto}
#carousel .container{position:absolute;left:25px;width:920px;height:330px;overflow:hidden}
#carousel #previous_button{position:absolute;width:25px;height:330px;background:url(http://1.bp.blogspot.com/-i4Ljjxe2LCA/UBLFQySR11I/AAAAAAAAAck/mwn2r7mw3bg/s1600/prev.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:25px;height:330px;background:url(http://2.bp.blogspot.com/-skWY8tCLJzQ/UBLFY_1A9TI/AAAAAAAAAcs/xExpI4fBHxs/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel #previous_button:hover,#carousel ul li:hover{filter:alpha(opacity=80);opacity:.8}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{
background:#fff;
display:inline;
float:left;
text-align:center;
font-weight:700;
line-height:1.2em;
width:200px;
height:300px;
margin:0 3px 20px 9px;
padding:8px;border:1px solid #ccc;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:0 0 3px #bbb;
-moz-box-shadow:0 0 3px #bbb;
-webkit-box-shadow:0 0 3px #bbb;}
#carousel ul li a.slider_title{color:#333;display:block;margin-top:5px;}
#carousel ul li a.slider_title:hover{color:#1977b0}
/* ---- End Slide NhocLak.Com ---*/

5. Tiếp đến bạn chèn code bên dưới vào sau thẻ </head>

<!-- Slide NhocLak.Com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://dl.dropbox.com/u/80438993/jquery/switch.display.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){var $box=jQuery(&#39;.post&#39;),$bar=jQuery(&#39;a.bar_view&#39;);$dat=jQuery(&#39;a.dat_view&#39;);$dat.click(function(){$box.removeClass(&quot;bar&quot;);jQuery(this).addClass(&#39;active&#39;);$bar.removeClass(&#39;active&#39;);jQuery.cookie(&#39;dat_style&#39;,0);return false});$bar.click(function(){$box.addClass(&quot;bar&quot;);jQuery(this).addClass(&#39;active&#39;);$dat.removeClass(&#39;active&#39;);jQuery.cookie(&#39;dat_style&#39;,1);return false});if(jQuery.cookie(&#39;dat_style&#39;)==0){$box.removeClass(&quot;bar&quot;);$dat.addClass(&#39;active&#39;)}else{$box.addClass(&quot;bar&quot;);$bar.addClass(&#39;active&#39;)}});
</script>
<script src='https://dl.dropbox.com/u/80438993/jquery/jcarousellite.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="http://1.bp.blogspot.com/-Wzr_qMIEcE0/UBLGAhNY9KI/AAAAAAAAAc0/ckx0oDGbhTY/s1600/no-video.gif";showRandomImg=true;aBold=true;summaryPost=200;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="200" height="250" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';document.write(trtd);j++}document.write('</ul>')}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var trtd='<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="100" height="69" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';document.write(trtd);j++}}function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://1.bp.blogspot.com/-Wzr_qMIEcE0/UBLGAhNY9KI/AAAAAAAAAc0/ckx0oDGbhTY/s1600/no-video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 10px 10px 0;float:left;background:#e6e6e6 url(http://1.bp.blogspot.com/-H5BqIOdcR-s/UBLGNZ-8hqI/AAAAAAAAAc8/WrsTelybrIc/s1600/bar-bg2.png) repeat-x top;border:1px solid #c9c9c9;');if(i!=0)document.write('background:#e6e6e6 url(http://1.bp.blogspot.com/-H5BqIOdcR-s/UBLGNZ-8hqI/AAAAAAAAAc8/WrsTelybrIc/s1600/bar-bg2.png) repeat-x top;border:1px solid #c9c9c9;"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/><div style="width:132px;padding:0 10px;color:#333;height:35px;text-align:center;margin:0px 0px; font:14px PT Sans Narrow; line-height:16px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
<!-- End Slide NhocLak.Com -->


6. Tiếp bạn thêm đoạn code sau vào nơi bạn muốn hiện thị

<!-- Slide NhocLak.Com -->
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Phim Cấp Ba 18?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>  
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,  
    visible: 4,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)  
</script>
</b:if>
<!-- End Slide NhocLak.Com -->

7. Saved template là xong

Chúc Các Bạn Thành Công
READ MORE

Wednesday, October 10, 2012

Bài viết ngẫu nhiên tốc độ cao cho Blogger


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments
Bài viết ngẫu nhiên cho Blogger



Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}


Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Random Posts. Hiệu chỉnh Tiêu đề và dán đoạn mã dưới đây vào phần Nội dung rồi chọn LƯU.

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7KxrOK8K46C3064eqztdbojCp4Z-SsBjVvFxS8z_wtbi3vdov0dYqeLuk-6dFOhHwFMwusy_ICWmcw53gQLbPht7jsCUtZ8Hc3dpMvNteKiqI01nFuoZUWmjBZavVb_E1pw6HvdKhsuNB/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

READ MORE

Slider cho Blogspot kiểu thu gọn, mở rộng hình ảnh


Nguyễn Mạnh CườngNếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
No comments
Slider cho Blogspot
Loại Slider này thường thấy ở Wordpress, nhưng có thể đây là lần đầu tiên bạn thấy nó trên Blogger. Nội dung trên Slider thường là các bài đăng mà bạn tâm đắc (hoặc những hình ảnh bạn thích) như vậy sẽ thu hút thêm 1 lượng traffic cho blog của bạn và góp phần xây dựng Sitelinks theo ý muốn.



Trước tiên các bạn chèn đoạn CSS sau phía trên ]]></b:skin>

#slider{height:300px;margin:auto;padding:20px 0;width:900px;position:relative}
#slider h2{display:none}
.kwicks_container{width:900px;margin:0 auto}
#top .kwicks{list-style:none;position:relative;margin:0;padding:0;width:900px;height:300px;z-index:2}
#top .kwicks li{display:block}
.kwicks li{display:block;float:left;overflow:hidden;padding:0;cursor:pointer;width:180px;height:300px;z-index:2}
.kwicks li a{outline:none;display:block;z-index:100;cursor:pointer;text-decoration:none;color:#FFF}
li#kwick{-moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333}
.kwicks a:hover,.kwicks #active{color:#f1f1f1}
.slider{background:#222;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8}
.slider{width:570px;position:absolute;display:block;bottom:0;left:0;z-index:2;padding:5px 15px;font-size:12px;line-height:1em;cursor:pointer}
.sliderheading{display:block;font-size:15px;margin:10px 0}

Lưu lại, tiếp tục tìm đến đoạn <div id='content-wrapper'> hoặc <div id='container'> (cái này trên mỗi template sẽ khác!)

Chèn phía trên nó đoạn này:


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://noctland.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://noctland.googlecode.com/files/jquery.kwicks-1.5.1.js' type='text/javascript'/>
<b:section id='slider' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML90' locked='true' title='Slider' type='HTML'/>
</b:section>
</b:if>

Đoạn code trên sẽ tạo một tiện ích HTML/Javascript mới trên blog của bạn, hãy quay lại Phần tử trang và chèn vào tiện ích đó đoạn sau:
<div class="kwicks_container">
<ul class="kwicks">

<li id="kwick">
<a href="URL">
<span class="slider">
<span class="sliderheading">Post Title 1</span></span>
<img width="600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzypvSWLPUmTUOvdoZDgSPezDsqyo3vhwrrHrh8fJ93elt7biX7b9eZXVNbjTiO2rVlHSBsnzVeTxtdN5gk8m_E41rO_EEo4F-haTUue-3Bg32ZP-M38HyRByM8MC7NuuMEqT66jpMxeA/"/></a></li>

<li id="kwick">
<a href="URL">
<span class="slider">
<span class="sliderheading">Post Title 2</span></span>
<img width="600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE0THW2lAjiGsh3LxS-ZNb7-QXq_edUy1brejJo_TkBNDNcWS4zRwkP2RBViPjHvZIsMXSOowiuifE7E772lLf3fFAYzFaQZAUr_HZIaQTPN5jJJ0MjEu3BU6vQ7z7LbwpsyZ6HBwgtYw/"/></a></li>

<li id="kwick">
<a href="URL">
<span class="slider">
<span class="sliderheading">Post Title 3</span></span>
<img width="600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB2Mn5F5VXXl1wsytEQPpQ7WMz2g0P4KgrJ0LxA8Z8ukHK5A9d23YpNlR7PNgecKFXJLGfUr6hLjjLkXf22_yNgz9RVnWXwzn4N-LiznyrrZ4z0LwXWYjYK00hcK6o76SFitJHWZ6yhlQ/"/></a></li>

<li id="kwick">
<a href="URL">
<span class="slider">
<span class="sliderheading">Post Title 4</span></span>
<img width="600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSE-sZZBE7EH9hCW8Vwi59fc2BZo4BbMhrzLJ5-g8A-3kzo2JVrpf8UAfZGO1vJ1VnHyyp0TDH8FT9BH1tL2jUIAboPSOOOTVwihLjXQO5J05iFFLZ1vcykeeCr9ciaGte6EqypUzct7c/"/></a></li>

<li id="kwick">
<a href="URL">
<span class="slider">
<span class="sliderheading">Post Title 5</span></span>
<img width="600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDs65W0O1jMcHDV6BM2UpUZVJdP4ndmhM2jsG0-JzvAnlU-gaNQ5mWtzP0Ct0Ka7xlqqiZC49UBddF7VWA4PnjUGVqUA63CK15SX_RxTeTDKnTjtnIBGnjMpTlixNuG45UNkP_m3pXNDA/"/></a></li>

</ul></div>

READ MORE