HOT GIRL NAY VÀ XƯA: thủ thuật

Simple Slider bài mới trượt cho blogspot ves3

<h1 class="post-title entry-title" style="background-color: #f0f2f3; font-family: Arial; margin: 0px;">
<br /></h1>
<div class="post-header" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-1587883501344306573" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 1.4em; margin: 0.5em 0px 0.75em; padding-top: 6px;">
<div style="text-align: justify;">
Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu slider mới. Dạng này thích hợp với các blog phim, ảnh,... Về cơ bản nó tương tự như <a href="http://namkna.blogspot.com/2013/02/auto-recent-posts-slider-jquery-blogger.html" style="color: #006666; text-decoration: none;" target="_blank"><b>bài này</b></a>. Được phát triển bởi <a href="http://www.maskolis.com/2013/02/membuat-simple-slider-otomatis-gambar.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">maskolis</a>. bạn có thể xem ảnh hoặc Demo.</div>
<div style="text-align: center;">
<img alt="Simple Slider bài mới trượt cho blogspot ves3" class="decoded" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv8QXlZKEFv5a_y8njIlZ-n_anEKBqftKlgixjAMEoPCjDoGUm8DlRDCzMtSFLd_a45HxaFmhHvt-syHohOtex6IcW00BLyMFKYIxplDafEC3WyaxXIjX6dDjOCMMgVZXPRaiSCSZBwLE/s1600/slider+vertikal.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Simple Slider bài mới trượt cho blogspot ves3" /></div>
<br /><a href="" name="more"></a><a class="button big" href="http://johnyprett.blogspot.com/2013/01/another-sample-post-with-image-beautiful.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">VIEW</span><span style="color: white;"> DEMO</span></a><br /><br /><h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; margin: 0px; padding: 3px; text-align: justify;">
¤ Thêm Simple Slider bài mới trượt cho blogspot ves3 cho blogger!</h3>
<b>1- Đăng nhập</b> vào blog<br /><b>2- </b>Chọn <b>Mẫu </b>(Template)<br /><b>3- </b>Chọn <b>chỉnh sủa HTML</b> (Edit HTML)<br /><b>4- </b>Dán code sau trước thẻ <span style="background-color: #eeeeee;"><b>]]></b:skin></b></span> :<br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">/* Slider */
.sompret-wrapper {float:right; position: relative;}
.sompret { overflow: hidden; position: relative; <span style="color: red;"><b>width:300px</b></span>; <span style="color: blue;"><b>height:400px</b></span>;}
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img {overflow: hidden;float: left;<span style="color: red;"><b>width:300px</b></span>; height:auto;}
.paging {background:#878773; border:1px solid #676756;padding: 4px 0 2px; text-align: right;z-index: 100; }
.paging a { text-indent:-9999px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwAXA23lbvzncryOEkw752utSpkQ2EBJewMhHeA9ALYc0kPZsh9WGDqGarUHSBZ64ifndcG7WqnCnpjcb-dmvGQkgzrREIoE94la5paYApeMQBKFTOKM7rYl4t3ZjArs3FmOOWxXUjT4/s1600/slider_item.png) no-repeat center; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; }
.paging a.active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNHc_8sWunSWQTh39KKU5RFdsZE-9RY7FGhx_VFrU1wH-WlwnrQh4Dr6iRkHkIaZe60-5ZT79S5tRaQGYeBuwE0xmbe-5aDNLPkoTv66wQSpl7JkVQbVgpUhgL6cLeKMf7eoSIBtpbLQ/s1600/slider_item_active.png) no-repeat center; border:none; outline:none;}
.paging a:hover {font-weight: bold; border:none; outline:none;}
.crott { <span style="color: red;"><b>width:280px</b></span>; display: none; position:absolute;bottom: 0; left: 0; z-index: 101; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-rVh9GHuJG0heKrkn9h7xVBhAFZKnudITP0QO-iHMzXQSMbOBMo4vFLOH3YWVAiOLJEcvHXSmVOhJyu4QlULCIVyBeQfjpqsFRHuJOaqqgSMs_Ag8yRVXDm_qyvgBRN6CMwqfVMr7JERp/s1600/uj-opacity-40.png);padding:5px 10px;  }
.crott a{color: #fff;font: 16px Oswald }
.crott p{color: #fff;font: 12px Arial;}</pre>
<br />5- Dán code bên dưới trước thẻ <span style="background-color: #cccccc;"><b></head></b></span>: <br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: lime;"><script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'/></span>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {

//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".sompret").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging + Slider Function
rotate = function(){
   var triggerID = $active.attr("rel") - 1; //Get number of times to slide
   var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

$(".paging a").removeClass('active'); //Remove all active class
   $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
 
$(".crott").stop(true,true).slideUp('slow');

$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

//Slider Animation
   $(".image_reel").animate({
       left: -image_reelPosition
   }, 500 );

};

//Rotation + Timing Event
rotateSwitch = function(){
$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
   play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
       $active = $('.paging a.active').next();
       if ( $active.length === 0) { //If paging reaches the end...
           $active = $('.paging a:first'); //go back to first
       }
       rotate(); //Trigger the paging and slider function
   }, 10000); //Timer speed in milliseconds (3 seconds)

};

rotateSwitch(); //Run function on launch

//On Click
    $(".paging a").click(function() {  
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });

});

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIoUSKHIYI3GqETOr7B6uvfHA_93fvJeBdnbqh8eS2EmWicpTalbf0AtP7rEKEoeO19b90FDpUUu3vMikuDcPj3gvFOTIhlk6ULbiKOgq9oU-k6wEaXWc9iJFEPbZ2hiCFUYxzkDENZEQ/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
<span style="background-color: red;">summaryPost1 = 80;</span>
<span style="background-color: magenta;">summaryTitle = 20;</span>
<span style="background-color: orange;">numposts1 = 6;</span>

function showrecentposts1(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(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 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

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 = m+ ' ' + day + ' ' + y ;

var trtd = '<div class="crott"><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'... </p></div>';
document.write(trtd);

j++;
}

}

function showrecentposts2(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;
      }
    }

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 = '<a href="'+posturl+'"><img src="'+img[i]+'"/></a>';
document.write(trtd);

j++;
}

}
 //]]>
</script></pre>
<div style="text-align: justify;">
<b>» Tùy chỉnh:</b></div>
<ul style="text-align: justify;">
<li><span style="background-color: red;">summaryPost1 = 80;</span> Là số ký tự mô tả khi dê chuột vào ảnh hoặc tiêu đề.</li>
<li><span style="background-color: magenta;">summaryTitle = 20; </span>Là số ký tự tiêu đề tối đa hiển thị trên slider. bạn nên để vừa phải không nên quá nhiều ký tự sẽ làm sấu slider.</li>
<li><span style="background-color: orange;">numposts1 = 6;</span> là số bài viết hoặc ảnh thumbnail sẽ hiển thị trên slider. bạn không nên cho quá nhiều sẽ ảnh hưởng tới tốc độ load.</li>
<li>Xóa màu <span style="background-color: lime;">xanh </span>nếu đã có jquery</li>
</ul>
<b>6- </b>Tìm thẻ: <br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div id='main-wrapper'></pre>
- Dán vào trước nó đoạn code bên dưới: <br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: yellow;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span>
<div class='sompret-wrapper'>
<div class='sompret'>
<div class='image_reel'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/<span style="background-color: lime;">default</span>?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='description'>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/<span style="background-color: lime;">default</span>?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</div>
<div class='paging'>
<a href='#' rel='1'/>
<a href='#' rel='2'/>
<a href='#' rel='3'/>
<a href='#' rel='4'/>
<a href='#' rel='5'/>
<a href='#' rel='6'/>
</div>
</div>
<span style="background-color: yellow;"></b:if></span></pre>
<div style="text-align: justify;">
<b>» Tùy chỉnh:</b></div>
<ul style="text-align: justify;">
<li>Nếu muốn tiện ích hiện ở cả trang chủ thì hãy xóa bỏ phần <span style="background-color: yellow;">màu vàng</span> đi.</li>
<li>Phần này mình để lấu tất cả các bài viết thuộc các nhãn khác nhau. nếu muốn hiện theo một nhãn nhất định thì thêm phần  <span style="background-color: lime;"><b>/-/Tên nhãn</b></span> vào sau <span style="background-color: lime;">default</span></li>
</ul>
<div style="text-align: justify;">
<b>7- Lưu mẫu </b>lại và xem kết quả.</div>
</div>

