Usb Kingston DT101 G2 4Gb giá rẻ Chỉ với 86k


Giá rẻ chỉ với 86,000đ
Thời gian bảo hành lên đến 2 năm

Advanced JPEG Compressor - Trình nén ảnh tốt nhất



Advanced JPEG Compressor là phần mềm hàng đầu thế giới về nén ảnh ở định dạng JPEG, chuyển đổi ảnh từ các định dạng khác thành ảnh JPEG. Định cỡ các bức ảnh thành mọi kích thước định sẵn: thumbnail, ảnh cho trang web, ảnh đấu giá, quảng cáo, đồ họa web hoặc tác vụ công việc.



Thanh điều hướng trượt dọc cho blogger



Đây là thanh điều hướng hiển thị trượt dọc bên trái/phải của blog và có 5 lựa chọn điều hướng cho người dùng. 



Các bạn có thể xem demo ở ngay blog này
  1. Đi tới Bài đăng Cũ hơn
  2. Đi tới Bài đăng Mới hơn
  3. Đi tới Bài đăng Ngẫu nhiên
  4. Trở về Trang chủ
  5. Đi lên đầu blog
Làm cách nào để thêm thanh điều hướng vào blog?


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


#float-menu{position:fixed;top:20%;left:0;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#EEE}
#float-menu ul{padding:0}
#float-menu li{margin:5px;list-style-type:none}
#float-menu li,#float-menu li a{width:24px;height:24px}
#float-menu li a{float:left}
#float-menu #menu-right,#float-menu #menu-left,#float-menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBkpaQalXUkzfgNWtY7ZIuVObZsutJZ4xCvDFFCKjvVbnWqPM5rvOKZXQDbJdOVNa3crFyZuYsQfrjopkCgSHgx2VQ9c77eG3QJ83QkK7fdsaeok37WRAc-05kwzLLZTiE-STIixOGOOY/h120/float-menu.png)}
#float-menu #menu-right a{background-position:0 -120px}
#float-menu #menu-right a:hover,#float-menu #menu-right{background-position:-24px -120px}
#float-menu #menu-left a{background-position:0 -24px}
#float-menu #menu-left a:hover,#float-menu #menu-left{background-position:-24px -24px}
#float-menu #menu-random a{background-position:0 -48px}
#float-menu #menu-random a:hover{background-position:-24px -48px}
#float-menu #menu-home a{background-position:0 -72px}
#float-menu #menu-home a:hover{background-position:-24px -72px}
#float-menu #menu-top a{background-position:0 -96px}
#float-menu #menu-top a:hover{background-position:-24px -96px}

Bạn có thể thay skin cho các nút trong thanh điều hướng bằng cách thay link được tô màu vàng bằng các hình ảnh dưới đây




Bước 2: Thêm đoạn mã dưới đây vào sau thẻ <b:includable id='main' var='top'> trong template của bạn.

<div id='float-menu'>
 <ul>
  <li id='menu-right'>
   <b:if cond='data:olderPageUrl'>
    <b:if cond='data:olderPageUrl != data:blog.url'>
     <a expr:href='data:olderPageUrl' rel='prev' expr:title='data:olderPageTitle'></a>
    </b:if>
   </b:if>
  </li>
  <li id='menu-left'>
   <b:if cond='data:newerPageUrl'>
    <b:if cond='data:newerPageUrl != data:blog.url'>
     <a expr:href='data:newerPageUrl' rel='next' expr:title='data:newerPageTitle'></a>
    </b:if>
   </b:if>
  </li>
  <li id='menu-random'>
   <script type='text/javaScript'>//<![CDATA[
   var rdp_current=0;total_posts=0;function totalposts(json){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(){rdp_current=1+Math.round(Math.random()*(total_posts-1))};
   //]]></script>
   <script type='text/javaScript'>//<![CDATA[
   function rdp(json){var dw='';entry=json.feed.entry[0];for(var i=0;i<entry.link.length;i++){if(entry.link[i].rel=='alternate'){rdp_posturl=entry.link[i].href}};dw+='<a href="'+rdp_posturl+'"  title="Bài đăng Ngẫu nhiên" rel="nofollow"></a>';document.getElementById('menu-random').innerHTML=dw;};getvalue();document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current+'&max-results=1&callback=rdp\"><\/script>');
   //]]></script>
  </li>
  <li id='menu-home'>
   <a expr:href='data:blog.homepageUrl' title='Trang chủ'/>
  </li>
  <li id='menu-top'>
   <a href='#' title='Lên trên' rel="nofollow"/>
  </li>
 </ul>
