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

 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.

<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.

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...

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 đề.

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.

Tạo tiện ích bài đăng mới tuyệt đẹp cho Blogspot

Tiện ích HTML/javascript này sẽ giúp hiển thị 5 bài đăng mới nhất trong Blogspot của bạn, bao gồm tiêu đề bài đăng, đoạn chú thích về bài viết, đặc biệt các bài viết mới nhất sẽ được hiển thị bằng hình ảnh động chuyển động lặp lại từ trái qua phải rất đẹp mắt.
Bạn click vào DEMO để xem trước cách hiển thị của tiện ích trên Blogspot của bạn.
Để tiến hành cài đặt tiện ích các bạn làm như sau:

Vào giao diện quản lý blog, chọn Bố cục, chọn Thêm tiện ích (đặt tiện ích ở chỗ bạn muốn hiển thị trên blog) tìm HTML/javascript.

Trong bảng Định cấu hình HTML/JavaScript bạn copy đoạn code bên dưới dán vào phần Nội dung

Bạn copy đoạn code này:

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B-0uHUanipfMQzFxZDFpMFd1eXM"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-0uHUanipfMcWpLWVpGa3IyUVU"></script>
<script type="text/javascript">
makeSlider({
    url: "http://traigangthep.blogspot.com" // Add your blog URL
});
</script>

Thay đoạn màu đỏ bằng địa chỉ URL của bạn, paste vào Nội dung
Sau đó bấm Lưu lại.

Tạo nhãn cho bài đăng trên Blogspot

Các bài viết trên Blogspot của bạn thuộc cùng một nhóm, chủ đề giống nhau, hãy tạo nhãn cho các bài viết đó sẽ giúp bạn phân loại, quản lý bài viết của mình thuận tiện hơn.

Để tạo nhãn cho bài viết trên Blogspot các bạn làm như sau.
Đăng nhập vào blog của mình, chọn mục Bài đăng mới tại giao diện này nhìn sang bên phải bạn sẽ thấy phần Cài đặt bài đăng.

Bạn click chọn mục Nhãn. Xuất hiện ra bảng đặt tên, bạn ghi tên nhãn cho bài viết của mình ví dụ như Thể thao, Âm nhạc, hay Phim ảnh... rồi chọn Hoàn thành.
Vậy là bài viết của bạn đã thuộc một chủ đề cố định.

Tại mục Lịch biểu cho phép bạn chọn ngày giờ đăng bài của mình.

Tại mục Liên kết cố định là URL bài viết  của bạn, bạn có thể tùy chỉnh sang URL khác

Mục Tùy chọn cho phép người đọc nhận xét hay không nhận xét trên bài đăng này.
Bài đăng mới bạn xuất bản sẽ thuộc nhãn đã chọn.

Pisaca phần mềm chỉnh sửa ảnh và tạo phim miễn phí

Pisaca là một tiện ích trưng bày và quản lý hình ảnh kĩ thuật số trên máy tính. Nó được cung cấp bởi Google sau khi công ty này mua Pisaca từ Idealab.

Là một phần mềm chỉnh sửa hình ảnh được cung cấp bởi Google nên Pisaca có rất nhiều tính năng tiện ích cho người dùng.

Pisaca có nhiều tính năng, tiện ích được xem là dễ sử dụng, có nhiều dụng cụ để sửa đổi hình ảnh, cải tiến màu, khử mắt đỏ, xắp xếp hình thành album, .v.v Bên cạnh đó nó còn có một số tính năng nổi bật như nhận diện khuôn mặt, đồng bộ dữ liệu với album trực tuyến, đánh dấu vị trí ảnh trên bản đồ (sử dụng Google maps). Pisaca hỗ trợ 40 ngôn ngữ trong đó có tiếng Việt.


1: Tự động upload ảnh trong máy tính

Sau khi bạn download phần mềm Pisaca về cài đặt thành công, phần mềm sẽ tự động upload tất cả các file ảnh trong máy tính của bạn, trên mạng xã hội Facebook, Google+ ... và sắp xếp chúng thành các album riêng cho bạn.

2: Tự động chia sẻ ảnh, video

Do là một sản phẩm của Google nên Pisaca có thể kết hợp rất tốt với các sản phẩm khác của Google nếu bạn cũng đang sử dụng những sản phẩm này như Youtube, Google+. Sau khi chỉnh sửa hình ảnh trong chế độ tùy chỉnh của Pisaca bạn có thể lựa chọn để Pisaca tự động chia sẻ ảnh đó lên Google+, hay upload video lên kênh Youtube của bạn.