Simple Slider bài mới trượt cho blogspot ves3

0 thủ thuật 17:58

Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu slider mới. Dạng này thích hợp với các blog phim, ảnh,... Về cơ bản nó tương tự như bài này. Được phát triển bởi maskolis. bạn có thể xem ảnh hoặc Demo. VIEW DEMO ¤ Thêm Simple Slider bài mới trượt… Read more »

28May2013

side tab chuyển ngang

0 thủ thuật 20:05

<br />
<h1 class="post-title entry-title" style="background-color: #f0f2f3; font-family: Arial; margin: 0px;">
Slider bài mới nhất trượt ngang với thumbnail cho blogger</h1>
<div class="post-header" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-7400979253654243205" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 1.4em; margin: 0.5em 0px 0.75em; padding-top: 6px;">
Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và tiêu đề bài viết. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery. Tiện ích được phát triển bởi <a href="http://www.maskolis.com/2012/04/membuat-slider-carousel-otomatis.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">maskolis</a>.<br />
<div style="text-align: center;">
<img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtJX44Qw9iVTfnV2JzztmOpzF0oP-1uuXUBtVxun7P_Ykt9UKEsNUxB2r6z3t-xkXczJy73bdin2dW87_vwZXYGCZVxGXpb5kRJjntW6iDVOnsZS5215HEZt17YER3o8YlhjiUmR757Ow/s1600/slider+carousel.gif" class="decoded" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtJX44Qw9iVTfnV2JzztmOpzF0oP-1uuXUBtVxun7P_Ykt9UKEsNUxB2r6z3t-xkXczJy73bdin2dW87_vwZXYGCZVxGXpb5kRJjntW6iDVOnsZS5215HEZt17YER3o8YlhjiUmR757Ow/s1600/slider+carousel.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" /></div>
<br />
<a href="http://www.blogger.com/blogger.g?blogID=8624584820429677863" name="more"></a><a class="button big" href="http://johny-darkstore.blogspot.com/" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">VIEW</span><span style="color: white;"> DEMO</span></a><br />
<div style="text-align: justify;">
<br /></div>
<h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; margin: 0px; padding: 3px; text-align: justify;">
¤ Slider bài mới nhất trượt ngang với thumbnail cho blogger!</h3>
<div style="text-align: justify;">
<b>1- Đăng nhập</b> vào blog</div>
<div style="text-align: justify;">
<b>2-</b> Chọn <b>Mẫu </b>(Template)</div>
<div style="text-align: justify;">
<b>3-</b> Chọn <b>chỉnh sủa HTML</b> (Edit HTML)</div>
<div style="text-align: justify;">
<b>4-</b> Dán code sau trước thẻ<span style="background-color: #cccccc;"><b> ]]></b:skin></b></span></div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">#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/AVvXsEgkVhq74vBGYZBgcJe5Jf7sN0EgcaAFQaPiOQ4sdlXOTN3UkTX4z3XaB6bBKMLY5LjX9Hv_p6eF4bBvlZ-OOPN4bfkCnRYnFdjUQGo2OS_w1a8QDd-H2cR62_UqMksBZrrN7e2yatlm0bQ/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12beNZcsHWWmFNV7wCeNGWTYpc_QEVf9fbcSupPJEkvc9g_ktlz5icSYpAd0xzgZw6pN5oNjJ8AS9_xuYM7yOLW-LWUiywdyqMQLH6zK6Y_ekAFHni5jNGiD0SQhg9afL6l41KzUR3_g/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/AVvXsEghAHFtsofw9tJarV-H-HkWGwaXKcwErVBh8v6s6JVh-J6vjrQRVIkHmqSM_7qtRNJTRQwStZvOwlqre1vWhY1j3IkS_IeDc05oezarrrjWdfTX_on3a6OCKF2QkWrrewAMCT4qtItpd7Q/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD7pEWGS8i7Xfe_Zgf787dq4fhcYcf61M3uYrMTvUO1JQLosYq0eCcmYrouMNT9qshoxjIxX9dYYw_nH50TqfHlqUBosR26XaGTP5eou9Owy7VsywUgGMsx-6-wkO-WMvS271oQqAQkTI/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/AVvXsEjg9Hl_m17ahFPVS60_ffIXEQYSSXUKz1mxIhjMIqDIKeIi0hu3R9qAUSlftbFnWP_FL8azgPCgy1DpRmdakRN4HBR9EESdE0l5CKjkJjmzauLhHom0xUAXI_9KFqepkeSx6bYtdPd31KI/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/AVvXsEgb1VmjCDa4jOYhlksedIFPjw9seobCsMonFwmljZcd4hTaiK1zoSPSL-JEBVEvuiBR8AoXKgsQZcE3ph3VCjcnyv7JPausn0_Ozb5E6FS4WCDWNwxGRL-TRVD1boQ5Obm8r9rBSVrCc_g/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}</pre>
<b>5-</b> Dán code bên dưới trước thẻ <span style="background-color: #cccccc;"><b></head></b></span>:<br />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

aBold = true;

summaryPost = <span style="background-color: yellow;">140</span>;
summaryTitle = <span style="background-color: lime;">25</span>;

numposts1 = <span style="color: orange;"><b>15</b></span>;
label1 = "<span style="color: red;"><b>news</b></span>";

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 <span style="background-color: #93c47d;">width="145" height="100"</span> class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

side tab chuyển ngang

0 thủ thuật 20:05

Slider bài mới nhất trượt ngang với thumbnail cho blogger Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và… Read more »

23May2013

bài viết liên quan mô tả link

0 thủ thuật 20:01

<span style="background-color: #f0f2f3; color: red; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>☼ Cách tiến hành:</b></span><br />
<b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">1- Đăng nhập </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">vào Blog</span><br />
<br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" />
<b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">2- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Chọn </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Bố cục.</b><br />
<b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">3-</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Chọn</span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> thêm tiện ích </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">(Add Widget) - thêm 1 tiện ích </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">HTML/Javarscrip </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">(xem video). </span><br />
<b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">4-</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> Dán đoạn code bên dưới vào:</span><br />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><style type="text/css">
.mota{
position: relative;
z-index: 0;
text-decoration:none;
}
.mota:hover{
background-color: transparent;
z-index: 50;
}
.mota span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}
.mota span img{
border-width: 0;
padding: 2px;
}
.mota:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:50px;
<b style="color: red;">width:250px;</b>
<b style="color: orange;">background:#ccc;</b>
text-align: justify;
}
</style>

bài viết liên quan mô tả link

0 thủ thuật 20:01

☼ Cách tiến hành: 1- Đăng nhập vào Blog 2- Chọn Bố cục. 3-Chọn thêm tiện ích (Add Widget) - thêm 1 tiện ích HTML/Javarscrip (xem video). 4- Dán đoạn code bên dưới vào: .mota{ position: relative; z-index: 0; text-decoration:none; } .mota:hover{ backg… Read more »

23May2013

thủ thuật

0 thủ thuật 08:21

<br />
<h1 class="post-title entry-title" style="background-color: #f0f2f3; font-family: Arial; margin: 0px;">
Recent post width thumbnail 3 cột cho blogspot.</h1>
<div class="post-header" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-9201892528230473469" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 1.4em; margin: 0.5em 0px 0.75em; padding-top: 6px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJSAaP5jgXz6vLOb_x9p8_jjoi0EV_Sau57QNuErhDck74_4Y2xQxvrARaw5O_4dlPV_391GflxiYpz92oLlL3Au-O-ftOjy2n-IH0F4S_UCW_T3qnZ0DU0hrHjAIbxfdEzfJpw5IB8up/s1600/recent-post-giong-trang-zing-namkna-blogspot-com.png" imageanchor="1" style="clear: right; color: #006666; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;"><img alt="Tiện ích Recent post dạng 3 cột cho blogspot." border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJSAaP5jgXz6vLOb_x9p8_jjoi0EV_Sau57QNuErhDck74_4Y2xQxvrARaw5O_4dlPV_391GflxiYpz92oLlL3Au-O-ftOjy2n-IH0F4S_UCW_T3qnZ0DU0hrHjAIbxfdEzfJpw5IB8up/s200/recent-post-giong-trang-zing-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tiện ích Recent post dạng 3 cột cho blogspot." width="1" /></a></div>
<div style="text-align: justify;">
Hôm nay namkna sẽ giới thiệu thêm cho các bạn một tiện ích recent post mới, tiện ích này trước đây được news.zing.vn sử dụng và cũng từng được fandung giới thiệu rồi, tuy nhiên hiện nay đã thất lạc do vậy namkan sẽ giới thiệu lại tiện ích này cho các bạn có nhu cầu.</div>
<a href="http://www.blogger.com/blogger.g?blogID=8624584820429677863" name="more"></a><br />
<div style="text-align: justify;">
Đặc điểm của tiện ích này là có 3 côt các bạn có thể xem demo hoặc hình ảnh bên dưới:</div>
<br />
<div style="font-family: inherit; text-align: center;">
<span style="font-size: x-small;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://demo-namkna.blogspot.com/2012/05/hien-thi-bai-viet-ngoai-trang-chu-giong.html" rel="" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></span></div>
<br />
Ảnh minh họa:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJSAaP5jgXz6vLOb_x9p8_jjoi0EV_Sau57QNuErhDck74_4Y2xQxvrARaw5O_4dlPV_391GflxiYpz92oLlL3Au-O-ftOjy2n-IH0F4S_UCW_T3qnZ0DU0hrHjAIbxfdEzfJpw5IB8up/s1600/recent-post-giong-trang-zing-namkna-blogspot-com.png" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Hiển thị bài viết ngoài trang chủ giống trang news.zing.vn" border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJSAaP5jgXz6vLOb_x9p8_jjoi0EV_Sau57QNuErhDck74_4Y2xQxvrARaw5O_4dlPV_391GflxiYpz92oLlL3Au-O-ftOjy2n-IH0F4S_UCW_T3qnZ0DU0hrHjAIbxfdEzfJpw5IB8up/s400/recent-post-giong-trang-zing-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Hiển thị bài viết ngoài trang chủ giống trang news.zing.vn" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
3. Chèn đoạn code CSS bên dưới vào trước thẻ đóng <b style="color: purple;"></head></b> (hoặc có thể chèn thẳng vào widget <b>HTML/javascript</b> chung với code chính của thủ thuật)</div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: left; width: auto !important;"><style type="text/css">
*
{ padding: 0;
margin: 0;
font-family: Arial;
font-size: 12px;
}

#index_news
{
width: 525px;
margin: 5px;
}

#main_content
{
width: 525px;
float: left;
overflow: hidden;
}

#main_content .top_news
{
width: 525px;
margin-bottom: 10px;
}
#main_content .top1_news
{
<b style="color: blue;">width: 234px;</b>
float: left;
margin-top: 8px;
}
#main_content .top1_news .top1_news_image img
{
border: 1px solid #CCC;
padding: 1px;
<b style="color: #e69138;">width:230px;
height:165px;</b>
}
#main_content .top1_news .top1_news_title
{
padding: 8px 0;
text-align: justify;
}
#main_content .top1_news .top1_news_title a
{
font-size: 16px;
color: #002392;
text-decoration: none;
}
#main_content .top1_news .top1_news_title a:hover
{
text-decoration: underline;
}
#main_content .top1_news p
{
text-align: justify;
}
#main_content .top1_news p a
{
padding-left: 4px;
}
#main_content .top1_news p img, #main_content .top2_news img
{
vertical-align: bottom;
}
#main_content .top2_news
{
<b style="color: blue;">width: 95px;</b>
float: left;
margin-left: 8px;
margin-top: 14px;
padding-right: 6px;
}
#main_content .top2_news .top2_news_image
{
background: url(<a href="http://farm3.static.flickr.com/2509/3847739522_6980c393a3_o.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglx10zOCGfxtAch6BoKqOyj8NitJPulZB431T_dAmA8wM3QadhRcU951bDhzGAQ2pL-zKBMp2jW65fU40UteAnKVXESEawAXoYq4G0Dk36zxjO7yLkMpHrmScKVhTQ-OE3LTM2v94GStz7/s1600/main-content-namkna-blogspot-com.gif</b></a>) no-repeat;
<b style="color: red;">width: 90px;
height: 65px;</b>
padding: 4px;
}
.top2_news_image img {
<b style="color: red;">width:90px;
height:65px</b>
}

#main_content .top2_news h2
{
padding-top: 2px;
}
#main_content .top2_news h2 a
{
color: #002dbe;
text-decoration: none;
}
#main_content .top2_news h2 a:hover
{
text-decoration: underline;
}
#main_content .top2_news .dot3x1
{
background: url(<a href="http://farm4.static.flickr.com/3574/3847739556_d334d7aa61_o.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3S8VMfO-sRmOftxLwxyXABoIGoS2SNqATcX83oHb5CjP8hhVCx0YDUpoL34k5ZVfAn3SpLwoZl2ECOK52Sa09AcEhTdDARxSGlPtNbRP8AsQzEEpVWW2KgZb0vFCJhv5iqdENVNhZplaf/h120/main-content-2-namkna-blogspot-com.gif</b></a>) repeat-x center

center;
margin: 10px 0;
height: 1px;
font-size: 1px;
}
#main_content .topo_news
{
<b style="color: blue;">width: 174px;</b>
float: right;
background: url(<a href="http://farm4.static.flickr.com/3508/3846949497_b0f76c94df_o.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_J0U-Md-SntxHNJ2H2ZkJ3Dfw5sovwZ6S-RNX9sTJin0tX2fkkPfJaswHlTbHqEe-A5yVneoRKc3rHP59wAgZrWOjhOYyBq0EdNAmhr-W2HVllPfEeMzJKmCC6XQQjuaZPeI24ypAY614/s1600/main-content-3-namkna-blogspot-com.gif</b></a>) no-repeat;
padding: 5px 1px 0 1px;

}
#main_content .topo_news .topo_news_title
{
background: url(<a href="http://farm3.static.flickr.com/2598/3846949449_4c4b03d2fa_o.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNRz6o0iiWKtmULvi4EhnlUHHMmYUrKNO1wC8hfnUo4sek4AFwEMj457fy0ngoN_8A4EU7zGdqer7YnL_QiLh1H7I88J2qbnTwjRZxw3SHxEnMRBO3wmvyr4232N6rhkaTAo_BHZDZyPj/h120/main-content-4-namkna-blogspot-com.gif</b></a>) no-repeat;
width: 160px;
height: 22px;
color: #FFF;
padding: 4px 0 0 14px;
font-weight: bold;
font-size: 11px;
}
#main_content .topo_news ul li
{
background: url(<a href="http://farm3.static.flickr.com/2532/3847739582_8f41366c2f_o.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVjvPpZjw-Og2FgAgJnIRJY3Gexi5lA9IrYrW56A4Vwe_0smeD8YWWNQxF7lj2UroJXsQPwsHFYNon5-03SZN8f8PWpw6avU0pxNnYCTQWAo9jVW2xnCSZ4bM2PPQZjHeXojr0kxp5Yfk/h120/main-content-5-namkna-blogspot-com.gif</b></a>) no-repeat 8px 10px;
padding: 2px 2px 2px 20px;
list-style: none;
}
#main_content .topo_news ul li a
{
color: #002392;
font-weight: bold;
font-size: 11px;
line-height: 1.5em;
text-decoration:none;
}
#main_content .topo_news ul li a:hover {text-decoration: underline;}
</style></pre>
<div style="text-align: justify;">
<b>Trong đó:</b></div>
<ul style="text-align: justify;">
<li>Code <b style="color: orange;">màu cam</b> : là độ rộng của ảnh lớn nhất</li>
<li>Code <b style="color: red;">màu đỏ</b> : là độ rộng của 2 ảnh nhỏ hơn</li>
<li>Code <b style="color: blue;">màu xanh</b> : là độ rộng của các cột của tiện ích (gồm 3 cột : top1_news, top2_news, topo_news)</li>
</ul>
<div style="text-align: justify;">
- Xem hình minh họa bên dưới :</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilkKShfDEI8hX4ivMg71HEVY_JpikZWiLoe5q5tc7WPaZxQS1cbESyhnmw5NM7OkIOKmmbwzbMkydM5Civ1hquRTKPnapA4DdoJBze5HxFNaSFeEyo8dJHjhxk9QCqzNbGYF8b6x1wcYPQ/s1600/recent-post-dang-3-cot-dep-cho-blogspot-namkna-blogspot-com-2.png" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Tiện ích Recent post dạng 3 cột cho blogspot." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilkKShfDEI8hX4ivMg71HEVY_JpikZWiLoe5q5tc7WPaZxQS1cbESyhnmw5NM7OkIOKmmbwzbMkydM5Civ1hquRTKPnapA4DdoJBze5HxFNaSFeEyo8dJHjhxk9QCqzNbGYF8b6x1wcYPQ/s1600/recent-post-dang-3-cot-dep-cho-blogspot-namkna-blogspot-com-2.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tiện ích Recent post dạng 3 cột cho blogspot." /></a></div>
<div style="text-align: justify;">
-<b> Lưu ý</b> : thay đổi lại độ rộng của các cột để hiển thị tốt nhất trên blog của mình (kể cả các ảnh nền). Code trên chỉ là code mẫu để các bạn tham khảo. Ở code mẫu này mình cũng đã resize lại tương đối phù hợp rồi (độ rộng 525px;)</div>
<div style="font-family: inherit; text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="font-family: inherit; text-align: left;">
<span style="font-size: x-small;"><b>4- </b> <span class="Apple-style-span" style="color: #333333; line-height: 16px;">Bấm <b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Lưu Mẫu</b></span>  (save template) lại. </span></div>
<div style="font-family: inherit; text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="font-family: inherit; text-align: left;">
<span style="font-size: x-small;"><b>5. </b>Tạo widget HTML/javascript và dán code bên dưới vào :</span></div>
<br style="text-align: left;" />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: left; width: auto !important;"><script language="JavaScript">
imgr = new Array();
imgr[0] = "<a href="http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmCDEI4K8Zx-_ogsQXRY9CT_8rOzWBEbotqm4AB7FdIDNa9eHK25tkEJL6zQDmifcUo8UvFKf6WqbOAJlwq0kfCIYBM8QDx_txXLgywiICqwF_fZr_r0DXsoGTEyGZh87ObX4V5awmSm2/s1600/nothumbnail-namkna-blogspot-com.gif</b></a>";
<span style="background-color: lime;">imgnew = "</span><a href="http://farm4.static.flickr.com/3438/3847739416_077831a5c5_o.gif" style="background-color: lime; color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ2bqBzaDnw5QG1L3FNI5DYFv1pGYhNNCPN74aDwTX2v-1yksN_Rj5ulJIJmsPu21GZMD5mvb4D5qv4zZ-0IDw01DJYkNLEhwG_X4dj0n3V0QDNzupfCEjxTVq4sMjrdhJPHrGdEZec4N2/h120/new-post-namkna-blogspot-com.gif</b></a><span style="background-color: lime;">";</span>

showRandomImg = true;

aBold = false;
<span style="color: #38761d;"><b>summaryPost = 147;</b></span>
<span style="color: blue;"><b>numposts = 12;</b></span>
<span style="background-color: lime;">topoTitle = "</span><b style="background-color: lime; color: blue;">Bài viết khác</b><span style="background-color: lime;">";</span>
label = "<b style="color: red;">Blogspot-tips</b>"; 
home_page = "<a href="http://namkna.blogspot.com/" style="color: #006666; text-decoration: none;"><b><span style="color: purple;">http://namkna.blogspot.com/</span></b></a>";

</script>
<script src="<b><a href="http://code.google.com/p/fandung/source/browse/trunk/js/z-recent-label.js" style="color: #006666; text-decoration: none;" target="_blank">http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-label.js</a></b>" type="text/javascript"></script></pre>
<div style="text-align: justify;">
- Trong đó:<br />
<ul>
<li>Thay  <span style="color: purple;"><b>http://namkna.blogspot.com/</b></span> thành URL blog của bạn.</li>
<li>Thay<span style="color: red;"><b>: Blogspot-tips</b></span> thành Nhãn cần hiển thị bài viết (nếu muốn hiển thị bài viết của cả blog thì không cần quan tâm dòng này)</li>
<li><span style="color: #38761d;"><b>summaryPost = 147</b></span>; // Phần mô tả sẽ hiển thị</li>
<li><span style="color: blue;"><b>numposts = 12</b></span>; // số bài viết sẽ hiển thị</li>
</ul>
- 2 dòng code <span style="background-color: lime;">màu xanh</span> bạn có thể thay đổi tùy thích (xem hình minh họa bên dưới)</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSExcou9EZdq42cTVcLK5rJxEhD3I-Irwk4IaXAZ6YEjwn0zR9jT30jp9wVbY874oLbbB-bWWA5UfmU5NMalfAdDJUqy0YDeva93Hy783f80UpDis7zKArOgTUHqsrfOSiFev4CvX0CNp/s1600/recent-post-dang-3-cot-dep-cho-blogspot-namkna-blogspot-com.png" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Tiện ích Recent post dạng 3 cột cho blogspot." border="0" height="321" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSExcou9EZdq42cTVcLK5rJxEhD3I-Irwk4IaXAZ6YEjwn0zR9jT30jp9wVbY874oLbbB-bWWA5UfmU5NMalfAdDJUqy0YDeva93Hy783f80UpDis7zKArOgTUHqsrfOSiFev4CvX0CNp/s400/recent-post-dang-3-cot-dep-cho-blogspot-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tiện ích Recent post dạng 3 cột cho blogspot." width="400" /></a></div>
<span style="text-align: left;">☼ Để hiển thị các bài viết mới cho cả blog thì các bạn thay code bên dưới:</span><br />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: left; width: auto !important;"><script src="<b><a href="http://code.google.com/p/fandung/source/browse/trunk/js/z-recent-label.js" style="color: #006666;" target="_blank">http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-label.js</a></b>" type="text/javascript"></script></pre>
<span style="text-align: left;">- Thành:</span><br />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: left; width: auto !important;"><script src="<b><a href="http://code.google.com/p/fandung/source/browse/trunk/js/z-recent-post.js" style="color: #006666; text-decoration: none;" target="_blank">http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-post.js</a></b>" type="text/javascript"></script></pre>
<br style="text-align: left;" />
<span style="font-size: x-small; text-align: left;">6-  <span class="Apple-style-span" style="color: #333333; line-height: 16px;">Bấm <b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Lưu </b></span>  (save Widget) lại. </span><span style="text-align: left;"> </span><br />
<br style="text-align: left;" />
<div style="text-align: justify;">
<blockquote class="tr_bq" style="background-color: #f0fdff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(150, 215, 226); margin: 0px; padding: 10px;">
- Lưu ý: Để tiện ích có thể hoantj động tốt và load nhanh các bạn nên download các file Js (<a href="https://www.dropbox.com/s/w9qs8t38jca74v8/z-recent-label.js" style="color: #006666; text-decoration: none;" target="_blank"><b>z-recent-label.js</b></a> và <a href="https://www.dropbox.com/s/dlmso6swu0ydt67/z-recent-post.js" style="color: #006666; text-decoration: none;" target="_blank"><b>z-recent-post.js</b></a>)bên trên về sau đó Upload lên host riêng để dùng phòng khi host của namkna bị die. Nếu chưa có host riêng bạn có thể tham khảo 2 host miễn phí sau: <a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" style="color: #006666; text-decoration: none;" target="_blank"><b>google code</b></a> và<a href="http://namkna.blogspot.com/2012/03/huong-dan-su-dung-dropbox-e-luu-tru.html" style="color: #006666; text-decoration: none;" target="_blank"><b> dropbox</b></a>.</blockquote>
</div>
<span style="text-align: left;">Chúc các bạn thành công.</span><br />
<div>
<span style="text-align: left;"><br /></span></div>
</div>

thủ thuật

0 thủ thuật 08:21

Recent post width thumbnail 3 cột cho blogspot. Hôm nay namkna sẽ giới thiệu thêm cho các bạn một tiện ích recent post mới, tiện ích này trước đây được news.zing.vn sử dụng và cũng từng được fandung giới thiệu rồi, tuy nhiên hiện nay đã thất lạc do … Read more »

23May2013

code hóa

0 thủ thuật 08:15

<br />
<h1 class="post-title entry-title" style="background-color: #f0f2f3; font-family: Arial; margin: 0px;">
Tạo khung converter code cho blogger</h1>
<div class="post-header" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-5398329674754929974" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 1.4em; margin: 0.5em 0px 0.75em; padding-top: 6px;">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm5GzGCafq2_bz0INI-MXY7p5LQcwJ1GDgWmRDrw7ZLgSgKRxrtP4uuXLZetJDJ-dx_Lz-xkHDuaMHpee7AoGIQH8Vc414WYslLMtqV4ek8osCsAhFyQEikfGf-pqJlrQo2rcut-jjygPP/s200/blogger-logo-blogspot-code-tao-khung-convert-code-cho-blogspot-namkna-ngoctra-1.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="150" /></div>
<div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">
Trong <a href="http://namkna.blogspot.com/2011/05/khoi-tao-blogger.html" style="color: #006666; text-decoration: none;" target="_blank"><b>blogger</b></a> bạn muốn chèn một đoạn mã <a href="http://namkna.blogspot.com/2011/08/tong-hop-khung-chua-code-dep-cho.html" style="color: #006666; text-decoration: none;" target="_blank"><b>code</b></a> nào đó vào bài đăng, hoặc phần <a href="http://namkna.blogspot.com/2011/10/chen-comment-phan-cap-vao-blogspot-cua.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Comment </b></a>nhằm cho độc giả xem, nếu cứ cóp y nguyên đoạn mã đó chắc chắn blogger sẽ không cho bạn đăng nó và sẽ thông báo lỗi hoặc đoạn Code đó sẽ không hiển thị được.</div>
<a href="http://www.blogger.com/blogger.g?blogID=8624584820429677863" name="more"></a><br />
<div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">
<span style="font-size: x-small;">Để khắc phục tình trạng này bạn cần phải mã hóa <a href="http://namkna.blogspot.com/2011/10/tao-khung-chua-code-cho-bai-viet-cach-5.html" style="color: #006666; text-decoration: none;" target="_blank"><b>code</b></a> trước khi cho vào bài đăng. Bài viết này nhằm hướng dẫn bạn tạo riêng cho blogger của mình 1 khung <a href="http://namkna.blogspot.com/2011/01/phan-mem-oi-inh-dang-video-crack.html" style="color: #006666; text-decoration: none;" target="_blank">converter</a> những đoạn mã đó sang dạng có thể đưa vào bài đăng trên <a href="http://namkna.blogspot.com/2011/05/khoi-tao-blogger.html" style="color: #006666; text-decoration: none;" target="_blank">blogger</a> được mà vẫn giữ nguyên được những đoạn code mà bạn cần hiển thị.</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Các bạn có thể xem qua dưới đây.</span><br />
<br />
<div style="font-family: Arial, Helvetica, sans-serif; text-align: center;">
<span style="background-attachment: scroll; background-color: #24bde2; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 5px 10px;">Xem <a href="http://namkna.blogspot.com/2011/02/converter-code-cho-blogger-oi-code-cho.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Demo</b></a></span></div>
<div style="font-family: Arial, Helvetica, sans-serif;">
<br />
<i><b>Cách làm:</b></i> Cóp và dán đoạn code sau vào HTML của bài đăng, hoặc tạo một 1 <a href="http://namkna.blogspot.com/2011/07/chen-2-cot-widget-vao-main-wrapper.html" style="color: #006666; text-decoration: none;" target="_blank">Widget</a> hay chỗ nào đó mà bạn cần hiển thị hộp converter này!<br />
<br />
<span style="font-weight: bold;">Code:</span></div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="font-weight: bold;"><b style="color: purple;">Gõ code cần chuyển đổi vào ô bên dưới nhấn Converter để chuyển đổi mã hóa:</b></span>
<script src="http://www.gmodules.com/ig/ifr?url=<a href="http://namknablog.googlecode.com/files/code_converter_for_blogger-by-namkna-ngoctra.xml" style="color: #006666; text-decoration: none;"><b style="color: lime;">http://namknablog.googlecode.com/files/code_converter_for_blogger-by-namkna-ngoctra.xml</b></a>&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;<b style="color: red;">w=570&amp</b>;<b style="color: blue;">h=300&amp</b>;output=js"></script></pre>
<div style="font-family: Arial, Helvetica, sans-serif;">
Chú ý:  <b style="color: red;">w=570&amp</b> là chiều rộng khung<b>.</b><br />
            <b style="color: purple;"> h=300&amp</b> là chiều cao khung.<br />
             Các bạn cso thể <a href="http://www.mediafire.com/?tfaq937konbg7m7" style="color: #006666; text-decoration: none;" target="_blank">Download File js</a> về <a href="http://www.mediafire.com/?tfaq937konbg7m7" style="color: #006666; text-decoration: none;" target="_blank"><b>Tại Đây</b></a> và upload lên <a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" style="color: #006666; text-decoration: none;" target="_blank"><b>hotting riêng</b></a> để dùng lâu dài.<br />
Sau khi làm xong dán đoạn code cần đăng vào đây rồi chuyển đổi trước khi đăng lên Blogger.<br />
Chúc bạn thành công.</div>
</div>

code hóa

0 thủ thuật 08:15

Tạo khung converter code cho blogger Trong blogger bạn muốn chèn một đoạn mã code nào đó vào bài đăng, hoặc phần Comment nhằm cho độc giả xem, nếu cứ cóp y nguyên đoạn mã đó chắc chắn blogger sẽ không cho bạn đăng nó và sẽ thông báo lỗi hoặc đoạn Co… Read more »

23May2013

Tạo hiệu ứng ảnh

0 thủ thuật 08:07

<br />
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; padding: 0px; text-align: justify;">
<b style="color: orange;">Cách 1: </b>Đầu tiên các bạn tìm một bức ảnh mà các bạn muốn taoh hiệu ứng bóng mờ:<br />
Tiếp theo vào <b style="background-color: #666666; color: lime;"> Thiết kế </b> -> <b style="background-color: #666666;"> <span style="color: lime;">Chỉnh sửa HTML</span> </b>.</div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; padding: 0px; text-align: justify;">
- Các bạn có 2 cách để làm<br />
<b>- Bước 1: </b>Thêm đoạn Code sau trước thẻ: <b style="background-color: #666666; color: lime;"></head></b></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">
<b>Code:</b></div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><style>

.pulloutimage{
  position: relative;
}

.pulloutimage img{
  position: absolute; /* absolute position and stack images inside container */
  left: 0;
}

.pulloutimage img.ondemand{ /*CSS for image shown on demand */
  opacity: 0;
  visibility: hidden; /* hide it initially (mainly for legacy browsers) */
}

.pulloutimage img.original{
  z-index: 1; /* set base z-index of initially shown image */
}

@-webkit-keyframes revealfromright{ /* keyframe animation that slides a DIV out from another before overlapping later */
  0%{ /* Start of animation */
  z-index: -1;
  opacity: 0;
  }
  50%{ /* Half way point, move image to right edge of container */
  opacity: 1;
  z-index: -1;
  left: 100%;
  box-shadow: none;
  }
  51%{ /* 51% point, stack animating image on top of original image */
  z-index: 2;
  }
  100%{ /* Final point, move animating image back so it's on top of original */
  left: 0;
  box-shadow: 8px 8px 15px gray;
  }
}

@-moz-keyframes revealfromright{
  0%{
  z-index:-1;
  opacity:0;
  }
  50%{
  opacity:1;
  z-index:-1;
  left:100%;
  box-shadow: none;
  }
  51%{
  z-index:2;
  }
  100%{
  left:0;
  box-shadow: 8px 8px 15px gray;
  }
}

@-ms-keyframes revealfromright{
  0%{
  z-index:-1;
  opacity:0;
  }
  50%{
  opacity:1;
  z-index:-1;
  left:100%;
  box-shadow: none;
  }
  51%{
  z-index:2;
  }
  100%{
  left:0;
  box-shadow: 8px 8px 15px gray;
  }
}

.pulloutimage:hover img.ondemand{ /* when mouse rolls over pulloutimage container, style to apply to "ondemand" image */
  -webkit-animation-name:revealfromright; /* specify animation keyframe */
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  
  -moz-animation-name:revealfromright;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  
  -ms-animation-name:revealfromright;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  
  animation-name:revealfromright;
  animation-duration: 1s;
  animation-iteration-count: 1;
  
  visibility:visible;
  opacity:1;
  box-shadow: 8px 8px 15px gray;
  z-index:2;
}

.pulloutimage:hover img.original{ /* when mouse rolls over pulloutimage container, style to apply to "original" image */
  opacity:0.5;
}

</style></pre>
<span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><b>- Bước 2</b>: Thêm đoạn Code sau vào HTML/JavarScrip hặc HTML bài viết</span><br />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">

<div class="pulloutimage" style="width:298px; height:223px">
<img class="original" src="<b style="color: red;">Ảnh 1</b>" />
<img class="ondemand" src="<b style="color: blue;">Ảnh hiện ra khi dê chuột vào ảnh 1</b>" />
</div>

<br />
<div class="pulloutimage" style="width:263px; height:199px">
<img class="original" src="<b style="color: red;">Ảnh 2</b>" />
<img class="ondemand" src="<b style="color: blue;">Ảnh hiện ra khi rê chuột vào ảnh 2</b>" />
</div></pre>
<span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">Cách 2: Cách này hơi khác cách 1 đó là các bạn chèn trực tiếp mã sau vào bài viết của bạn.</span><br />
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">
<span style="font-size: xx-small;"><br /></span></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: center;">
<span style="font-size: x-small;"><span style="background-attachment: scroll; background-color: #24bde2; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 5px 10px;">Xem <a href="http://demo-namkna.blogspot.com/2012/01/hieu-ung-hover-thay-oi-2-hinh-anh-khi.html" style="color: #006666; text-decoration: none;" target="_blank"><b><span style="color: red;">Demo</span></b></a></span></span></div>
<br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" />
<a href="http://namkna.blogspot.com/" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;"><img border="0" name="nameyourimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7f8xFX2cyTiXj9rSWwgt5zSy1hdobhZQ_y8zZy2IiPGUSYOqLEvW_nbHbbnDAhxkVe3Rgi4U4aXNxqqnaRL3OkyKMyQqa24kLrlnVZm5e4x47BSVihPl07Ohl1svnS0TSa-u-g9toRo7t/s1600/tao-anh-mo-cho-blogspot-namkna-ngcotra.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" /></a><br />
<code style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin: 10px 0px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><a href="<b>http://namkna.blogspot.com/</b>" onmouseover="nameyourimage.src='<b style="color: red;">Link ảnh 1</b>'" onmouseout="nameyourimage.src='<b style="color: red;">Link ảnh 2</b>'"><img src="<b style="color: red;">Link ảnh 2</b>" name="nameyourimage" border="0" /></a></code><br />
<span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">Ta sử dụng 2 ảnh trùng nhau là <b style="color: red;">link ảnh 2</b> </span>

Tạo hiệu ứng ảnh

0 thủ thuật 08:07

Cách 1: Đầu tiên các bạn tìm một bức ảnh mà các bạn muốn taoh hiệu ứng bóng mờ: Tiếp theo vào Thiết kế -> Chỉnh sửa HTML . - Các bạn có 2 cách để làm - Bước 1: Thêm đoạn Code sau trước thẻ: Code: .pulloutimage{ position: relative; } .pulloutim… Read more »

23May2013

menu sổ dọc

0 thủ thuật 08:04

<br />
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<span style="font-size: x-small;">  4- Dán đoạn code sau vào trước thẻ đóng <b>]]></b:skin></b>.</span></div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">.button {border:1px solid #055;border-radius:3px;box-shadow:0 1px rgba(255,255,255,0.3) inset;background:#41A317;color:#FFFF00 !important;text-decoration:none !important}
a.button:hover,.submit.button:hover{border:1px solid #222;background:#810541}
.button.medium{padding:5px 10px;font-size:12px}
.button.big{padding:10px 20px;font-size:14px}
div.sdmenu {
 width: 200px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 padding-bottom: 10px;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi64LXrWCbUDL-0xnkwYhu3KG14NP88BSK4WFLIFC7Vu9fyu-sI8WP3GRVeCQlUI02u2mdJ9dIdvpQi48rHkRJ8A5pK0UbErv1QSSulEA2UBDsfloCgFJxSsl5RT7y3Y_d3cG6j-w3BSrJ4/h120/bottom-menu-doc-namkna-blogspot.gif) no-repeat  right bottom;
 color: #fff;
}
div.sdmenu div {
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip299X3lfTx1_RlBZ0WG4Bree_RxHQ7CNjfsWogeBXHjhX6yKIbQsYmSFaz8Ix8VdPvv3Erf4xR3NKcNebjg4LB73A-MaSNRDZUEtkQpGRj2G7XrjpXUmzXYx3Viwbq4xGI6u14mj1_mHc/s1600/menu1-namkna-blogspot-com.gif) repeat-x;
 overflow: hidden;
}
div.sdmenu div:first-child {
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip299X3lfTx1_RlBZ0WG4Bree_RxHQ7CNjfsWogeBXHjhX6yKIbQsYmSFaz8Ix8VdPvv3Erf4xR3NKcNebjg4LB73A-MaSNRDZUEtkQpGRj2G7XrjpXUmzXYx3Viwbq4xGI6u14mj1_mHc/s1600/menu1-namkna-blogspot-com.gif) no-repeat;
}
div.sdmenu div.collapsed {
 height: 30px;
}
div.sdmenu div span {
 display: block;
 padding: 8px 30px;
 font-weight: bold;
 color: white;
 background: url(expanded.gif) no-repeat 10px center;
 cursor: default;
 border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
 background-image: url(collapsed.gif);
}
div.sdmenu div a {
 padding: 8px 30px;
 background: #eee;
 display: block;
 border-bottom: 1px solid #ddd;
 color: #066;
}
div.sdmenu div a.current {
 background : #ccc;
}
div.sdmenu div a:hover {
 background : #066 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip299X3lfTx1_RlBZ0WG4Bree_RxHQ7CNjfsWogeBXHjhX6yKIbQsYmSFaz8Ix8VdPvv3Erf4xR3NKcNebjg4LB73A-MaSNRDZUEtkQpGRj2G7XrjpXUmzXYx3Viwbq4xGI6u14mj1_mHc/s1600/menu1-namkna-blogspot-com.gif) 0 -32px;
 color: #fff;
 text-decoration: none;
}</pre>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">
<br /></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">
<span style="font-size: x-small;">     5-  <span class="Apple-style-span" style="color: #333333; line-height: 16px;">Bấm <b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Lưu Mẫu</b></span>  (save template) lại.</span></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">
<br /></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">
<span style="font-size: x-small;">    6. Tạo một widget HTML/Javarscip và dán đoạn code sau vào:</span></div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><script type="text/javascript" src="<a href="http://dl.dropbox.com/u/70549761/Menu/namkna-blogspot-com/sdmenu.js" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>http://dl.dropbox.com/u/70549761/Menu/namkna-blogspot-com/sdmenu.js</b></a>"></script>
<script type="text/javascript">
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
</script>
<form action="#" style="font-family: sans-serif; font-size: .8em" onsubmit="return false">
<input class="submit button medium" type="button" value="<b style="color: orange;">Hiện Menu</b>" onclick="myMenu.expandAll()" />
<input class="submit button medium" type="button" value="<b style="color: orange;">Rút gọn menu</b>" onclick="myMenu.collapseAll()" />
</form>
<div style="float: left" id="my_menu" class="sdmenu">
<div>
    <span><b style="color: blue;">Menu 1</b></span>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 1.1</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 1.2</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 1.3</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 1.4</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 1.5</b></a>
</div>
<div>
   <span><b style="color: blue;">Menu 2</b></span>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 2.1</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 2.2</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 2.3</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 2.4</b></a>
</div>
<div class="collapsed">
   <span><b style="color: blue;">Menu 3</b></span>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 3.1</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 3.2</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 3.3</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 3.4</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 3.5</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 3.6</b></a>
</div>
<div>
    <span><b style="color: blue;">Menu 4</b></span>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 4.1</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 4.2</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 4.3</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 4.4</b></a>
        <a href="<b style="color: red;">#</b>"><b style="color: #38761d;">Sub Menu 4.5</b></a>
</div>
    </div></pre>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<span style="font-size: x-small;">Trong đo:</span></div>
<ul style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<li><span style="font-size: x-small;">Thay các dấu thăng màu đỏ thành URL (địa chỉ) liên kết tới bài viết, nhãn, trang của bạn.</span></li>
<li><span style="font-size: x-small;">Thay các phần màu xanh thành tên của các bài viết, nhãn, trang của bạn/</span></li>
<li><span style="font-size: x-small;">Bạn hãy tải file<b style="color: purple;"> sdmenu.js</b> và Upload lên <a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>Google code</b></a> hoặc <a href="http://namkna.blogspot.com/2012/03/huong-dan-su-dung-dropbox-e-luu-tru.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>Dropbox </b></a>để sử dụng lâu dài.</span></li>
</ul>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<span style="font-size: x-small;">   5-  <span class="Apple-style-span" style="color: #333333; line-height: 16px;">Bấm <b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Lưu </b></span>  (save Widget) lại.</span></div>
<div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<br /></div>
<blockquote class="tr_bq" style="background-color: #f0fdff; border: 1px solid rgb(150, 215, 226); font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 0px; padding: 10px;">
<div style="text-align: justify;">
<span style="font-size: xx-small;"><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;">- Ở trên mình dùng file ảnh làm background bạn cũng có thể thay thành các hình ảnh của bạn. Nếu không muốn dùng ảnh bạn có thể xóa các file ảnh đó đi.</span></span></span></div>
</blockquote>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<span style="font-size: xx-small;"><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;"> Chúc thành công!</span></span></span></div>

menu sổ dọc

0 thủ thuật 08:04

4- Dán đoạn code sau vào trước thẻ đóng ]]>. .button {border:1px solid #055;border-radius:3px;box-shadow:0 1px rgba(255,255,255,0.3) inset;background:#41A317;color:#FFFF00 !important;text-decoration:none !important} a.button:hover,.submit.button:h… Read more »

23May2013

menu02 +01=1

1 thủ thuật 08:03

<b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Style 2: Menu nằm dưới chân blog và hiện khi dê chuột xuống chân blog. </b><br />
<blockquote class="tr_bq" style="background-color: #f0fdff; border: 1px solid rgb(150, 215, 226); font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 0px; padding: 10px;">
<div style="text-align: center;">
Dê chuột xuống cuối blog để xem đemo<b></b></div>
</blockquote>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">ul, li, nav
{
     border: 0pt none;
     font: inherit;
     margin: 0pt;
     padding: 0pt;
}

nav{
     display: block;
}

ol, ul {
     list-style: none outside none;
}

a{
 text-decoration:none;
}

/*---end reset---*/

.overlay{
 position:fixed;
 lefT:0;
 bottom:0;
 height:100px;
 width:100%;
 background-color:transparent;
 z-index:1;
}

.wrap{
    width:960px;
    margin:auto;
}

.nav{
    background-color:#1e1e1e;
    height:60px;
 text-align:center;
 position:fixed;
 width:100%;
 left:0;
 bottom:-60px;
 z-index:999;
 -moz-transition:bottom 0.4s ease;
 -webkit-transition:bottom 0.4s ease;
 -o-transition:bottom 0.4s ease;
 -ms-transition:bottom 0.4s ease;
 transition:top 0.4s ease;
}

.overlay:hover ~ .nav,.nav:hover{
 bottom:0;
}

.navigation{
 display:inline-block;
}

.navigation li{
    display:inline;
}

.navigation a{
    display:block;
    float:left;
    font-family:helvetica,arial,sans-serif;
    color:#fff;
    font-size:12px;
    height:100%;
    line-height:60px;
    text-transform:uppercase;
    padding:0 35px;
 font-weight:bold;
    -moz-transition:all 0.4s ease;
 -webkit-transition:all 0.4s ease;
 -o-transition:all 0.4s ease;
 -ms-transition:all 0.4s ease;
 transition:all 0.4s ease;
}

.navigation li:nth-child(1) a:hover{
 background-color:#ffa32c;
}

.navigation li:nth-child(2) a:hover{
 background-color:#73e900;
}

.navigation li:nth-child(3) a:hover{
 background-color:#992ff3;
}

.navigation li:nth-child(4) a:hover{
 background-color:#38eec5;
}

.navigation li:nth-child(5) a:hover{
 background-color:#fff000;
}

.navigation li:nth-child(6) a:hover{
 background-color:#008aff;
}

.navigation li:nth-child(7) a:hover{
 background-color:#ff0096;
}

.navigation li:nth-child(8) a:hover{
 background-color:#ff3939;
}</pre>
<span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Sau đó bấm </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Lưu Mẫu </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">lại.</span>

menu02 +01=1

1 thủ thuật 08:03

Style 2: Menu nằm dưới chân blog và hiện khi dê chuột xuống chân blog. Dê chuột xuống cuối blog để xem đemo ul, li, nav { border: 0pt none; font: inherit; margin: 0pt; padding: 0pt; } nav{ display: block; } ol, ul { lis… Read more »

23May2013

menu 01

1 thủ thuật 08:02

<b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">4- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Dán đoạn code bên dưới vào tiện ích </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">HTML/Javarscip</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"> vừa tạo.</span><br />
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: justify; width: auto !important;"><div class="overlay"></div>
 <div class="nav">
  <div class="wrap">
   <ul class='navigation'>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Home</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Music</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Technology</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Sports</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Stars</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Cine</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Travel</b></span></a></li>
    <li><a href="<span style="color: red;"><b>#</b></span>"><span style="color: blue;"><b>Style</b></span></a></li>
   </ul>
  </div></pre>

menu 01

1 thủ thuật 08:02

4- Dán đoạn code bên dưới vào tiện ích HTML/Javarscip vừa tạo. #">Home #">Music #">Technology #">Sports #">Stars #">Cine #">Travel #">Style … Read more »

23May2013

thủ thuật 02

0 thủ thuật 08:00

<br />
<h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">
» Một số ưu điểm của thủ thuật Comment Facebook đơn giản này.</h3>
<ol style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<li>Không cần phải đăng ký và lấy Id trên facebook. Chỉ cần dùng URL blog của bạn là oke.</li>
<li>Khắc phục chỉ hiển thị khi có 1 commnet của blogger với mẫu threadcommnet.</li>
</ol>
<h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">
» Cách thêm khung Comment Facebook vào blog.</h3>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<b>1- Đăng nhập</b> vào blog</div>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<b>2-</b> Chọn<b> mẫu</b> (Template)</div>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<b>3-</b> Chọn <b>chỉnh sửa HTML </b>(Edit HTML)</div>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<b>4-</b> Thêm đoạn mã bên dưới vào trước thẻ <span style="background-color: #eeeeee;"><b></body></b></span>.</div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></pre>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<b>5-</b> Tìm một trong các đoạn code như sau: </div>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
- Đoạn 1:</div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div class='post-footer'></pre>
<span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Đoạn 2: </span><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div class='post-footer-line post-footer-line-1'></pre>
<span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Đoạn 3: </span><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div class='post-footer-line post-footer-line-2'></pre>
<span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Đoạn 4: </span><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div class='post-footer-line post-footer-line-3'></pre>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<i>Lưu ý:</i> mỗi đoạn cod trên đều có 2 đoạn giống hệt nhau và chỉ có 1 đoạn có tác dụng thôi nha.</div>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<br /></div>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
- Dán ngay vào sau một trong các đoạn code cừa tìm được đoạn code sau:</div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div class="fb-comments" data-href="<span style="color: red;"><b>http://namkna.blogspot.com/</b></span>" <span style="background-color: orange;">data-width="470"</span> <span style="background-color: lime;">data-num-posts="10"</span>></div></pre>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
Trong đó:<br /><ul>
<li>Thay <span style="color: red;"><b>http://namkna.blogspot.com/</b></span> thành địa chỉ blog của bạn.</li>
<li><span style="background-color: orange;"><b>data-width="470"</b></span> là chiều rộng của khung nhận xét facebook.</li>
<li><b><span style="background-color: lime;">data-num-posts="10"</span> </b>Là số comment sẽ hiển thị trên khung nhận xét.</li>
</ul>
</div>
<br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><blockquote class="tr_bq" style="background-color: #f0fdff; border: 1px solid rgb(150, 215, 226); font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 0px; padding: 10px;">
<div style="text-align: justify;">
Note: Ngoài ra bạn cũng có thể dán code trên vào tiện ích HTML/Javarscrip ngay dưới bài đăng của bạn.</div>
</blockquote>
<br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">
» Để thêm vào web site!</h3>
<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">
- Để thêm vào web site bạn dán file script vào giữa 2 thẻ <b><body>---</body></b></div>

thủ thuật 02

0 thủ thuật 08:00

» Một số ưu điểm của thủ thuật Comment Facebook đơn giản này. Không cần phải đăng ký và lấy Id trên facebook. Chỉ cần dùng URL blog của bạn là oke. Khắc phục chỉ hiển thị khi có 1 commnet của blogger với mẫu threadcommnet. » Cách thêm khung Comment … Read more »

23May2013

thủ thuật

0 thủ thuật 07:59

<br />
<h1 class="post-title entry-title" style="background-color: #f0f2f3; font-family: Arial; margin: 0px;">
Chuyển khung comments form lên trên nhận xét với thread comment</h1>
<div class="post-header" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-6969172229645770445" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 1.4em; margin: 0.5em 0px 0.75em; padding-top: 6px;">
<div style="text-align: justify;">
Mặc định blogspot thì tất cả các khung nhận xét đều nằm bên dưới của các nhận xét đã được xuất bản. Bài viết này Namkna sẽ hướng dẫn các bạn cách để di chuyển khung đăng nhận xét lên trên các nhận xét đã được xuất bản trong mẫu thread comment mới của blogger(cách làm tương tụ như với<a href="http://namkna.blogspot.com/2011/10/hien-thi-khung-comment-form-len-truoc.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b> mẫu cũ</b></a> của blogger.</div>
<div style="text-align: justify;">
Ảnh minh họa:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvdmpeic1qGgAkPuYbHnRvywCVv3EO-0ID07twe0V094CkSKUWVQ0tXI4_50p0w9JxHb5LdMDwWNsXdhgcTrKWyAaOzZEp6BO9fK8qXKHIRuH8TgbbXcLwnY8zzFh5u08ycMTfN1mbwJWx/s1600/di+chuyen+khung+nhan+xet+len+tren+cac+comment+-+Move+comments+box+on+top+comment+posst+of+thread+comment+blogspot.png" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Move comments form on top comments thread" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvdmpeic1qGgAkPuYbHnRvywCVv3EO-0ID07twe0V094CkSKUWVQ0tXI4_50p0w9JxHb5LdMDwWNsXdhgcTrKWyAaOzZEp6BO9fK8qXKHIRuH8TgbbXcLwnY8zzFh5u08ycMTfN1mbwJWx/s1600/di+chuyen+khung+nhan+xet+len+tren+cac+comment+-+Move+comments+box+on+top+comment+posst+of+thread+comment+blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Move comments form on top comments thread" /></a></div>
<br /><a href="" name="more"></a><h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; margin: 0px; padding: 3px; text-align: justify;">
☼ Cách chuyển khung comment lên trên các nhận xét đã đăng:</h3>
<div style="text-align: justify;">
<b>1- Đăng nhập</b> vào Blog</div>
<div style="text-align: justify;">
<b>2- </b>Vào <b>mẫu </b>(template)</div>
<div style="text-align: justify;">
<b>3- </b>Chọn <b>Chỉnh sử HTML</b> (Edit HTML)</div>
<div style="text-align: justify;">
<b>3- </b>Bấm chuột vào một vị trí bất kỳ trong khung chỉnh sửa HTML => Bấm tổ hợp phím Ctrl+F để mở <a href="http://namkna.blogspot.com/2013/04/update-new-style-edit-html-in-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank"><b>hộp tìm kiếm nội tuyến</b></a> và tìm đoạn code như bên dưới:</div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><p class='comment-footer'>
  <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='threaded-comment-form'/>
  <b:else/>
    <data:post.noNewCommentsText/>
  </b:if>
</p></pre>
<div style="text-align: justify;">
- Hãy cắt đoạn code đó sau đó dán vào trong <b>Notepad </b>hoặc <b>Microshoft Word</b> để sử dụng cho bước tiếp theo.</div>
<div style="text-align: justify;">
<b>4-</b> Tiếp tục kéo lên trên một chút bạn sẽ thấy đoạn code như sau:</div>
<pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div class='comments' id='comments'></pre>
- Ngay lập tức dán đoạn code bạn đã cut ở bước 3 vào sau đoạn code trên. Xem ảnh minh họa:<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0WkKwovxX5gE_clKjP0MLD4aWjPBycIGMU2ENlqt0LVn0BYnn0mK1ZG5w9EWOB8_RoktCejX6ZQgkQfL_OoNAHM6NefhDv6JMJAot0jqzk9AWfCeNWRQi6gHOOOjVVy6tjvlqqlo6S1xI/s1600/di+chuyen+khung+nhan+xet+len+tren+cac+comment+-+Move+comments+box+on+top+thread+comment.gif" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0WkKwovxX5gE_clKjP0MLD4aWjPBycIGMU2ENlqt0LVn0BYnn0mK1ZG5w9EWOB8_RoktCejX6ZQgkQfL_OoNAHM6NefhDv6JMJAot0jqzk9AWfCeNWRQi6gHOOOjVVy6tjvlqqlo6S1xI/s1600/di+chuyen+khung+nhan+xet+len+tren+cac+comment+-+Move+comments+box+on+top+thread+comment.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" /></a></div>
<blockquote class="tr_bq" style="background-color: #f0fdff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(150, 215, 226); margin: 0px; padding: 10px;">
<div style="text-align: justify;">
- Nếu không áp dụng được hoặc không tìm thấy code trên có thể blog bạn đang dùng mẫu comment cũ của blogger. thì hãy xem bài sau: <a href="http://namkna.blogspot.com/2011/10/hien-thi-khung-comment-form-len-truoc.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Hiển thị khung comment form lên trước nhận xét blogger</b></a></div>
</blockquote>
</div>

thủ thuật

0 thủ thuật 07:59

Chuyển khung comments form lên trên nhận xét với thread comment Mặc định blogspot thì tất cả các khung nhận xét đều nằm bên dưới của các nhận xét đã được xuất bản. Bài viết này Namkna sẽ hướng dẫn các bạn cách để di chuyển khung đăng nhận xét lên tr… Read more »

23May2013

HOT GIRL NAY VÀ XƯA

Simple Slider bài mới trượt cho blogspot ves3

side tab chuyển ngang

bài viết liên quan mô tả link

thủ thuật

code hóa

Tạo hiệu ứng ảnh

menu sổ dọc

menu02 +01=1

menu 01

thủ thuật 02

thủ thuật

Popular Posts

Labels

(☎) 0799996689