Hiển thị các bài đăng có nhãn Blogspot. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogspot. Hiển thị tất cả bài đăng

CÁCH CHÈN VIDEO YOUTUBE VÀO SIDEBAR CỦA BLOGGER

CÁCH CHÈN VIDEO YOUTUBE VÀO SIDEBAR CỦA BLOGGER
1. Đăng nhập vào Blog

2. Vào Bố cục (Layout)

3. Chọn Thêm Tiện ích (Add Widget)

4. Tạo 1 tiện ích HTML/Javarscip và chèn đoạn code phía dưới vào


[css]
<div class="widget-content">

<iframe width="336" height="169" src="http://www.youtube.com/embed/gEBJeqvJReg" frameborder="0" allowfullscreen></iframe>
<style>
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod=’auto expand’);
zoom: 1;
}

.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover {
text-decoration: none;
}
</style>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=8193278726666811965&amp;widgetType=HTML&amp;widgetId=HTML15&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML15&quot;));" target="configHTML15" title="Edit">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear">
</div>[/css]

Trong đó các bạn cần lưu ý đoạn mã sau

[css]<iframe width="336" height="169" src="http://www.youtube.com/embed/gEBJeqvJReg" frameborder="0" allowfullscreen></iframe>[/css]

  • width=”336″ là chiều rộng của Video
  • height=”169″ là chiệu cao của Video
  • http://www.youtube.com/embed/gEBJeqvJReg : Link Video youtube dưới dạng mã nhúng

Các bạn chỉnh sửa chiều rộng vào chiều cao của Video sao cho cân đối vào phù hợp với độ rộng của Sidebar

CÁCH LẤY LINK VIDEO YOUTUBE DƯỚI DẠNG MÃ NHÚNG


Để lấy link video Youtube dưới dạng mã nhúng bạn làm như sau

Trong trang xem video, kéo xuống phía dưới và nhấn vào tab chia sẻ

Hướng dẫn chèn kênh youtube của bạn vào phần tiện ích Blogspot

Các bước thực hiện như sau:

B1: Vào phần Bố Cục => Chọn thêm tiện ích => HTML/JavaScript


B2: Cửa sổ cấu hình HTML/JavaScript hiện ra, tại phần tiêu đề bạn để tên "youtube", phần nội dung bạn copy đoạn mã này: 


<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=KenhYoutubeCuaBan" width="300" height="220"></iframe>

Sau đó lưu lại và xem kết quả nhé

B3: Kết quả

Code chống copy bài viết cho Blogspot

Sau đây là cách thực hiện

Đối với Blog
Các bạn đang nhập blogspot vào code ==> Mẫu(Template) => chỉnh sửa HTML ==> Tìm thẻ đóng </body> rồi copy đoạn code dưới lên trên thẻ đóng </body>



<script type="text/javascript" src="https://sites.google.com/site/bituotblog/disable-copy.js"></script>

<style>

body{

-moz-user-select: none !important;

-webkit-touch-callout: none!important;

-webkit-user-select: none!important;

-khtml-user-select: none!important;

-moz-user-select: none!important;

-ms-user-select: none!important;

user-select: none!important;

}

</style>

Nhấn lưu là ok

Đối với web site thì bạn vào code file index của web bạn rồi chỉnh sửa làm tương tự như blog

Chúc các bạn thành công !


Để lại comment nếu có thắc mắc ..
Mã code Góc Khối C

Mã code Góc Khối C

 Home
              </div>
            </a>
          </li>
          <li>
            <a href='#'>
              Tin tuyển sinh
            </a>
            <ul>
              <li>
                <a href='#'>
               
                </a>
              </li>
              <li>
                <a href='#'>
               
                </a>
              </li>
              <li>
                <a href='#'>
             
                </a>
              </li>
            </ul>
          </li>
          <li>
            <a href='#'>
              Bí quyết học và thi
            </a>
            <ul>
<li>
                <a href='#'>
                  Góc khối C
                </a>
              </li>
              <li>
                <a href='#'>
                  Bí quyết học sử
                </a>
              </li>
              <li>
                <a href='#'>
                  Bí quyết học địa
                </a>
              </li>
              <li>
                <a href='#'>
                  Bí quyết văn
                </a>
              </li>
            </ul>
          </li>
