Không chỉ là tối ưu HTML 5 mà chúng ta còn tối ưu cả CSS cho templates Blogpsot của chúng ta chuẩn seo hơn. vì vậy hôm nay Bít Designer sẽ hướng dẫn cho các bạn tối ưu css cho blogspot
Xem Thêm : Tối ưu hóa HTML 5 cho blogspot
Bước đầu chúng ta tối ưu hóa CSS3 cho Font-Awesome và Font Google
Khi sử dụng Font Google và Font Awesome thì khá suất hiện khá nhiều lỗi vặt về CSS, nên mình sẽ hướng dẫn cho cac bạn khắc phục lỗi này
<link href='http://fonts.googleapis.com/css?family=Ruda:400,700' rel='stylesheet' type='text/css'/>Chúng ta thay bằng đoạn code sau để chuẩn hóa CSS
<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<script type='text/javascript'>Tối ưu hóa CSS phần <b:skin> để chuẩn CSS hiện nay cho Template Blogspot
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700");loadCSS("//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css");
//]]>
</script>
<b:skin><![CDATA[/* và */ ]]></b:skin>Thay Bằng Đoạn Code Sau
<style type="text/css"><!-- /*<b:skin><![CDATA[/* và */]]></b:skin>Mình Sẽ Cập Nhật Thêm. Chúc các bạn tối ưu css cho template blogger của các bạn thành công.