3: Các tiện ích chỉnh sửa của Pisaca

- Chỉnh sửa ảnh:

Với tiện ích chỉnh sửa ảnh, bạn có khá nhiều công cụ để sửa đổi ảnh, ngoài những tính năng thông thường nó hỗ trợ bạn khử mắt đỏ, Tinh chỉnh ánh sáng và màu sắc, Tạo hiệu ứng vui và hữu ích cho ảnh.

- Tạo ảnh ghép:

Tiện ích này có các tính năng như Tập ảnh, Tập ảnh xạ, Khảm, Khung Khảm, Lưới, Bảng mục lục ảnh, Xếp chồng ảnh.

- Tạo phim:

Với tiện ích này Pisaca sẽ giúp bạn tạo phim từ hình ảnh, bạn có thể chèn thêm nhạc vào đoạn phim mình vừa tạo, sau đó chỉnh chế độ tự động upload phim vừa tạo lên kênh Youtube của bạn. Tiện ích hỗ trợ bạn các kiểu tạo video phim khác nhau như Xoay và thu phóng, Làm mờ, Vòng tròn, Xoay và Thu phóng - khuôn mặt.

4: Rất dễ sử dụng

Pisaca được đánh giá là rất dễ sử dụng, do giao diện thân thiện, trình bày dễ hiểu. Và đặc biệt Pisaca có hỗ trợ ngôn ngữ bản địa, hơn 40 ngôn ngữ trong đó có tiếng Việt.

Các bạn có thể Dowload phần mềm Pisaca chỉnh sửa ảnh, làm video miễn phí tại đây pisaca.google.com

Bài viết liên quan:

Tạo menu ngang cố định cho Blogspot

Tạo Nhãn giúp phân loại bài viết theo từng nhóm, chủ đề giống nhau, giúp bạn quản lý các bài viết của mình một cách dễ dàng. Tạo Menu ngang giúp trình bày một cách khoa học, dễ tìm, dễ đọc các chủ đề trong blogspot của bạn. Để tạo menu ngang cho Blogspot các bạn làm như sau:

- Để cho các bạn chưa biết dễ hình dung ra về menu ngang là gì? Mình sẽ lấy ví dụ hình ảnh về menu ngang trong blog của mình. Bạn có thể nhìn thấy menu ngang của mình bao gồm các chuyên mục Thủ thuật IT, Lịch sử - chính trị, Đời sống... Đây là những chuyên mục chính trong blog của bạn. Mỗi mục trong menu ngang sẽ tương ứng với một chuyên mục.

- Tiếp theo, bạn trở về giao diện quản lý blog, nhìn bền trái giao diện phía dưới Bài đăng mới bạn chọn mục Bố cục
- Sau khi chọn Bố cục sẽ hiện ra giao diện dưới, tại giao diện mới này bạn nhấp vào chỉnh sửa tiện ích Trang

- Sau khi bấm vào chỉnh sửa sẽ hiện ra giao diện Định cấu hình danh sách trang tại giao diện này bạn sẽ nhìn thấy mục Tiêu đề (mục này bạn không cần quan tâm) bạn chỉ cần chú ý vào mục Thêm liên kết bên ngoài vì ta sẽ tạo menu trong mục này, bạn nhấp vào Thêm liên kết bên ngoài sẽ hiện ra giao diện Trang mới

- Ở đây: 

Tại dòng Tiêu đề trang bạn sẽ gõ tên chuyên mục của bạn như bóng đá, ca nhạc, phim ảnh...

Tại dòng Địa chỉ web (URL) bạn thêm địa chỉ liên kết của Nhãn mà bạn đã tạo ví dụ như là https://traigangthep.blogspot.com ... sau đó bạn bấm vào Lưu liên kết , vậy là bạn đã tạo được menu cho một chủ đề trên blog của mình, muốn tạo thêm các chủ đề khác bạn làm tương tự.

Nếu bạn không biết lấy địa chỉ Nhãn ở đâu thì bạn xem blog và click tên Nhãn ở cuối bài viết mà bạn đã tạo Nhãn cho nó.

Nếu có thắc mắc về bài viết hãy đặt câu hỏi cho mình tại đây.

Bài viết liên quan
Hướng dẫn các bước tạo Blogspot cá nhân

Thái Sơn

Các bước tạo Blogspot cá nhân