</div>
Nguồn: trollvl.com

Usb Kingston DT101 G2 2Gb giá rẻ Chỉ với 79k


Giá rẻ chỉ với 79,000đ
Thời gian bảo hành lên đến 2 năm

Tiện ích tab bài đăng theo nhãn



Tiện ích này giúp tiết kiệm không gian website/blog khi có nhiều bài đăng cùng một chuyên mục, thích hợp cho những trang báo chí, website/blog bán hàng...



Chèn đoạn script sau trước thẻ </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/013120251122/tabview.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidN48MxRbQjXbOwrJ8OjykJCxInOXwCoj5zxLI5MSVH43-RYY2b2gINrcpKxCUDmCJONx90RmRU7XDJ0f4kL_gyrM5mToFgsOGiF9Sglsj-91QouPWeybpZDYW5_QhMS3iKDKg0Q3F_xM/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=200;summaryPost1=60;summaryTitle=20;numposts1=6;numposts3=6;numposts2=5;numposts=15;Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game";function showrecentposts11(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;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='<div class="column"><a href="'+posturl+'"><img class="column_img" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2></div>';document.write(trtd);j++}}
//]]>
</script>
Chèn đoạn code bên dưới vào nơi cần thể hiện
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='ads1-wrapper'>
<div id='tabber-wrapper'>
<ul class='tab-view'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
<li><a href='#tab4'><script>document.write(Title4);</script></a></li>
<li><a href='#tab5'><script>document.write(Title5);</script></a></li>
<li><a href='#tab6'><script>document.write(Title6);</script></a></li>
</ul><div class='clear'/>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Headphone?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts11\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Loa%20máy%20tính?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts11\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Phát%20Wifi?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts11\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Pin%20Nokia?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts11\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Giảm%20giá%20mới?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab6'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/health?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts11\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='clear'/>
</div></div>
</div>
</b:if>
Chèn đoạn script sau trước thẻ </body>
<script type='text/javascript'>
 //<![CDATA[
jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view li").click(function(){$("ul.tab-view li").removeClass("active");$(this).addClass("active");$(".tabber").hide();var activeTab=$(this).find("a").attr("href");$(activeTab).fadeIn();return false})});
 //]]>
</script>
Và cuối cùng là css
#tabber-wrapper{background:#ededed;width:730px;float:left;word-wrap:break-word;overflow:hidden;margin:0 0 10px;border:5px solid #a7b1be}
ul.tab-view{float:left;list-style:none;height:32px;width:728px;margin:0;padding:0;font:12px Arial}
ul.tab-view li{float:left;height:31px;line-height:31px;overflow:hidden;position:relative;margin:0 0 -1px;padding:0}
ul.tab-view li a{text-decoration:none;color:#111;display:block;outline:none;font-weight:700;padding:0 15px}
html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view li.active a:hover{color:#000;background:#a7b1be}
.tab-wrapper{border-top:none;overflow:hidden;clear:both;float:left;width:728px;margin-bottom:10px}
.tabber{padding:10px 0 0}
.tabber .column{float:left;display:inline;width:133px;height: 140px;margin:0 2px 0 9px}
.tabber .column_img{border:1px solid #a7b1be;width:133px;height:95px}
.tabber h2{font:11px Arial;line-height:15px;margin:0 0 5px;text-align:center}
.tabber h2 a{color:#444}
.tabber h2 a:hover{color:#1a4d86}
Chúc thành công!

_RurutomiVanduc_