Cảm nhận tư duy và tổng hợp kiến thức

Thứ Tư, 25 tháng 11, 2015

Nhận xét mới của bài viết ngay tại trang chủ Blogger

Lâu rồi không có thủ thuật gì hot này share luôn cái này nhận xét mới nhất của bài viết hiện ở trang chủ. Thủ thuật này thì mình áp dụng lâu rồi, những quên bén mất và nay bỗng nhiên thấy em nó nên chia sẽ luôn cho nóng với bà con. Bạn có thể xem trực tiếp demo và test thủ thuật này tại template này tại trang này
http://kslcomputer.blogspot.com/
Đôi nét về cái thủ thuật này, đây là thủ thuật sử dụng Javascript. Hình thức là nó đọc JSON của comment vẫn sử dụng vòng lặp bình thường để lấy ra nhận xét và link nhận xét một cách bình thường như mấy thủ thuật "Bài viết mới nhất cho Blogger" hoặc những thủ thuật tương tự.

Nhận xét mới của bài viết ngay tại trang chủ Blogger
Nhận xét mới của bài viết ngay trang chủ Blogger


Share:

Nút trở về đầu trang thô bằng Javascript cho Blogger

Nút trở về đầu trang là một trong những nút rất hữu ích và lượng người tương tác vào nút này cũng khá nhiều. Từ lúc thay giao diện hiện tại bây giờ đang sử dụng trên blog của mình đây, mình rất phân vân việc chèn jQuery vào chỉ để làm cái nút này cho blog vì việc sử dụng jQuery cho blog làm tương đối xấu đi điểm số ở trên Google PageSpeed Insight.

Nút trở về đầu trang thô bằng Javascript cho Blogger
Nút trở về đầu trang bằng Javascript
Thế là mình cũng có thời gian ngắn tìm hiểu coi trên mạng có cái nào đoạn Javascript nào viết được cái nút này không. Và mình đã tìm được một cái mặc dù là không được toàn bộ tính năng cũng như độ mượt nhìn cho thật đẹp mắt, nhưng nó đủ nhu cầu hiện tại của mình. Thì ở đây mình xin chia sẻ với những bạn có nhu cầu cái nút trở về đầu trang thô bằng Javascript mà blog mình đang sử dụng.

Share:

Thiết kế Blogger Template từ A tới Z (Phần 2) - Tìm hiểu thẻ b:skin

Tại phần trước chúng ta đã cùng tìm hiểu về những thông tin cơ bản của Blogger Template cũng như cấu trúc template mặc định của nó. Như đã nói ở phần trước kể từ phần này và các phần sau mình sẽ giới thiệu chi tiết hơn về các thông tin tóm gọn mà mình đã nói ở đó.

Thiết kế Blogger Template từ A tới Z (Phần 2)

Đối với bài này thì mình sẽ giới thiệu cơ bản về các tạo giá trị để sử dụng ở thẻ "b:skin". Ok để bắt đầu thì mình sẽ mang ra lại cấu trúc Blogger Template ở phần trước như sau cho tiện giải thích.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <!-- xóa 2 thuộc tính quyết định v2 để trờ về v1 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[ ]]></b:skin>
<b:template-skin><![CDATA[ ]]></b:template-skin> <!-- Chỉ có ở v2 -->
</head>
<body>
<b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section>
</body>
</html>
phần trước mình có giới thiệu thế này, nhưng bạn nào có thử bỏ vào thử cái giao diện sẽ chỉ thấy toàn trang trắng, và cái widget Blog nó hoàn toàn không phát sinh ra code gì cả, nếu bạn chưa thử thì bạn có thể làm và kiểm tra thử tại trang chủ trang blog của bạn.

Lý do tại sao vậy, mình cũng gặp khó khăn về việc này ở lần chế template đầu tiên, Blogger Template yêu cầu phải có tối thiểu một thẻ "b:section" để hoạt động, thì ở đây chúng ta đã có "b:section" rồi, và chúng ta đã lưu được Template rồi, thế nhưng sao widget Blog nó không hoạt động? Vấn đề này thì mình cũng mất một khoảng thời gian khá dài để tìm hiểu, cuối cùng mình phát hiện ra vấn đề thế này.