<li>
            <a href='#'>
              Đề thi-đáp án
            </a>
            <ul>
              <li>
                <a href='#'>
                  Đề sử và đáp án
                </a>
              </li>
              <li>
                <a href='#'>
                  Đề địa và đáp án
                </a>
              </li>
              <li>
                <a href='#'>
                  Đề văn-đáp án
                </a>
              </li>
            </ul>
          </li>
<li>
            <a href='#'>
              Bài giảng online
            </a>
            <ul>
              <li>
                <a href='#'>
                  môn sử
                </a>
              </li>
              <li>
                <a href='#'>
                  môn địa
                </a>
              </li>
              <li>
                <a href='#'>
                  môn văn
                </a>
              </li>
            </ul>
          </li>
 <li>
            <a href='#'>
              Thủ thuật it
            </a>
            <ul>
              <li>
                <a href='#'>
                  Blogspot
                </a>
              </li>
              <li>
                <a href='#'>
                  Google+
                </a>
              </li>
              <li>
                <a href='#'>
                  Youtube, vimeo
                </a>
              </li>
<li>
                <a href='#'>
                  Phim, Ảnh, video
                </a>
              </li>
            </ul>
          </li>
<li>
            <a href='#'>
              Giải trí
            </a>
            <ul>
              <li>
                <a href='#'>
                  Boy handsome
                </a>
              </li>
<li>
                <a href='#'>
                  Thơ
                </a>
              </li>
              <li>
                <a href='#'>
                  Truyện ngắn
                </a>
              </li>
              <li>
                <a href='#'>
                 
                </a>
              </li>
            </ul>
          </li>
 <li>
            <a href='#'>
              Theo dòng lịch sử
            </a>
          </li>
          <li>
            <a href=''>
              Video
            </a>
          </li>
        </ul>

Tiện ích nhận xét mới (Recent Comments) đẹp có Avatar cho Blogspot

vào Trang quản trị của Blogger→Bố cục→Thêm tiện ích→HTML/Javascript→Dán đoạn code sau và lưu lại.

Tiện ích nhận xét mới (Recent Comments) đẹp có Avatar cho Blogspot Mẫu 2


