Được tạo bởi Blogger.
(HN) - (TP.HCM)
RSS
Hiển thị các bài đăng có nhãn Recent-Posts. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Recent-Posts. Hiển thị tất cả bài đăng

Thứ Tư, 24 tháng 9, 2014

Demo ngay trên trang chủ của mình nhé
Tiện ích này rất thích hợp cho các trang giới thiệu phần mềm, ebook, quảng cáo sản phẩm,…làm cho Blog của bạn trông ngăn nắp và chuyên nghiệp hơn









Thực hiện: (đưa vào tiện ích)
1. Vào Thiết kế > Phần tử trang
2. Tạo một widget HTML/JavaScript và dán code bên dưới vào :
<style type="text/css"> 

#itechplus-rc-3cot {width:516px;} 
table#itechplus-rc-3cot {border:1px solid #ccc;} 
#rc-3cot {padding:0 8px;width:30%;} 
#rc-3cot p{padding:0;margin:0 0 5px 0;} 
#rc-3cot img {margin:10px 9px 5px -15px; height:120px; width:165px; border:1px solid #ccc; padding:1px;} 
#rc-3cot a:link {font:bold 12px arial;} 
#itechplus-rc-3cot h2 { 
background:url(#) no-repeat top left; 
padding:5px 0 14px 15px; 
font:bold 13px Verdana; 
margin:0px; 
color:#fff; 
</style> 
<script type="text/javascript"> 
home_page = "http://www.hacbayit.com/"; 
label = "Template Blogspot"; 
numposts = 6; 
sumTitle = 18; 
colortitle = "#333"; 
imgr = new Array(); 
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQA5RhOtmgSB5GQ1mISALuoMhB8-Cn5bbPU5sSpzh8hhM_TRPiVzUAUfhiPoESNsuC8EToQpElPEqgC5p5uw475ZICoN0YAl6qJ9PtaJdARDxvroEhxTxzfhVcSDPBRmJjtTmZAT5isI/s300/no_image.jpg"; 
showRandomImg = true; 
</script> 
<div id="itechplus-rc-3cot"> 

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('15 O(a,b){8(a.w("<")!=-1){4 s=a.12("<");z(4 i=0;i<s.9;i++){8(s[i].w(">")!=-1){s[i]=s[i].10(s[i].w(">")+1,s[i].9)}}a=s.17("")}b=(b<a.9-1)?b:a.9-2;1c(a.1k(b-1)!=\' \'&&a.w(\' \',b)!=-1)b++;a=a.10(0,b-1);1m a}15 Z(e){j=(1j)?Y.1l((L.9+1)*Y.16()):0;q=U T();4 f=U T();z(4 i=0;i<K;i++){4 g=e.S.R[i];4 h=g.A.$t;4 l;4 n;8(i==e.S.R.9)F;z(4 k=0;k<g.x.9;k++){8(g.x[k].Q==\'18\'){n=g.x[k].H;F}}z(4 k=0;k<g.x.9;k++){8(g.x[k].Q==\'1a\'&&g.x[k].1x==\'1d/1e\'){l=g.x[k].A.12(" ")[0];F}}8("W"J g){4 o=g.W.$t}D 8("N"J g){4 o=g.N.$t}D 4 o="";s=o;a=s.w("<q");b=s.w("E=\\"",a);c=s.w("\\"",b+5);d=s.1b(b+5,c-b-5);8(j>L.9-1)j=0;q[i]=L[j];8((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))q[i]=d;4 p=h.9;8(p>P){f[i]=\'<B v="u-r"><C><q G="\'+h+\'" E="\'+q[i]+\'"/><p><a A="\'+h+\'" H="\'+n+\'" V="M:\'+X+\';">\'+O(h,P)+\' ...</a></p><C></B>\'}D{f[i]=\'<B v="u-r"><C><q G="\'+h+\'" E="\'+q[i]+\'"/><p><a A="\'+h+\'" H="\'+n+\'" V="M:\'+X+\';">\'+h+\'</a></p></C></B>\'}}4 m=K/3;6.7("<11 1f=\\"0\\" 1g=\\"0\\" 1h=\\"0\\" v=\\"1i-u-r\\">");z(4 j=0;j<m;j++){8(j%3==0){6.7("<y v=\\"u-r-13\\">");6.7(f[j*3]);6.7(f[j*3+1]);6.7(f[j*3+2]);6.7("<y v=\\"u-r-13\\">");6.7("</y>")}D{6.7("<y v=\\"u-r-14\\">");6.7(f[j*3]);6.7(f[j*3+1]);6.7(f[j*3+2]);6.7("<y v=\\"u-r-14\\">");6.7("</y>")}}6.7("</11>")}6.7("<I E=\\""+1n+"1o/1p/1q/-/"+1r+"?1s-1t="+K+"&1u=1v&G=1w-J-I&19=Z\\"><\\/I>");',62,96,'||||var||document|write|if|length|||||||||||||||||img|3cot|||rc|id|indexOf|link|tr|for|title|td|center|else|src|break|alt|href|script|in|numposts|imgr|color|summary|removeHtmlTag|sumTitle|rel|entry|feed|Array|new|style|content|colortitle|Math|showrecentposts99|substring|table|split|top|bottom|function|random|join|alternate|callback|replies|substr|while|text|html|border|cellspacing|cellpadding|itechplus|showRandomImg|charAt|floor|return|home_page|feeds|posts|default|label|max|results|orderby|published|json|type'.split('|'),0,{}))
//]]>
</script>