Nếu bạn muốn widget blog hoạt động thì trong Blogger Template của bạn phải có tối thiểu một "b:section" cho phép người dùng thêm widget vào, có nghĩa là "showaddedlement='yes'", bạn nào tới đây mà không hiểu thì chắc là chưa đọc bài viết mà mình đã để cập ở phần trước về section và widget. Bạn có thể xem lại ở đây
bạn kéo xuống dưới khoảng giữa bài sẽ thấy. Có thể mình sẽ tách và xóa bài đó ra sau nhưng tạm thời như thế đã nhé.

Vậy cách khắc phục ở đây là gì, theo mình thì sửa section chứa widget Blog có thể thêm widget mới vào nó là không nên, nên giải pháp của mình ở đây là tạo thêm một section nữa ví dụ như "sidebar" chẳng hạn. Bây giờ bạn chèn đoạn mà nãy xuống dưới "b:section" chứa widget Blog và thử kiểm tra lại blog của bạn xem mình có nói đúng không nhé.
<b:section class='sidebar' id='sidebar' showaddelement='yes'/>
nói chung vấn đề không hiện đã được giải quyết chúng ta tiếp tục thôi.

Cùng tìm hiểu về thẻ b:kin và b:template-skin

Sau khi giải quyết vấn đề thành công chúng ta quay lại với thẻ "b:skin" thôi. Đầu tiên "b:skin" và "b:template-skin" sẽ được chuyển thành thẻ "style" khi nó hiển thị với người dùng. Ở đây mình nhắc lại câu hỏi ở phần trước nhé, vậy sao không sử dụng thẻ style luôn chứ xài 2 thằng đó làm gì?

Đây là điều đặc biệt của 2 thằng nó: Khi thiết kế một Blogger Template bình thường thì bạn có bao giờ phát chán việc khi bạn sử dụng một màu sắc hoặc font chữ cho nhiều đối tượng, khi chỉnh sửa lại bạn phải tìm và thay đổi từng cái một, và tìm đến từng cái để sửa nhiều khi cũng chã nhớ hết vị trí.

Chính ví thế thì Blogger đã giúp bạn làm điều này một cách dễ dàng hơn với việc tạo ra một giá trị để sử dụng đi sử dụng lại nó cho nhiều đối tượng trong css.

Cú pháp khai báo giá trị (Variable)