<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="widget-content">
<style type="text/css">
ul.recent_comments{list-style:none;margin:0;padding:0;height:300px; overflow: auto;width:100%;}
.recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.recent_comments li .avatarImage{padding:3px;background:#fff;box-shadow:0 1px 1px #fff;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{}
.recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.recent_comments li span{margin-top:4px;color: #f8;display: block;font-size: 13px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 20,//Số lượng nhận xét hiển thị
showAvatar = true,
avatarSize = 50,//Kích thước avatar người nhận xét
roundAvatar = true,
characters = 20,//Số ký tự của nhận xét
showMorelink = true,
moreLinktext = "Xem thêm &#187;",
defaultAvatar = "Link ảnh mặc định của người nhận xét không có avatar",
hideCredits = false;
//]]>
</script>
<script src="https://googledrive.com/host/0B1EJGJ56bNPuSVp5cEtXZWZnNTQ/" type="text/javascript"></script>
<script src="http://xanhlacay.blogspot.com/feeds/comments/default?alt=json&amp;callback=recent_comments&amp;max-results=100" type="text/javascript"></script>
</div>
</div>

chèn slide ảnh cho blogspot

- Hướng dẫn thủ thuật:
1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
2. Dán Code dưới đây vào tiện ích vừa thêm:
Code



<style type="text/css">

.container1 {
width: 660px;padding: 0;margin: 0 auto;
}
.folio_block {
position: absolute;left: 50%; top: 50%;margin: -140px 0 0 -395px;}
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.window {-moz-box-shadow: 0px 0px 5px #303030;
-webkit-box-shadow: 0px 0px 5px #303030;
box-shadow: 0px 0px 5px #303030;border:1px solid #000000;height:240px; width: 660px;
margin-top:15px;overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;top: 0; left: 0;
}
.image_reel img {float: left;}
.paging_btrix {
position: absolute;bottom: 10px; right: -7px;width: 178px; height:47px;z-index: 100; /*--Assures the paging stays on the top layer--*/text-align: center;
line-height: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhDvsXSt4WUJoZI_5F8EH3Jrpmd3x8yG0JDqA8OX9HF2tC0Ux9vZ1BUZSVEVnRe6f2fQbKCHcq1yGcOmsfqR2yLoJpTJwv8Idy7h6cRrSL6ZUEonT-oRPrAbJfJfDzkBNpUrLTZjN7Ao/s1600/paging_btrix_bg2.png) no-repeat;
display: none; 
}
.paging_btrix a {
padding: 5px;text-decoration: none;color: #fff;
}
.paging_btrix a.active {
font-weight: bold; background: #920000; border: 1px solid #610000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging_btrix a:hover {font-weight: bold;}
</style>
<!-- Huong dan thu thuat http://itviet360.com -->
<div class="container1">
<div class="main_view">
<div class="window">
<div class="image_reel">
<a href="http://cutiseo.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTWiArkqIEgQ6ZegQjPQa-k64FGyeQf8eX_6ksALKa-8XGI9cDjnq0NPwP8Qr_2abPHRLCWIrEqImgLEGTWqGCA_UbQU7KiFYBkKtr3V-7bGWbQPVEq-r6WaM39QZS1_GzJpiPHwRZtnVH/s1600/anh-bia-fb-tinh-yeu-10.jpg" alt="anh bia facebook tinh yeu dep buon" width='660' /></a>
<a href="http://cutiseo.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0U0GVvW9XYEMzUd6IQbEm3K4MnSWoUf2Dgwp_Un7U0HKZ_R1f9TM3HDQIPJKfQTYLOwLvBY6l0Ge9clNwuCwV24ju5R9hk5hgtwa6eGvHp_JYeyGxOiQd32gftOE2nKLqliC-Fef286he/s1600/anh-bia-fb-tinh-yeu-11.jpg" width='660' alt="anh bia facebook tinh yeu dep buon" width='660' /></a>
<a href="http://cutiseo.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxpf2QrCZ59F1TjIC8YhJd9kNdReYe5r30ZtE4Iy0Amx5XsnCvv8ib2d6PV20EQP2wpA-KC14UVKpzH2JTRrVPN3l5ij_1Yd4g0GeEWC5oCSTqy8l75GNBNDFobs7pTfOvlX1DLb3aC7Q/s1600/anh-bia-tinh-yeu-dep-3.jpg" alt="anh bia facebook tinh yeu dep buon" width='660' /></a>
<a href="http://cutiseo.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc8Y3IZ4Ka-VtbTd8gAuBSaDJPvwkBovPwf0jpkcGNIuoLUuHtAt1KePDQlydZhDSg1TiIBt0J37-FPiDeZapzbgHueNi-GbkoJjCgi1jRquc59xejiUJuKaniOC81MPYRKmiHYZKk7RiI/s1600/anh-bia-fb-tinh-yeu-1.jpg" alt="anh bia facebook tinh yeu dep buon" width='660' /></a>
</div>
</div>
<div class="paging_btrix">
<a href="#" rel="1">1</a>
<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
<a href="#" rel="4">4</a>
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

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

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").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_btrix + 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_btrix a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

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

}; 

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

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
}); 

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

});
</script>
Các điểm lưu ý mình đã in màu khác. Các bạn có thể chỉnh sửa theo ý của mình nhé.
- Lưu lại và xem kết quả :)
 
 

Tổng hợp Template (Mẫu) đẹp nhất dành cho Blogspot, Website

Tổng hợp những Template, mẫu Blogspot dành cho website, Blog phù hợp với nhiều nội dung như Giáo dục, Tin tức, Phim, Tạp chí, Bán hàng, Blog cá nhân... Các mẫu Blogspot được thiết kế theo nhiều phong cách khác nhau phù hợp với sở thích và loại hình kinh doanh của người dùng. Với bố cục đơ

