Khoe "áo mới" - Clean Blog Template

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjin-ZnEdIFAyUBZ9Gnv0yndfCz-YoMXbSb_ifVp6r3u8N2wEXsTO_QnAM03MMJtu32j9kpwKZCQC8VT36TdoaoZpGAdwABG1sv6usinmT8TvUuzIWStsqFwagIIWflVpeHGtZvbwbtrOV/s1600/juno-okyo-blog-fastest-blogger-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Juno_okyo's Blog - Fastest Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjin-ZnEdIFAyUBZ9Gnv0yndfCz-YoMXbSb_ifVp6r3u8N2wEXsTO_QnAM03MMJtu32j9kpwKZCQC8VT36TdoaoZpGAdwABG1sv6usinmT8TvUuzIWStsqFwagIIWflVpeHGtZvbwbtrOV/s1600/juno-okyo-blog-fastest-blogger-template.png" title="Juno_okyo's Blog - Fastest Blogger Template" /></a></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;"><br /></div><div style="text-align: left;">Xin chào! Chắc các bạn cũng đã nhận ra <b>Juno_okyo's Blog</b> có giao diện mới rồi nhỉ?</div><div style="text-align: left;"><br /></div><div style="text-align: left;">Đây là <b>template Blogger</b> đầu tiên do tôi tự làm, convert dựa trên template <a href="http://startbootstrap.com/template-overviews/clean-blog/" target="_blank">Clean Blog</a> được cung cấp miễn phí bởi Start Bootstrap. Và dưới đây là những gì tôi đạt được khi tự tay làm một template thay vì dùng hàng sẵn có.</div><h3>Đạt điểm tối đa của PageSpeed Insights</h3><br />Khó có thể kiếm được một <b>template Blogger</b> nào đạt 100/100 điểm trên PageSpeed Insights (công cụ đo tốc độ tải trang uy tín của Google). Và một điều nữa có thể khiến bạn ngạc nhiên đó là template gốc mà tôi convert sang thì chỉ đạt 87/100 điểm. <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWfv07nqPZ3HR4gvDzneuXfhnMHGX58bReGy0ET6Cxv5_5hJjgBi8nSLFjNQlU5nILT-Kxh4rcs7g7BO7ZZ6wd9D8MmTJjxEPVVlb4ocIqfj6XZK6SdUjNfW2f4Nuln6blB1FjjKgn_Eje/s1600/clean-blog-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Clean Blog Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWfv07nqPZ3HR4gvDzneuXfhnMHGX58bReGy0ET6Cxv5_5hJjgBi8nSLFjNQlU5nILT-Kxh4rcs7g7BO7ZZ6wd9D8MmTJjxEPVVlb4ocIqfj6XZK6SdUjNfW2f4Nuln6blB1FjjKgn_Eje/s1600/clean-blog-template.png" title="Clean Blog Template" /></a></div><div style="text-align: center;"><br /></div><h3>Giao diện thân thiện với thiết bị di động</h3><div><br />Điều này khá dễ hiểu vì template này được dựng trên Bootstrap - một CSS Framework đã quá nổi tiếng, đặc biệt là về khả năng responsive (tương thích đa thiết bị).</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghZF825kyrIh5eS416Wjwe0mdMTgTw441an4pXVRibhJAd9tP7KHr2zXE1KGIQLdpHPoTGeDo1W_5uf8VhK1R0cdNznZLU_cCWUYp87vI5geLOgzaidJ9Yd4K-ZBwNxmqOj5HYndoteFvM/s1600/juno-okyo-blog-fastest-blogger-template-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Fastest Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghZF825kyrIh5eS416Wjwe0mdMTgTw441an4pXVRibhJAd9tP7KHr2zXE1KGIQLdpHPoTGeDo1W_5uf8VhK1R0cdNznZLU_cCWUYp87vI5geLOgzaidJ9Yd4K-ZBwNxmqOj5HYndoteFvM/s1600/juno-okyo-blog-fastest-blogger-template-2.png" title="Fastest Blogger Template" /></a></div><div style="text-align: center;"><br /></div>Không những thân thiện mà template này còn đạt điểm gần như tuyệt đối về trải nghiệm người dùng. <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrXpH7ppMjIM55evKu9wSklKyGbLN-tM1y7MBiio8uk3uPW5umoCRpQjmEV9-4r7y-qZXfPZL5Xeyr-W0IJBoDoRGm3Iptt_RJ4Jq4qDVE8g5rYRuRgf1ZSOfA9OsajGJvGgEbhQaQ-ms/s1600/juno-okyo-blog-fastest-blogger-template-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Fastest Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrXpH7ppMjIM55evKu9wSklKyGbLN-tM1y7MBiio8uk3uPW5umoCRpQjmEV9-4r7y-qZXfPZL5Xeyr-W0IJBoDoRGm3Iptt_RJ4Jq4qDVE8g5rYRuRgf1ZSOfA9OsajGJvGgEbhQaQ-ms/s1600/juno-okyo-blog-fastest-blogger-template-3.png" title="Fastest Blogger Template" /></a></div><div style="text-align: center;"><br /></div><h3>Hỗ trợ đầy đủ SEO tag và Rich Snippet</h3><br />Đây là kết quả kiểm tra bằng công cụ của Google.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBGz9MaxrQrhxTXrEVI6VZwJGAUis_csk38ZctJkVE8SUtl8dvs6WpqXwKpIbCej9uWXbgMUfuCgBiaqLT0JQQ3jFYgi0nJ2JnY6D_ZqWk_5NZ0ozMOlE3EGxJlWEwUrk1m_G3akyVvQo/s1600/juno-okyo-fastest-blogger-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Juno_okyo Fastest Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBGz9MaxrQrhxTXrEVI6VZwJGAUis_csk38ZctJkVE8SUtl8dvs6WpqXwKpIbCej9uWXbgMUfuCgBiaqLT0JQQ3jFYgi0nJ2JnY6D_ZqWk_5NZ0ozMOlE3EGxJlWEwUrk1m_G3akyVvQo/s1600/juno-okyo-fastest-blogger-template.png" title="Juno_okyo Fastest Blogger Template" /></a></div><div style="text-align: center;"><br /></div><h3 style="text-align: left;">Lý do chọn Clean Blog để convert thành Blogger Template?</h3><div><br />Đơn giản là vì đây là template có phong cách giống với Ghost và Medium - 2 nền tảng viết blog mà tôi rất thích. Và việc quyết định tự làm một template với mục đích chính là để tìm hiểu thêm và core của Blogger, nền tảng blog mà tôi đã gắn bó được một thời gian dài.</div><div><br /></div><div>Bạn có muốn biết tôi đã học được những gì sau khi tạo ra template này? Hay muốn biết làm thế nào mà tôi có thể đạt được điểm tối đa trên Google PageSpeed Insights? Hãy đón đọc trong bài viết tiếp theo nhé!</div>

Khoe "áo mới" - Clean Blog Template

Xin chào! Chắc các bạn cũng đã nhận ra Juno_okyo's Blog có giao diện mới rồi nhỉ? Đây là template Blogger đầu tiên do tôi tự làm, conv...

Read more »