Blog là một khái niệm khá phổ biến và thông dụng. blog, gọi tắt của webblog (nhật ký web) là một dạng nhật ký trực tuyến, bùng nổ vào cuối thập niên 1990. Những người viết blog (các Blogger) thường là cá nhân hoặc nhóm, đưa thông tin lên mạng với mọi chủ đề, thông thường có liên quan đến kinh nghiệm hoặc ý kiến cá nhân, chủ yếu cung cấp thông tin đề cập đến các chủ đề chọn lọc, được người tạo blog quan tâm. Được phần mềm hỗ trợ, dễ sử dụng, ai cũng có thể tạo cho mình một blog.

Một blog có thể chứa các liên kết web, hình ảnh, âm thanh... Một blog thường chỉ liên quan đến một chủ đề yêu thích. Cách tổ chức một bài viết của blog thường gồm có 4 mục quan trọng Tiltle (tiêu đề bài viết), Date and time (ngày giờ đăng bài), Main (nội dung bài viết) và Comment (nhận xét của người đọc).

Có một số hệ thống website phổ biến hiện nay cho phép bạn tạo blog miễn phí như Wordpress, Yahoo 360, Blogspot ... Hệ thống Blogspot được phát hành bởi Pyra Labs được Google mua lại vào năm 2003. Ở đây mình sử dụng hệ thống Blogspot để tạo Blog, mình sẽ hướng dẫn các bạn các 3 bước để tạo một blog cá nhân miễn phí với Blogspot nhé.
Bước 1: Đăng nhập vào hệ thống Blogspot
Bước 2: Đặt tên cho blog
Bước 3: Đăng bài

Bước 1: Đăng nhập vào hệ thống Blogspot
Bạn sử dụng Email của mình đăng nhập vào hệ thống của Google, bạn sẽ sử dụng Email này để lập một tài khoản chính của mình trên hệ thống Blogspot. Bạn gõ địa chỉ web là  www.blogger.com

Nếu đây là lần đầu bạn đăng nhập hệ thống của blogger nó sẽ hiện ra giao diện như sau

Tiếp tục bạn click chuột vào chữ Blogger trên cùng
Bạn chưa là tác giả của bất kỳ blog nào, hãy tạo một blog đầu tiên cho bạn ngay bây giờ để bắt đầu đăng bài nhé.
Bạn click chuột vào mục blog mới, sẽ hiện ra giao diện tiếp theo.

Bước 2: Đặt tên cho blog của bạn
Ở giao diện này các bạn sẽ nhìn thấy các mục sau
a, Tiêu đề
b, Địa chỉ
c, Mẫu

- Tại mục Tiêu đề: Đây giống như một lời giới thiệu ngắn gọn về blog của bạn. Ở đây các bạn viết gì cũng được vì sau khi tạo xong blog chúng ta có thể chỉnh sửa lại nó.

- Tại mục Địa chỉ: Đây là địa chỉ để người khác có thể vào xem blog của bạn trên hệ thống internet, cách đặt tên địa chỉ là tên của blog, về vấn đề mà bạn quan tâm và dự định sẽ chia sẻ với mọi người trong blog này, hoặc có thể là khẩu hiệu cá nhân... Ví dụ, ở trong hình trên Thái Sơn lập một blog về món ăn nó có đia chỉ là monanngon88.blogspot.com , tên địa chỉ blog các bạn viết thường, viết liền và không có dấu. Nếu tên blog đã có người dùng rồi thì sẽ hiện thông báo màu vàng là Rất tiếc, blog này không khả dụng. Bạn phải tìm một tên khác, khi địa chỉ không trùng lặp sẽ hiện thông báo màu xanh da trời Địa chỉ Blog này có sẵn.

- Tại mục Mẫu: Đây là các giao diện sẽ hiển thị nội dung blog của bạn, blog sẽ cung cấp một số mẫu có sẵn đơn giản, chế độ xem động, cửa sổ hình ảnh, thú vị, trừu tượng... mẫu blog bạn chọn bất kỳ theo ý mình, mẫu này có thể thay đổi được sau khi tạo blog.
Sau đó các bạn click vào mục Tạo blog là xong.

Bước 3: Đăng bài
Đây là bố cục phần quản lý, cài đặt các chức năng trong blog của bạn

Hãy bắt đầu đăng bài viết đầu tiên của mình ở mục Bài đăng mới và trở thành Blogger nhé! Chúc các bạn vui vẻ!

Bài viết liên quan:
Hướng dẫn tạo nhãn và tạo menu ngang cho Blogspot

Thái Sơn