Mẫu 01: Mẫu Giáo Dục














Xem bản DEMO
Giá: 50000 vnd
Mua mẫu này liên hệ: 01672905678

Mẫu 02: Mẫu LINEZAP
Dành cho trang Tạp Chí, Tin Tức


Sáu cách khắc phục VNPT chặn Blogger, Wordpress, Facebook

Tháng 1 năm 2015, một số người dùng mạng VNPT (của nhà nước) không thể kết nối được với các hệ thống web đi quốc tế như Blogger, Facebook, Wordpress... kể các trang dùng tên miền riêng, hay tên miền có sẵn do hệ thống cung cấp. Điều này đã gây không ít phiền toái cho người sử dụng Internet.

Sáu cách khắc phục VNPT chặn Blogger, Wordpress, Facebook


A: LÝ DO VNPT CHẶN INTERNET

VNPT không chặn luôn hệ thống Blogger.com , Wordpress.com, hay Facebook.com mà chỉ chặn Subdomain dạng abc.blogspot.com và abc.wordpress.com. Do vậy người dùng có thể không bị chặn hẳn mà  truy cập chập chờn lúc được, lúc không.

Nguyên nhân về việc VNPT chặn các hệ thống Blogger hay Wordpress là do nhiều Website trong các hệ thống này chứa nhiều thông tin có nội dung xấu như phim ảnh đồi trụy, nội dung chính trị, phản động tuyên truyền chống phá nhà nước Việt Nam...

Sáu cách khắc phục VNPT chặn Blogger, Wordpress, Facebook

Một lý do khác có thể là do Sử dụng đường truyền quốc tế nhiều mà chưa thu được lại lợi nhuận do giá thành cao hơn đường truyền trong nước nên nhà mạng tạm khóa IP để ko bị thua lỗ.

Tuy nhiên, việc này đã gây ảnh hưởng không nhỏ đến những người sử dùng chân chính để kinh doanh, chia sẻ tin tức...

B: CÁCH KHẮC PHỤC

Để khắc phục bạn có thể thử áp dụng một số biện pháp sau

1: Đổi URL truy cập
Đổi http thành https, ví dụ trước đây bạn truy cập là http://abc.blogspot.com thì giờ đổi thành https://abc.blogspot.com .Đây có lẽ là cách dễ nhất để bạn có thể truy cập vào những trang web bị chặn. Tuy điều này không hoạt động tốt mọi lúc nhưng đây vẫn một cách hay và nhanh nhất bạn nên thử. Chỉ cần thay địa chỉ của trang web bị chặn từ

2: Đổi mã DNS
Các bạn chọn start trên thanh Tab3. Nhấn start -> Contro Panel -> Network Connections -> Local Area Connections-> Properties-> Internet Protocol (TCP/IP).
Tại đây thay 8.8.8.8 vào dòng Preferred DNS server Và 8.8.4.4 vào dòng Alternate DNS server C.

Nếu không được thử đổi là 4.2.2.3 trên 4.2.2.4 Nhấn Ok để lưu lại.

3: Sử dụng các trang mạng vượt tường lửa
Cách này đơn giản và hiệu quả nhưng hơi chậm có thể sử dụng các trang mạng cho phép vượt tường lửa. Vào các trang sau và gõ địa chỉ cần đến là được
proxyweb.com.es
hidemyass.com
german-proxy
101speed.info
Browser 24
Fast Accesses
Privacy 24
Fast Webview
0006 Site
Surf Wired

4: Dùng phần mềm Hotspot Shield
Hotspot Shield là một chương trình VPN client miễn phí. Nó kết nối máy tính chúng ta với một mạng riêng ảo và các dữ liệu được mã hóa để bảo đảm vấn đề bảo mật. Máy tính sẽ dùng 1 IP của US để kết nối vào mạng với tốc độ không hề thay đổi như không dùng Hotspot Shield. Nếu dùng bản free bạn phải đối mặt với một ít quảng cáo. Bạn lên mạng serch từ khóa Hotspot Shield download phần mềm về cài đặt và dùng.