Cú pháp khai báo của nó như sau
<Variable name="ten.bien" description="Phần mô tả của biến" type="kiểu giá trị" default="giá trị mặc định" value="giá trị hiện tại"/>
Phần thẻ này các bạn đặt ở sau <b:skin><![CDATA[ nhé, tiếp đến là chú thích những thuộc tính của thẻ trên:
  • name: Tên của biến để gọi ra để sử dụng, thông thường ta viết liền hoặc ngăn nhau bằng dấu "."
  • description: Phần mô tả cho biến (Nó sẽ hiện trong phần cài đặt nâng cao nếu nằm trong Group)
  • type: kiểu giá trị để sử dụng hiện tại phổ biến nhất là "color" và "font" và nó có tác động đến phần hiển thị ở cài đặt nâng cao, tiếp theo có những kiểu khác như "string" kiểu ký tự, "url" kiểu url, "length" là độ dài, cuối cùng là "automatic" kiểu tự động, nhưng những cái này không ảnh hướng gì nhiều, nó chỉ quy định cho giá trị ở phần "default" và "value"
  • default: giá trị mặc định
  • value: giá trị mà khi ta gọi biến ra, thì nó sẽ lấy ra cái này

Cách thức gọi biến

Tại bên trong phần css ví dụ mình có các đoạn khai báo như sau
<Variable name="mauden" description="Màu đen viết liền" type="color" default="#000" value="#000"/>
<Variable name="mau.trang" description="Màu đen" type="color" default="#fff" value="#fff"/>
<Variable name="font.chu" description="Font chữ" type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="doi.tuong" description="Tên đối tượng, bạn có thể sử dụng làm nhiều thứ khác nữa" type="string" default=".ten-doi-tuong" value=".ten-doi-tuong"/>
<Variable name="do.dai" description="dộ dài" type="color" default="10px" value="10px"/>
thì để sử dụng nó trong một css bất kì thì mình gọi như sau ví dụ
body {
background-color: $(mau.trang); /* Nếu biến cách nhau bằng dấu "." thì sử dụng ngoặc */
}
$(doi.tuong) {
background-color: $mauden; /* Biến được viết liền không cần ngoặc đơn */
font: $(font.chu);
width: $(do.dai);
}
đơn giản là thế thôi, nhưng lưu ý là giá trị  này chỉ có thể tạo và sử dụng trong thẻ "b:skin" thôi, và cái này nó sẽ không xuất hiện trong cài đặt nâng cao để người dung chỉnh sửa, cái này chỉ giúp chúng ta dễ tự chỉnh sửa trong code thôi.

Tạo group để chỉnh sửa trong phần cài đặt nâng cao

Để xuất hiện được để chỉnh sửa trong phần nâng cao, thì chúng ta phải gom nhóm nó lại. Tạo group là việc cũng khá là cần thiết vì nó dễ dàng hơn những cái liên quan để chỉnh sửa. Và có một lưu ý là chỉ có 2 kiểu giá trị là "color" và "font" là có thể mang vào để hiển thị trong cài đặt nâng cao thôi.

Cú pháp tạo group
<Group description="Page Text" selector="body">
<Variable name="ten.bien" description="Phần mô tả của biến" type="kiểu giá trị" default="giá trị mặc định" value="giá trị hiện tại"/>
<Variable name="ten.bien2" description="Phần mô tả của biến 2" type="kiểu giá trị" default="giá trị mặc định" value="giá trị hiện tại"/>
</Group>
cái phần giá trị thì mình khỏi chú thích nhé, mình sẽ chú thích phần Group:
  • description: Phần mô tả cho Group đó, nó sẽ hiện tại phần menu của cài đặt nâng cao
  • selector: là tên "class" hoặc "id" của một đối tượng css (nếu người dùng chọn Group này trong phần cài đặt liên quan thì nó sẽ khoăn vùng cái đối tượng có tên đặt trong cái này, nếu không muốn nó quang vùng thì cứ để là body)
Group và Variable trong cài đặt nâng cao

mình cũng thêm một hình ảnh minh họa cho các bạn dễ hình dung.

Kết lại

Tới đây chúng ta tiếp tục tạm dừng, như vậy là mình đã hướng dẫn các bạn xong các bạn về toàn bộ những gì có trong phần thẻ "b:skin" mình biết cái này tương đối khó hình dung do đó nếu thắc mắc thì cứ hỏi nhé. Phần tiếp theo mình sẽ hướng dẫn qua "b:template-skin" bài đó sẽ ngắn gọn thôi.


Share:

Thêm tiện ích bài đăng nhiều nhận xét nhất

Đây là một tiện ích cực kỳ thú vị và hữu ích! Mặc định nó sẽ liệt kê 10 bài viết có nhiều comment nhất.

Đầu tiên hãy đăng nhập vào blogger → Chọn Bố cục (Layout) → ChọnThêm tiện ích (Add widget) → Tạo một tiện ích HTML/Javascript và dán đoạn code copy được ở bên dưới vào phần nội dung của tiện ích vừa tạo:




Share:

Tự động đánh số cho các bài đăng

Popular Posts Widget
Nhiều bạn chắc cũng đã xem, đã thấy, thậm chí cũng đã từng có quá trình thiết kế Blogger / Websie, ắt hẳn các bạn cũng đã nhìn thấy các Widget tiện ích Popular Post nầy rồi.
Trong thiết kế Blogger tại ứng dụng Google, các Widget tiện ích  trông chừng có vẽ quá đơn giản, cũng không hẳn thế đâu bạn, cũng bởi Google cho ta một lối đi thông thoáng với một mã nguồn mỡ và được phép nhúng vào bên trong đó tất cả những gì mà bạn muốn. Tất cả đều ở trong một ở cái thế giới ngày nay, là như vậy.

Sau đây, là các bước thực hiện:

Share:

Thứ Ba, 24 tháng 11, 2015

Tạo Ribbon Backgrounds cho Sidebars

Ribbon backgrounds with CSS3

TÌm kiếm thiết kế cho một Sidebar Blog nhầm để tạo một sự thú vị cho việc tùy chỉnh các Background heladdline sidebar trong template, cũng giống như trong thiết kế đồ họa Photoshop mà các ạn đã tạo các ribbon. Một kỹ năng phong cách là làm thế nào để thie61tke61 hình ribbon với sự hỗ trợ của Css mà không sử dụng bất kỳ một hình ảnh nào khác. Tất cả bạn cần làm là thêm một số mã lệnh của Css. Bây giờ thì ta có thể bắt đầu rồi đó.

Share:

Thứ Hai, 23 tháng 11, 2015

Biểu tượng của sự tăng trưởng

More Google searches now occur from smartphones than from desktops

Share:

Widget bài viết mới với hiệu ứng load bài viết liên tục cho Blogspot

Wiget bài viết mới với hiệu ứng load bài viết liên tục cho Blogspot.Cách tạo tiện ích bài viết với hiệu ứng load liên tục cho Blogspot

Tiện ích bài viết mới với hiệu ứng trượt và load những bài viết mới cho Blogspot. Bài viết này được chia sẻ bởi trollvl.com mình thấy hay nên chia sẻ cho các bạn cho những ai thấy thích

Wiget bài viết mới với hiệu load bài viết liên tụccho Blogspot
Ảnh demo

Cách tạo tiện ích bài viết mới với hiệu load bài viết liên tục cho Blogspot

Các bạn làm theo các bước sau: Đăng nhập Blog ==> Bố Cục (Layout) ==> Thêm tiện ích ==> HTML/Javascript rồi các bạn copy đoạn code dưới nhấn lưu là Ok

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
< style scoped="scoped">
.spy-outer {
  border:2px solid white;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  margin:0 auto;
}
.spy-outer h2 {
  margin:0;
  padding:5px 10px;
  background-color:#008800;
  background-image:-webkit-linear-gradient(#008800,#037103);
  background-image:-moz-linear-gradient(#008800,#037103);
  background-image:-ms-linear-gradient(#008800,#037103);
  background-image:-o-linear-gradient(#008800,#037103);
  background-image:linear-gradient(#008800,#037103);
  color:white;
  font:normal bold 12px/normal Helmet,Freesans,Sans-Serif;
  text-transform:none;
  text-shadow:0 1px 2px black;
}
.spy {
  margin:0;
  padding:0;
  font:normal normal 10px/12px Helmet,Freesans,Sans-Serif;
  color:#333;
  overflow:hidden;
}
.spy li {
  list-style:none;
  text-align:left;
  margin:0;
  padding:5px 7px;
  background-color:#AABD30;
  background-image:-webkit-linear-gradient(#AABD30,#9BB009);
  background-image:-moz-linear-gradient(#AABD30,#9BB009);
  background-image:-ms-linear-gradient(#AABD30,#9BB009);
  background-image:-o-linear-gradient(#AABD30,#9BB009);
  background-image:linear-gradient(#AABD30,#9BB009);
  border-top:1px solid #A7D101;
  border-bottom:1px solid #899D00;
  word-wrap:break-word;
  overflow:hidden;
}
.spy a {text-decoration:none}
.spy li em {
  font-weight:bold;
  color:#409540;
}
.spy-header {
  font:normal bold 12px/14px "Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif;
  display:block;
  color:yellow;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  /*
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  */
}
.spy-header:hover {
  color:white;
  text-decoration:underline;
}
.spy-summary {
  margin-top:5px;
  overflow:hidden;
}
.spy li .image-wrapper,
.spy li img {
  float:right;
  margin:0 0 2px 7px;
  padding:0;
  width:72px;
  height:72px;
  border:4px solid #899D00;
  background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSz4PWusJBl-1Npco61WoXbuKoyoqGQrwktG6gSDtvC2zruHBDRPj-W4VJ390DDdC61wod9fuff64_0YQsXg3psWz_-mxHq-BquLnGzg_ef0s1MmxI1W4YuhmK8orY6aD0SX0P_TL8Pjpl/s1600/loading.gif') no-repeat 50% 50%;
}
.spy li .image-wrapper {
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.7);
  box-shadow:0 0 2px rgba(0,0,0,.7);
}
.spy li img {
  border:none !important;
  float:none;
  margin:0;
  padding:0;
  display:none;
}
.spy-outer .loading {
  display:block;
  padding:10px;
  background-color:#fafafa;
}
< /style>
< div id="spy-outer" class="spy-outer"><span class="loading">Memuat...</span></div>
< script>
var spy_config = {
    widgetTitle: '<h2>Recent Post</h2>',
    url:'http://bittuot.blogspot.com',
    containerId: 'spy-outer',
    numPost: 10,
    numChars: 100,
    monthNames: [
        'Januari',
        'Februari',
        'Maret',
        'April',
        'Mei',
        'Juni',
        'Juli',
        'Agustus',
        'September',
        'Oktober',
        'November',
        'Desember'
    ],
    noImage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4_MNC20PbxpR5Jrr9Rcd5PgAiF7I_Nwathp2h65V2NCoX0SwDhUfiSfzGt-xuo2R7liTb9EJHOJMqRVeeK6uZ6OdkIlDut8VlX4cRr78_RLXd6n1tio1QYgSvbaRg5VIBFfQJn66nBTc/s1600/noimage.png',
    showSummaries: true,
    showThumbnails: true,
    showPostDate: true,
    showComments: true,
    newTabLink: false,
    animatedRecentPost: true,
    jsonCallback: 'recentpost_spy',
    newsTicker: {
        visible: 4,
        interval: 3000,
        speed: 600
    }
};
< /script>
<script src="https://sites.google.com/site/seovnpro/0Bz_65BAr9KCZbUpFSU12WGR5RGM"></script>


Chú ý: Nếu blog bạn đã có đoạn code này hoặc tiện ích không chạy các bạn thử xóa đoạn này đi thử xem sao nhé <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
https://sites.google.com/site/seovnpro/0Bz_65BAr9KCZbUpFSU12WGR5RGM các bạn down file này rồi up lên host riêng nhé để dùng lâu dài
- Các bạn thay link http://bittuot.blogspot.com thành link blog của bạn
- Các bạn tùy chỉnh css thay đổi màu và kích thước cho phù hợp nhé

  • widgetTitle: Title của widget, bạn có thể đổi thành Bài viết mới nếu muốn
  • url: Để mặc định.
  • containerId Để mặc định.
  • numPost Số bài viết hiển thị (phải lớn hơn newsTicker => visible).
  • numChars Số ký tự tóm tắt hiển thị nếu bạn để showSummaries là true.
  • monthNames Tên các tháng trong năm.
  • noImage URL hình ảnh cho bài viết không có hình ảnh.
  • showSummaries Thay đổi thành false nếu bạn không muốn hiển thị nội dung tóm tắt.
  • showThumbnails Thay đổi thành false nếu bạn không muốn hiển thị hình ảnh thu nhỏ.
  • showPostDate Thay đổi thành false nếu bạn không muốn hiển thị ngày tháng đăng bài.
  • showComments Thay đổi thành false nếu bạn không muốn hiển thị số lượng comment.
  • newTabLink Thay đổi thành true nếu bạn muốn mở cửa sổ mới mỗi khi click vào link trong tiện ích.
  • animatedRecentPost Thay đổi thành false nếu bạn muốn tắt hiệu ứng trượt.
  • newsTicker => visible Số lượng bài viết bạn muốn hiển thị trên widget. Phải chắc chắn nhỏ hơn numPost.
  • newsTicker => interval Khoảng thời gian để di chuyển bài viết, 3000=3s.
  • newsTicker => speed Tốc độ chuyển bài viết, giá trị càng cao thì tốc độ di chuyển càng chậm.

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

Nguồn chia sẻ  http://bittuot.blogspot.com/

Mọi thắc mắc các bạn comment phía dưới nhé
Đừng quên nhấn LIKE Chia Sẻ để ủng hộ Bít Tuốt nếu bài viết có ích !

Tài liệu tham khảo thêm

6 Stylish recent post widgets thiết kế blogger - Blogspot
Trình diễn bài viết mới dạng slide đẹp mắt bằng JQuery
Tiện ích bài viết mới tự động cuộn ngang với 2 nút điều khiển như vnexpress.net
Tiện ích bài viết mới cuộn ngang với 2 nút điều khiển
[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1
Tiêu đề bài đăng mới với hiệu ứng chạy ngang
Tạo recent post theo dạng hình ảnh 3 cột cho blogger
BÀI VIẾT THEO NHÃN HIỂN THỊ DẠNG TIN TỨC Ở TRANG CHỦ
Thêm bài viết mới nhất và các bài viết cũ hơn cho nhãn và bài viết
Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot
New and Flexible Recent Posts Widget With Thumbnail for Blogger
Cách tạo tab widget bài viết mới nhất theo từng label blogspot
Slider bài mới nhất trượt ngang với thumbnail ảnh cho blogspot
Cách ẩn bài viết mới nhất ngoài trang chủ blogspot
Retrieving Recent Posts Titles
Recent Posts với Thumbnails Widget cho một Blogger / Blogspot

Share:

Cách chỉnh sửa thay đổi Font chữ cho blogspot.

Cách chỉnh sửa thay đổi Font chữ cho blogspot.
 Nguồn gốc cần phải chỉnh sữa Font cho Blog:
Nguyên nhân gây ra lỗi Font là do Tiếng Việt của chúng ta có dấu, trong khi đó Font chữ chúng ta đang dùng lại dùng 1 loại font chữ không hỗ trợ tiếng
Cách chỉnh sửa thay đổi Font chữ cho Blogspot

- Do mỗi temp blogspot có thể có những loại Font khác nhau vì vậy mình sẽ hướng dẫ sơ qua để các bạn có thể hiểu được và biết cách sửa với các trường hợp tương tự

- Cách 1: Các bạn tìm đọan code tương tự như đoạn code dưới

< link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

- Các bạn hãy thay thế Oswald bằng một font chữ thông dụng trong tiếng Việt như: Arial hoặc các font chữ khác như: Times, New Times Roman,...

Lưu ý:
- Phần này chỉ được phép thay thế Oswald bằng một font chữ duy nhất!
- Nếu template không có đoạn mã:

< link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>. Các bạn có thể khắc phục bằng cách thêm đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin>

- Cách 2: Thêm thuộc tính font-family giúp định dạng font chữ cho cả blog (body), cho header, sidebar, main-wrapper, post-body, footer… Chẳng hạn để định dạng font-family tiếng Việt cho phần post-body, chúng ta đặt code CSS bên dưới vào trước thẻ ]]></b:skin> trong mẫu của bạn:
.post-body {font-family:Arial, Veranda, Tahoma, Times, Times New Roman}

- Cách 3: Nếu vẫn chưa có sự thay đổi thì mẹo cho các bạn ko biết code là: Các bạn tìm Oswald rồi thay thế hết thành Arial

Do các bạn không biết code vì vậy hơi khó hướng dẫn

- Nói chung để chỉnh sửa tốt cái này bạn phải vận dụng tốt Addon Firebug và chút kiến thức về css
Một số thuộc tính css về text mà các bạn nên quan tâm:

- font-size:  Kích thước chữ
- font-family: Loại font chữ
font-weight: Độ in đậm của chữ.

Ví dụ:

font-size:  18px ==> font chữ là 18pixel
font-family: Arial ==> font chữ dạng arial
font-weight: bold  ==> Chữ in đậm, chữ béo
Nguồn Thủ thuật Blog Bit Tuốt

Share:


Thống kê Blogspot

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP