Cách thay font chữ trong blogspot

Hey! Chào mọi người, lâu rồi mình không viết bài cho blog, hôm nay có hứng thú nên tiếp tục chia sẻ cho các bạn 1 số thủ thuật blogspot nhỏ để tạo một blogspot đẹp
Chắc hẳn đa số các bạn khi tải 1 Template blogspot (thường là từ các trang nước ngoài) về cài đặt xong file xml, ra xem cái giao diện blog của mình nó thế nào thì thốt lên rằng...Ôi nó đẹp quá,.... nhưng sao cái font này nó lại méo mó, thậm chí là có các ô vuông, hoặc không hài lòng lắm với kiểu font như vậy? làm sao để thay đổi font chữ đây?

Cách thay font chữ trong blogspot

Mình sẽ chia sẻ cách đơn giản nhất để có thể chỉnh sửa font chữ trong blogspot. Cách này khá cơ bản chỉ cần bạn hiểu sơ qua 1 số mã css là bạn có thể chỉnh sửa tùy ý theo ý của mình.

Thay font chữ trong blogspot

(Một số thuộc tính css của font bạn có thể tham khảo ở trang sau đây: Http://www.w3schools.com/css/css_font.asp)

Để có thể sửa font cách nhanh nhất bạn có thể dùng trình duyệt Chrome  và sử dụng chức năng Developer Tools (nhấn phím 12 hoặc bấm chuột phải chọn "kiểm tra phần tử")

Bạn nhấn chuột phải vào dòng chữ cần chỉnh font >> kiểm tra phần tử

Khi đó trình duyệt của bạn sẽ hiện lên 1 khung ở dưới trình duyệt của bạn:

Ví dụ: mình muốn chỉnh font chữ của dòng chữ" Follow Share And Tricks " Trên blog Chiase-thuthuat.blogspot.com luôn nhé:

Bạn chú ý, sau khi nhấn kiểm tra phần tử , sẽ xuất hiện nay ở trong khung trên 1 đoạn code như sau:

Nhìn sang phía bên phải sẽ thấy 1 đoạn code nhỏ như thế này:

Đây chính là phần mà bạn cần thay đổi:

Ở trên font của mình sẽ hiện đang là font Tahoma và mẫu chữ sẽ là

 giờ mình sẽ chuyển qua font Times xem có gì thay đổi không: (Để đổi font bạn kick vào dòng font muốn đổi )

Giờ xem kết quả:

Bạn đã thấy sự khác nhau chưa?

Nhưng chú ý: đây chỉ là chỉnh sửa hiện thị trực quan trên trình duyệt của bạn thôi, template của bạn chưa hề thay đổi gì cả, giờ chỉ cần bạn nhấn f5 là blogs của bạn sẽ trở về ban đầu mà không hề sứt mẻ gì. Vậy nãy giờ làm công cốc à? Không ! giờ đến bước quan trọng đây.

Bạn giữ nguyên như vậy, chú ý phần mình khoanh màu xanh nhé:

Bạn copy lại, vào phần quản trị blogspot >> mẫu >> chỉnh sửa html >> nhấn ctrl + f

Khi đó nó sẽ hiện 1 khung tìm kiếm ở góc phần sửa html, dán đoạn lúc nãy đã copy và nhấn Enter

Sẽ được như hình sau:

Bạn thấy giống gì lúc nãy không? giờ bạn có thể tùy chỉnh font chữ cần sửa như ý muốn.

Khi sửa xong hãy luôn nhớ 1 điều là nhấn nút lưu mẫu để hoàn thành

Ngoài ra bạn có thể thêm 1 số thuộc tính như Font-size, font-weightm, Color.... Tùy ý đến khi thấy hài lòng.

Rất phức tạp phải không, giờ bạn đang cảm thấy hào hứng hay chán nản? Nếu hào hứng hãy share bài viết này cho bạn bè của mình, còn đang chán nản hãy comment ở dưới để mình có thể hỗ trợ.

Chúc bạn có thể dễ dàng thay font chữ trong blogspot của mình được hài lòng và hài hòa nhất.

Read More

Phẩn mềm tạo video mô phỏng bàn tay đang vẽ

Có lần mình đã giới thiệu các bạn 1 đoạn video do mình làm ra để nói lên tình trạng FA của mình, có nhiều bạn đã hỏi phần mềm để tạo video đó là gì.

Đó là phần mềm tạo video mô phỏng bàn tay đang vẽ có tên là phần mềm Sparkol VideoScribe

Với hình thức có 1 bàn tay vẽ trên mặt giấy mô phỏng theo các nét vẽ 1 hình ảnh nào đó nhìn chúng có vẻ rất chuyên nghiệp.
Với phần mềm Sparkol VideoScribe bạn có thể tạo ra những video mô phỏng lại cách vẽ tay cho những tác phẩm từ ảnh sẵn có, hoặc bạn có thể tự tạo các hình ảnh và thêm vào, khi đưa bức ảnh vào phần mềm thì bàn tay cầm bút có sẵn trong phần mềm sẽ vẽ lại nó như kiểu bạn đang vẽ bức ảnh vậy

Phần mềm tạo video: Sparkol VideoScribe
Phiên bản: 1.3.26
Hệ điều hành: Windows x86/x64
Nhà phát hành: Sparkol
License: Cracked
Languages: English

Cách cài đặt Sparkol VideoScribe

 1. Cài đặt VideoScribe 

2. Thay thế VideoScribe Bin từ thư mục Khắc phục 

3. Đăng ký tài khoản trên trang web Sparkol 

4. Sử dụng chứng chỉ để signin để VideoScribe 

5. Sử dụng nó như PRO 

6. Khi bạn không có truy cập mạng chỉ cần bấm vào START vạch dấu hai lần (Double Click không chỉ là một sau đó thêm một) và bắt đầu của nó .. PS Có thể là 6 bước làm việc bạn cần phải nhớ kiểm tra

Tải về:

 https://drive.google.com/folderview?id=0B6UUlJWYUtOoY1lqNFRFRXRVak0&usp=sharing

Hướng dẫn sử dụng:

http://youtu.be/ESj91NwIraY

Read More

Bài Viết Liên Quan Trên Sidebar (Related post Sidebar) cho Blogspot

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar

Bài Viết Liên Quan (Related post) là một phần rất quan trọng trong việc điều hướng cũng như cung cấp nội dung cần thiết tới người đọc khi họ đang quan tâm một bài biết của bạn. Các bài viết thủ thuật blogspot về Bài Viết Liên Quan đã được chia sẻ khá nhiều nhưng bài viết liên quan nằm trên Sidebar left (hoặc right) thì lại khá hiếm hoi. Hôm nay, tôi có góp nhặt được thủ thuật này, xin chia sẻ cùng bạn đọc.

Demo

Cách thực hiện

Chú ý: Trước khi thực hiện bất cứ thủ thuật gì bạn nên sao lưu lại 1 bản template phòng khi bị hỏng thì có thể dễ dàng phục hồi

Bước 1. Đăng nhập Blogger, vào Bố cục>> Thêm tiện ích >> Thêm 1 HTML/Javascript

Đặt tên cho tiện ích (Bài viết liên quan), dán vào phần nội dung tiện ích bằng đoạn code sau đây (Lưu ý mình đã chú ý script để các bạn có thể hiểu tường tận hơn, có thể tùy biến CSS theo ý thích của bạn). (Thay các thông số cho phù hợp với blog của bạn)

<script type="text/javascript">
// Recent and Related Posts for Label on Sidebar
var post_per_page = 5; // thiết lập số bài viết hiển thị mỗi trang
var post_snippet = 70; // thiết lập số ký tự tóm tắt bài viết
var homepage = "http://chiase-thuthuat.blogspot.com"; // đặt địa chỉ trang chủ của bạn
var img_default = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIUt3_AUcnaNuJkzSFqrAo-AZou_yTZFf8x7ggGmWImne7PECsBIu2gGtyFG2av2V2HC90XAI_kkB7FKcakWim9fzRJr2bUD6AaZEdPBJMPoZ74mF3Wl3ktrkESWydVbIZgqfjVEE8254/s1600/recentpostnothumb.png"; // thiết lập URL hình mặc định
var pr_flagfirst = 0;
var url_prev, url_next;
// chức năng tạo tóm tắt bài viết
function removeHtmlTag(strx,chop){
var summary = strx.split("<");
for(var i=0;i<summary.length;i++){
if(summary[i].indexOf(">")!=-1){
summary[i] = summary[i].substring(summary[i].indexOf(">")+1,summary[i].length);
}
}
summary = summary.join("");
summary = summary.substring(0,chop-1);
return summary;
}
// chức năng tạo biến
function showpagelabel(json) {
var entry, posttitle, posturl, postimg, postcontent;
var str_out = "";
// tìm URL phân trang
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
// đây là trang trước
url_prev = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
// đây là trang sau
url_next = json.feed.link[k].href;
}
}
// đọc và xác định bài viết
for (var i = 0; i < post_per_page; i++) {
// nếu không có thì kết thúc lệnh
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
// đây là tiêu đề bài viết
posttitle = entry.title.$t;
// tìm URL bài viết
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
// lưu trữ nó
posturl = entry.link[k].href;
break;
}
}
// tìm nội dung bài viết và lưu trữ nó
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
// tìm ảnh đại diện hoặc sử dụng ảnh mặc định
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = img_default;
}
// kết thúc đọc, tạo code HTML
str_out += "<div class='pagi_label'>";
str_out += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
str_out += "<h6>
<a href='" + posturl + "' target='_blank'>" + posttitle + "</a></h6>
";
str_out += "<p>
" + removeHtmlTag(postcontent,post_snippet) + " ...</p>
";
str_out += "</div>
";
}
// kết thúc lệnh và viết kết quả
document.getElementById("Sidebar_Label").innerHTML = str_out;
// tạo phần phân trang
str_out = "";
// nếu có trang trước, tạo link nhưng chỉ có text
if(url_prev) {
str_out += "<a href='javascript:navi_pagi_label(-1);' class='previous'>Prev</a>";
} else {
str_out += "<span class='disabled previous'>Prev</span>";
}
// nếu có trang sau, tạo link nhưng chỉ có text
if(url_next) {
str_out += "<a href='javascript:navi_pagi_label(1);' class='next'>Next</a>";
} else {
str_out += "<span class='disabled next'>Next</span>";
}
// tạo link cho trang đầu
str_out += "<a href='javascript:navi_pagi_label(0);' class='first'>First</a>";
// viết code
document.getElementById("PR_Label_Sidebar").innerHTML = str_out;
}
// chức năng tạo địa chỉ feed sẽ đọc
function navi_pagi_label(direction){
var p, parameters;
if(direction==-1) {
// trang trước
p = url_prev.indexOf("?");
parameters = url_prev.substring(p);
} else if (direction==1) {
// trang sau
p = url_next.indexOf("?");
parameters = url_next.substring(p);
} else {
// trang đầu
parameters = "?start-index=1&max-results=" + post_per_page + "&orderby=published&alt=json-in-script"
}
parameters += "&callback=showpagelabel";
include_script(parameters);
}
// đây là chức năng load script động
function include_script(parameters) {
// nếu không phải lần đầu tiên thì loại script trên
if(pr_flagfirst==1) {remover_script();}
// xóa mọi thứ và đặt một dòng text hoặc ảnh load
document.getElementById("Sidebar_Label").innerHTML = "<div id='loading_script'>
</div>
";
document.getElementById("PR_Label_Sidebar").innerHTML = "";
// đây là lưu trữ feed
var archive_feeds = homepage + "/feeds/posts/default/-/" + label_Related + parameters;
// load và cho chạy
var nouvo = document.createElement('script');
nouvo.setAttribute('type', 'text/javascript');
nouvo.setAttribute('src', archive_feeds);
nouvo.setAttribute('id', 'LABELTEMPORAL');
document.getElementsByTagName('head')[0].appendChild(nouvo);
pr_flagfirst = 1;
}
// đây là chức năng loại bỏ script đã được load trước
function remover_script() {
var that = document.getElementById("LABELTEMPORAL");
var father = that.parentNode;
father.removeChild(that);
}
// khi load trang thì bắt đầu chức năng
onload=function() { navi_pagi_label(0); }
</script>
<style type="text/css">
#Sidebar_Label {margin: 0 auto;width:100%}
.pagi_label {background-color: #ffffff;border-bottom: 1px dashed #101921;height: 72px;margin: 5px 0;padding: 5px;width: 300px;}
.pagi_label img {float: left;height: 70px;padding:1px;margin: 0 5px 3px;width: 70px;}
.pagi_label h6, .pagi_label h6 a {margin:0;font-size:12px !important;font-weight:normal !important;color:#069}
.pagi_label:hover {-moz-box-shadow: 0px 0px 60px #505961 inset;}
.pagi_label p {font-size:12px;padding:0 3px 3px}
#loading_script {color:#888;font-family:Century Gothic;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444; background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1Xl3i57xlf4nVJPdxChE36xkStIyLjF3JSBOSH6AA_cdYmxYnbgaHPC_5-XpV5FMNRdncixKWxQ-_gmWgNbgLHdFq9biwKJksk1hTLq_Av8SBy_wSzPoXiSVuO-8klT4wt8H1DYTR3Q/) no-repeat 50% 50%; height:489px; width:100%}
#PR_Label_Sidebar {background-color: #ffffff;color: #BBB;font-family: Tahoma;font-size: 18px;text-align: center;margin:0 auto;width:100%}
#PR_Label_Sidebar a {color: #BBB !important;font-family: Tahoma !important;font-size: 18px !important;font-weight: normal !important;padding: 5px 10px;display:block;}
#PR_Label_Sidebar a:hover {color: #069 !important;}
#PR_Label_Sidebar span {padding: 5px 10px;}
#PR_Label_Sidebar span.disabled {color: #666 !important;}
#PR_Label_Sidebar .next {float:right;}
#PR_Label_Sidebar .previous {float:left;}
#PR_Label_Sidebar .first {text-align:center;}
</style>
<div id="Sidebar_Label">
</div>
<div id="PR_Label_Sidebar">
</div>

Bước 2. Vào Mẫu >> Chỉnh sửa HTML. Dùng (Ctrl + F) tìm từ khóa "Bài cùng chủ đề" (tên tiện ích bạn vừa đặt) mà bạn mới đặt tên cho Widget của tiện ích rồi thay nó thành như sau (phần đánh dấu màu đỏ là phần thêm vào):

<b:widget id='HTML1' locked='false' title='Bài cùng chủ đề' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Bước 3. Dùng các từ khóa như: <b:loop values='data:post.labels' var='label'> Và thay thế bằng:

<b:loop values='data:post.labels' var='label'>
<script>var label_Related=&quot;<data:label.name/>&quot;;</script>

Lưu lại và hoàn thành

Nguồn: http://8ddnv.blogspot.com/2013/01/tien-ich-bai-viet-lien-quan-moi-nhat.html

Read More

1 clip đầy ý nghĩa về tình bạn

Khi nào cảm thấy Stress hãy thư giãn bằng nhưng clip vui,hài hước trong cuộc sống, đc mọi người chia sẽ

Read More

Clip Trượt Đại Học đầy ý nghĩa

Cánh cửa đại học ai cũng muốn chen vào nhưng không thể là tất cả. Cô gái trong clip cũng thi rớt đại học cách đây 2 năm.

"Tôi khóc ướt hết bàn phím, không biết phải làm gì, không biết phải chia sẻ với ai, không biết có nên đối mặt hay không", cô gái chia sẻ.

Read More

Clip ý nghĩa từ cuộc sống

Clip khiến chúng ta phải suy nghĩ về những rung động ngày một bị chai sạn bởi những bộn bề trong cuộc sống, để rồi đến một ngày, chúng ta lại bị rung động bởi chính những điều tưởng chừng như nhỏ nhặt, giản đơn ấy. Hãy sống chậm lại, lắng nghe âm thanh cuộc sống để cảm xúc lại

Read More

Xem và cảm nhận !

Hãy thử tập cho đi, Có thể những thứ đó không là gì với bạn, nhưng đó sẽ là những điều tuyệt vời nhất đối với người khác. Clip đã là tôi khóc khi nhìn thấy hình ảnh cô bé trong bộ váy học sinh, nó thật đẹp và là một kết quả của một sự cho đi không hề tinh toán của 1 chàng trai.

Read More