5: Thay đổi cách duyệt Web
Sử dụng trình duyệt Cốc Cốc, hay Dcom 3g không phải của VNPT để vào mạng

6: Đổi sang dùng mạng FPT hihi

Hi vọng với một số hướng dẫn trên có thể giúp bạn nhanh chóng khắc phục việc nhà mạng VNPT chặn truy cập để tiếp tục công việc của mình.

Tối ưu hóa SEO tiêu đề bài đăng trong Blogspot

Ba mẹo cơ bản để tối ưu hóa SEO tiêu đề bài đăng trong Blogspot. Còn những phương pháp SEO khác, bài này chỉ hướng dẫn SEO tiêu đề.


Tối ưu hóa Seo tiêu đề bài đăng trong BLogspot


SEO, là quá trình tối ưu hóa nội dung văn bản và cấu trúc Website để các công cụ tìm kiếm lựa chọn trang web phù hợp nhất phục vụ người tìm kiếm trên Internet. Có thể hiểu đơn giản SEO là tập hợp các phương pháp đưa website lên vị trí TOP10 của các trang tìm kiếm.
Sau đây là 3 mẹo cơ bản để tối ưu hóa tiêu đề bài đăng cho Blogspot:


1: Đặt tên tiêu đề
Tiêu đề, đây là phần đầu tiên của bài viết có tác dụng gây ấn tượng với người xem, tiêu đề cũng là một trong các yếu tố mà công cụ tìm kiếm quan tâm, để xếp hạng kết quả. Do vậy, khi đặt tiêu đề bài viết cần chú ý các yêu cầu sau.

  • Tiêu đề phải liên quan chặt trẽ đến nội dung
  • Tiêu đề không dài quá 70 ký tự vì kết quả tìm kiếm chỉ hiển thị 70 kí tự đầu tiên ở tiêu đề
  • Tiêu đề phải có ít nhất một từ khóa, hoặc cụm từ khóa quan trọng trong bài viết.

2: Chèn từ khóa trọng tâm
Chèn từ khóa trọng tâm vào tiêu đề bài viết, một tiêu đề tối ưu phải chứa từ khóa. Vị trí tốt nhất mà bạn nên đặt từ khóa trong tiêu đề là phần đầu câu. Tuy nhiên bạn cũng không nên quá máy móc, quy tắc trong việc đặt từ khóa ở tiêu đề, nếu thấy không phù hợp bạn có thể đặt ở giữa hoặc cuối câu tiêu đề, miền là trong vòng 70 ký tự trở lại

3: Sử dụng con số cụ thể
Trích dẫn số liệu cụ thể sẽ thu hút người xem hơn.
Những bài viết có chứa những con số cụ thể 1,2,3,4,5... sẽ thu hút hơn đối với người đọc, vì vậy hãy áp dụng gợi ý này để tạo ra những tiêu đề thu hút.

Chèn comment của Facebook vào Blogspot

Blogspot sử dụng hệ thống nhận xét mặc định của Blog, bạn có thể tích hợp nhận xét của Google+ , nhưng để chèn nhận xét của mạng xã hội Facebook vào Blogspot bạn cần thực hiện một số thủ thuật nhỏ.




Để chèn nhận xét Facebook vào Blogspot bạn thực hiện các bước sau:
1: Đăng nhập vào giao diện quản lý của Blog
Tại giao diện này bạn chọn mục Mẫu -> Chỉnh sửa HTMl

2: Ấn tổ hợp phím CTRL F tìm thẻ </head>
Bạn chèn đoạn code dưới đây vào trước thẻ </head>



<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="8" data-width="766"></div>';
//]]>
</script>

tại data-width="766" chiều rộng khung bình luận
tại data-num-post="8" tổng số nhận xét hiển thị
Bạn có thể thay đổi tùy ý các thông số 766 và 8 trong đoạn code trên

3: Tìm thẻ </body>
Chèn đoạn code bên dưới vào trước thẻ </body>

<div id='fb-root'/> <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/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

4: Tìm thẻ <b:include data='post' name='post'/>
Thay đoạn code bên dưới vào sau thẻ trên

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

Sau đó bấm lưu mẫu.