Code ẩn hiện 2
Nội dung
<form name="MyTextBoxForm1">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả" />
<textarea cols="65" name="MyTextBox" rows="3" wrap="off">nội dung
</textarea></form>
3. Script đổi màu chữ liên tục
4. Thêm các định dạng link vào class
5. Script chèn file .js vào blog
6. Chèn trực tiếp nội dung Script vào blog
7. Chèn ảnh chứa link vào blog
8. Code Ảnh rõ hơn khi rê chuột vào
9. Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh
10. Code info hay note cho blogger
11. Code chèn chữ (Text ) vào ảnh
12. Code Tin báo tổng hợp
13. Code Đọc truyện cười ngẫu nhiên
14. Code Đọc truyện cười cuoititon.com
15. Code Góc tiện ích thông tin tỉ giá, vàng , thời tiết cho blogger
16. Hướng dẫn hiển thị bài viết theo nhãn ở trang chủ của Blogger
Gõ Ctrl+F để tìm đoạn code sau: <b:includable id='main' var='top'> Sau khi bạn đã mở rộng đoạn code. Bạn sẽ nhìn thấy dòng code như sau: <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:loop> Thay Thế toàn bộ đoạn code ở trên bằng đoạn mã sau: <b:loop values='data:posts' var='post'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == "trang chủ"'> <b:include data='post' name='printPosts'/> </b:if> </b:loop> </b:if> <b:else/> <b:include data='post' name='printPosts'/> </b:if> </b:loop> Giờ thì bạn tìm đến thẻ </b:includable> của thẻ <b:includable id='main' var='top'> nhé. Thêm đoạn code sau vào NGAY SAU thẻ </b:includable> nhé. <b:includable id='printPosts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'> <data:post.dateHeader/> </h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:includable>
17. Chèn thêm khung "Thêm tiện ích" cho phần Header và Main
1. Để chèn khung "Thêm tiện ích" vào phần Header, ta làm như sau: Tìm đọan code sau: <b:section class='header' id='header' maxwidgets='2' showaddelement='no'> (hoặc tìm code tương tự, nhưng phải là Header) sau đó thay no bằng yes là OK. 2. Để chèn khung "Thêm tiện ích" vào phần Main, ta làm như sau: Tìm đọan code sau: <b:section class='main' id='main' showaddelement='no'> (hoặc tìm code tương tự, nhưng phải có id là Main hoặc tương tự) sau đó thay no bằng yes là OK. Save template.
17. Thêm widget bài viết ngẫu nhiên (Random post) cho Blogspot
<style>#random-posts img {border-radius: 1000px;borde:5px solid;color:#dddddd;float: left;margin-right: 5px;width: 75px;height: 75px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}#random-posts img:hover {opacity: 0.6;}ul#random-posts {list-style-type: none;padding: 0px;}#random-posts a {font-size: 12px;text-transform: uppercase;padding: 3px auto 5px;}#random-posts a:hover {text-decoration: none;}.random-summary {font-size: 11px;background: none;padding: 5px;margin-right: 8px;}#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE;padding: 4px;}</style><ul id='random-posts'><script type='text/javaScript'>var randomposts_number = 5;var randomposts_chars = 110;var randomposts_details = 'no';var randomposts_comments = 'Comments';var randomposts_commentsd = 'Comments Disabled';var randomposts_current = [];var total_randomposts = 0;var randomposts_current = new Array(randomposts_number);function randomposts(json) {total_randomposts = json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');function getvalue() {for (var i = 0; i < randomposts_number; i++) {var found = false;var rndValue = get_random();for (var j = 0; j < randomposts_current.length; j++) {if (randomposts_current[j] == rndValue) {found = true;break}};if (found) {i--} else {randomposts_current[i] = rndValue}}};function get_random() {var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));return ranNum};</script><script type='text/javaScript'>function random_posts(json) {for (var i = 0; i < randomposts_number; i++) {var entry = json.feed.entry[i];var randompoststitle = entry.title.$t;if ('content' in entry) {var randompostsnippet = entry.content.$t} else {if ('summary' in entry) {var randompostsnippet = entry.summary.$t} else {var randompostsnippet = "";}};randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");if (randompostsnippet.length < randomposts_chars) {var randomposts_snippet = randompostsnippet} else {randompostsnippet = randompostsnippet.substring(0, randomposts_chars);var whitespace = randompostsnippet.lastIndexOf(" ");randomposts_snippet = randompostsnippet.substring(0, whitespace) + "…";};for (var j = 0; j < entry.link.length; j++) {if ('thr$total' in entry) {var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments} else {randomposts_commentsnum = randomposts_commentsd}; if (entry.link[j].rel == 'alternate') {var randompostsurl = entry.link[j].href;var randomposts_date = entry.published.$t;if ('media$thumbnail' in entry) {var randompoststhumb = entry.media$thumbnail.url} else {randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jHaaZ1oVPXZp-TnyGNCMqAwKKEgg_ic0y3U598M_ElzQl40Uyaak4FBIZeYwAmbcYx_2ZfJPDHGsBn9hniT1FfpSaQvzI-caMDbRzQ4R1bTQ9HWuBdDCe2yP95xbFmmLSL4sEgGxtKI/s1600/no_thumb.png"}}};document.write('<li>');document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');if (randomposts_details == 'yes') {document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'};document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')}};getvalue();for (var i = 0; i < randomposts_number; i++) {document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')};</script></ul>Tuy nhiên, mặc định đoạn code này chỉ hiện title và hình ảnh của bài viết, chứ không có phần trích nội dung của bài viết, nếu bạn muốn có thêm phần trích nội dung thì tìm đến đoạn code này và thay no thành yes nhé: var randomposts_details = 'no'; . Ngoài ra, bạn còn có thể tùy chỉnh số lượng bài viết hiển thị và số ký tự phần trích đoạn nội dung tại đoạn code này: var randomposts_number = 5; var randomposts_chars = 110;
18. Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger
<div style="width: 200px;"><center>
<div id="headerbox">Featured Posts</div>
<div id="featuredpostside"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="abt-sidebar-slider"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};
</script>
<!--<script src="https://googledrive.com/host/0B-0uHUanipfMdVVqb0R2OEFxdkU" type="text/javascript"></script>-->
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://www.terocket.com",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'/>
<style scoped="" type="text/css">
/*
Made by Terocket.com with lot of hardwork please keep the comment intact
*/
ul.abt-sidebar-slider * {
-moz-box-sizing: border-box;
}
ul.abt-sidebar-slider {
font: 11px Verdana,Geneva,sans-serif;
}
ul.abt-sidebar-slider, ul.abt-sidebar-slider li {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}
ul.abt-sidebar-slider {
height: 500px;
width: 100%;
}
ul.abt-sidebar-slider li {
display: none;
float: left;
height: 24.5%;
overflow: hidden;
padding: 0;
position: absolute;
width: 100%;
}
ul.abt-sidebar-slider li:nth-child(1), ul.abt-sidebar-slider li:nth-child(2), ul.abt-sidebar-slider li:nth-child(3), ul.abt-sidebar-slider li:nth-child(4) {
display: block;
}
ul.abt-sidebar-slider li:nth-child(2) {
left: 0;
top: 50%;
}
ul.abt-sidebar-slider img {
border: 0 none;
height: 100%;
width: 100%;
}
ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider li {
transition: all 0.4s ease-in-out 0s;
}
ul.abt-sidebar-slider li:nth-child(4) {
left: 0;
top: 75%;
width: 100%;
}
ul.abt-sidebar-slider li:nth-child(3) {
left: 0;
top: 25%;
}
ul.abt-sidebar-slider .overlayx {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider img {
border: 4px solid #2E8DCE;
border-radius: 3px 3px 3px 3px;
}
ul.abt-sidebar-slider .overlayx:hover {
opacity: 0.1;
}
ul.abt-sidebar-slider h4 {
color: white;
font-family: Oswald;
font-size: 25px;
font-weight: 100;
line-height: 1.5em;
margin: 0;
padding: 0 10px;
position: absolute;
top: 25px;
width: 100%;
z-index: 2;
}
ul.abt-sidebar-slider .label_text {
bottom: 10px;
color: white;
font-size: 90%;
left: 10px;
position: absolute;
z-index: 2;
}
ul.abt-sidebar-slider li:nth-child(2) .autname, ul.abt-sidebar-slider li:nth-child(3) .autname {
display: none;
}
.buttons {
margin: 5px 0 0;
}
.buttons a {
display: inline-block;
height: 25px;
position: relative;
text-indent: -9999px;
width: 15px;
}
.buttons a:before {
border-color: transparent #535353 transparent transparent;
border-style: solid;
border-width: 8px 7px;
content: "";
height: 0;
left: 50%;
margin-left: -10px;
margin-top: -8px;
position: absolute;
top: 50%;
width: 0;
}
.buttons a.nextx:before {
border-color: transparent transparent transparent #535353;
margin-left: -3px;
}
.date {
background: none repeat scroll 0 0 rgba(32, 122, 161, 0.84);
bottom: 93px;
padding: 8px;
position: relative;
right: 6px;
}
#headerbox {
background: #8FB93D;
font-family: Oswald;
padding: 4px;
}
</style>
</center></div>
19. Slide trượt ngang cho Blogspot Blogger
Thêm đoạn code sau vào trước thẻ : ]]></b:skin>
#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeYQvKQXj3gFGPoHKHxVTWR4qQaYqy-BuKJ6e6NcU-QwJCK-kWnFC3oX80t5svA5fi4Ob-Tli4eHGSqOKcnwVUmRoI3azqAaNgtEKE8nSZHKyWZ31YWP0ZNCjGfuR3OACOgcduILHbAc/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNrx2OTGpa67ZGCjbYwWZbqltpgRY401GvOcDz3kjQ9GqkqZbfQjdowx_CMFzsOigHRpMg3vPWd023jVG61rigSRAfWi882lmVYpf3vYcdprqWk2YHJg0kO1MtyIV7X8RiSZcgGzYoKS8/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5Z6uv5EkA1MoiQYBudyrQSKoH-L0DFBcvsMjQ56MBhDL6le5epIk4nUxvQGkAT-6C0uTnYV51dWbP0-sg3rS54-HV5KnTWEm-qhyphenhyphenxFORxK1h_oZiHnsZJa3lg8Rh4VMmBbdyaVpyMvc/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsMt5KDdRQQjMK1IQxnsM5-unfmdYrh0VwZ0v3uGCNJQMreUuz6HyVwCIKUAhv_A_5hb5AQ3e8xsN_xven0E581zkDCevqPxwTqeBQIn3rxXefTIynED6ekbC0b9hEDN9nU5si63njLI/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpESKIbtzUJPxwzftPULRU4uwkOA2VhRT8QKIEJ3RN34BSkuygs3cI2_m3NkUC66exlcE50hrsWP0_c042v_v_hmBHF-LF5lCGpDL1N7d0SGWYXJJqepHOyOaWJ900yXLNaDiSiLarOMY/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGeRiMtRXf20E9JYJeXE_nfP0k-V6OOhOsY1i3wodeLWXAP0BRaYDCVSqf2ccPJ6rfEc8XARYw_Q_iSVZErm9o3JICMwcTOTFg_J7ILULshCoWA70O1Eu1uECgE69T9oeLIlwCNvbER4/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}
Kế đến Tìm đến thẻ </head> thêm trước nó đoạn code sau :<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>document.write(trtd); j++; } document.write('</ul>'); } //]]> </script> Sau đó tìm đến thẻ <div id='main-wrapper'> thêm vào đoạn code sau : <b:if cond='data:blog.pageType != "item"'> <div id='carousel'> <div id='previous_button'/> <div class='container'> <script>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5T7FYvb_wAAwKFnloCPaARfBVKXBz4Hu18viwPqfPxrSVkYTXzglDdJjhTD11pLRpLS9dIHBThLpVP_hisKn7ynsTl_KhrMu5fh4I8mabJAXf7Zr2uuLwKkXzmqL10r0nNId7V007ZmI/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 15;
label1 = "news";
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;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
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="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script> <div class='clear'/> </div> <div id='next_button'/> </div> <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(jQuery) </script> </b:if> Link bài viết : http://www.maskolis.com/2012/04/membuat-slider-carousel-otomatis.html (Từ khóa : carousel blogger )
20. Bài Viết Mới Theo Nhãn Hai Cột Có Ảnh Cho Blog :
<!--<script src="http://dl.dropbox.com/u/66348944/System_Tooltip.js" type="text/javascript"></script>-->
<!--chen script-->
<script type="text/javascript">
var tooltipID='osdhtmltooltip';
var imgtipID='osdhtmlpointer';
document.write('<div id="'+tooltipID+'" style="VISIBILITY: hidden;"></div>');
document.write('<img id="'+imgtipID+'" style="VISIBILITY: hidden;" src="http://data.fandung.com/img/oTooltiparrow.gif">');
var offsetfromcursorX=12;
var offsetfromcursorY=10;
var offsetdivfrompointerX=10;
var offsetdivfrompointerY=14;
var ie=document.all;
var ns6=document.getElementById&&!document.all;
var enabletip=false;if(ie||ns6)
var tipobj=document.getElementById(tooltipID);
var pointerobj=document.getElementById(imgtipID);
function ietruebody(){return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;}
function showtip(thetext,thewidth,thecolor){try{if(!tipobj.style)
return;if(ns6||ie){if(thewidth)
tipobj.style.width=thewidth+"px";if(thecolor&&thecolor!="")
tipobj.style.backgroundColor=thecolor;tipobj.innerHTML=thetext;enabletip=true;return false;}}
catch(e)
{}}
function positiontip(e){if(!tipobj.style)
return;if(enabletip&&pointerobj){
var nondefaultpos=false;
var curX=(ns6)?e.pageX:event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY:event.clientY+ietruebody().scrollTop;
var winwidth=ie&&!window.opera?ietruebody().clientWidth:window.innerWidth-20;
var winheight=ie&&!window.opera?ietruebody().clientHeight:window.innerHeight-20;
var rightedge=ie&&!window.opera?winwidth-event.clientX-offsetfromcursorX:winwidth-e.clientX-offsetfromcursorX;
var bottomedge=ie&&!window.opera?winheight-event.clientY-offsetfromcursorY:winheight-e.clientY-offsetfromcursorY;
var leftedge=(offsetfromcursorX<0)?offsetfromcursorX*(-1):-1000;
if(rightedge<tipobj.offsetWidth){tipobj.style.left=curX-tipobj.offsetWidth+"px";nondefaultpos=true;}
else if(curX<leftedge)
tipobj.style.left="5px";
else{tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px";pointerobj.style.left=curX+offsetfromcursorX+"px";}
if(bottomedge<tipobj.offsetHeight){tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px";nondefaultpos=true;}
else{tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";pointerobj.style.top=curY+offsetfromcursorY+"px";}
tipobj.style.visibility="visible";if(!nondefaultpos)
pointerobj.style.visibility="visible";else
pointerobj.style.visibility="hidden";}}
function hidetip(){if(!tipobj.style)
return;if(ns6||ie){enabletip=false;tipobj.style.visibility="hidden";pointerobj.style.visibility="hidden";tipobj.style.left="-1000px";tipobj.style.backgroundColor='';tipobj.style.width='';}}
document.onmousemove=positiontip;
</script>
<!--ket thuc -->
<script type="text/javascript">
numposts = 6; //số bài viết hiển thị trong tiện ích
postcount = 400; //số kí tự của đọan nội dung tóm tắt bài viết
sumTitle = 40; // số kí tự của tiêu đề bài viết
colortitle = "#555";
tcolortitle = "#ff6c00"; // màu của tiêu đề bài viết ở phần mô tả
cmcolor = "#6b1f01"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
nocmtext = "No Comment";
cmtext = "Comments";
posttext = "Posted in";
label = "sản phẩm nổi bật"; //Tên nhãn
home_page = "http://www.vanghep.cuc.re/";// Link blog của bạn
</script>
<div id="rc-posts-2-col"><h3>Sản Phẩm Ván Ghép</h3><div id="rc-posts-loading"><img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4rAGpnfqxTC5R7_Dp65YKcRWMnOYw7RvSAotiOddJPlvWzO_OAgaCWU0l8efaQ28HXy6IitIqUg5S_zE52mV58SRgqtCzcEJYR19DomfaJmqcHeOIDAwBVmMZM8L3k591MamWAcJup3m/s1600/loading.gif'/></div>
<!--<script src="http://dl.dropbox.com/u/66348944/tooltip-rc-post-2cot.js" type="text/javascript"></script>-->
<!--chen script-->
<script type="text/javascript">
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) {
img = new Array();
var td = new Array();
var sumPost = new Array();
var posttitle = new Array();
var postcontent = new Array();
var comment = new Array();
var postDay = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
posttitle[i] = 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;
}
}
var postdate = entry.published.$t;
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;
}
}
postDay[i] = day+ "-" + m + "-" + y ;
if ("content" in entry) {
postcontent[i] = entry.content.$t;}
else
if ("summary" in entry) {
postcontent[i] = entry.summary.$t;}
else postcontent[i] = "";
s = postcontent[i] ; 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;} else {img[i]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja09jo5t_-qRLJ_MXiEvA2-9RVKiBP5iZuTI3xHuRR6oeyjYr3bkyI0IOIl0zfn08UEwh7bEeYdpqhZkvedD-1r2vGUaZV2rbTWdd16VajxH9uu-dIFrmQCgPh5yFZoFmoMqOiFmvZrr8/s400/noimage.png";}
if (pcm==0) {comment[i] = " (" +nocmtext+ ") ";}
else {comment[i] = " (" + pcm + " " +cmtext+ ") ";}
postcontent[i] = postcontent[i].replace(/"/g, "“");
posttitle[i] = posttitle[i].replace(/"/g, "“");
sumPost[i] ="sumPost"+i;
var tilen= posttitle[i].length;
if (tilen > sumTitle) {
td[i]= '<td id="rc-td"><img src="'+img[i]+'"/><a onmouseover="showtip('+sumPost[i]+');" onmouseout="hidetip();" href="'+posturl+'" style="color:'+colortitle+';">'+removeHtmlTag(posttitle[i],sumTitle)+' ...</a></td>';
}
else {
td[i]= '<td id="rc-td"><img src="'+img[i]+'"/><a onmouseover="showtip('+sumPost[i]+');" onmouseout="hidetip();" href="'+posturl+'" style="color:'+colortitle+';">'+posttitle[i]+'</a></td>';
}
}
var m = numposts / 2;
document.write("<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" id=\"rc-2cot\">");
for (var j=0; j<m; j++) {
if (j%2==0) {
document.write("<tr id=\"rc-tr0\">");
document.write(td[j*2]);
document.write(td[j*2+1]);
document.write("<tr id=\"rc-tr0\">");
document.write("</tr>");
}
else {
document.write("<tr id=\"rc-tr1\">");
document.write(td[j*2]);
document.write(td[j*2+1]);
document.write("<tr id=\"rc-tr1\">");
document.write("</tr>");
}
}
document.write("</table>");
document.getElementById("rc-posts-loading").style.display = "none";
for (var p = 0; p < numposts; p++) {
document.write("<script type=\"text/javascript\">var "+sumPost[p]+" =\"<b style='color:"+tcolortitle+"'>"+posttitle[p]+"<\/b> <br\/> <i style='color:"+cmcolor+"'>"+posttext+" : "+postDay[p]+" - "+comment[p]+" <\/i><br\/>"+removeHtmlTag(postcontent[p],postcount)+" ...\";<\/script>");
}
}
document.write("<script src=\""+home_page+"feeds/posts/default/-/"+label+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<!--ket thuc--></div>
EmoticonEmoticon