<p style="float:right;margin:0;padding:3px"><a href="http://www.hacbayit.com/search/label/Template%20Blogspot?&max-results=10"></a></p> 
</div>
3. Lưu lại và xem kết quả.
☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào thiết kế
3- Chọn Phầnt ử trang.

4- Chọn Thêm tiện ích => Chọn HTML/Javarscip và dán đoạn code bên dưới vào:

<style type="text/css">
    #itechplus-rc-3cot {width:300px;}
    table#itechplus-rc-3cot {border:1px solid #dfdfdf;}
    #rc-3cot {padding:0 8px;width:30%;}
    #rc-3cot p{padding:0;margin:0 0 5px 0;}
    #rc-3cot img {margin:8px 0 2px; height:60px; width:50px; border:1px solid #ccc; padding:1px;}
    #rc-3cot a:link {font:bold 12px Arial;}
    #itechplus-rc-3cot h2 {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglamIjG7VqRE_bviH95nSvsJhll0dyu0hfKr5jkCwug1CDrKe90FRqMboES71SbKJUXMPv8LsYupuVk1X8-qEA3u9y-Zhd7-18VTJMVmJu2bAPS5bNMOECOEXoEZlgwp9WdL8Qa3VGYmGU/s34/bg_menu.png) repeat-x;
    font:bold 13px Arial;
    margin:0px;
    color:#fff;
    }
   </style>
<script type="text/javascript">
    home_page = "http://123toiyeucntt.blogspot.com/";
    label = "Internet và E-mail";
    numposts = 9;
    sumTitle = 24;
    colortitle = "#333";
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQA5RhOtmgSB5GQ1mISALuoMhB8-Cn5bbPU5sSpzh8hhM_TRPiVzUAUfhiPoESNsuC8EToQpElPEqgC5p5uw475ZICoN0YAl6qJ9PtaJdARDxvroEhxTxzfhVcSDPBRmJjtTmZAT5isI/s300/no_image.jpg";
    showRandomImg = true;
</script>
<div id="itechplus-rc-3cot">
<h2>
Mạng máy tính</h2>
<script src="https://hohoangthai12.googlecode.com/files/hohoangthai-rc-3cot.js" type="text/javascript">
</script></div>
5. Lưu lại và xem kết quả
Chúc các bạn thành công!