Test

• Xem thêm: Hướng dẫn tối ưu thẻ meta cho trang chủ blogspot

• Template thiết kế thanh lịch
• Giao diện một cột
• Hỗ trợ Video - Youtube, Vimeo và Dailymotion
• Tối ưu hóa công cụ tìm kiếm
• Thiết kế hoàn toàn Responsive
• Social Share Icons và Follow Buttons
• Mã hoá với HTML5 và CSS3 mới nhất
• Có thể mở rộng Sidebar bên phải
• Không Footer
• Thanh điều hướng trang
• Hệ thống bình luận bằng G+
• Thanh menu nằm trên top
• Thông tin về người viết
• Tương thích với hầu hết các trình duyệt ưa thích
• Màu chủ đạo là đen và trắng

Hướng dẫn tạo nút follow mạng xã hội:

.social-buttons{position:fixed;bottom:25%;width:45px;z-index:9999}

.button-left{left:0}

.button-right{right:0}

.social-buttons #twitter-btn .social-icon,.social-buttons #facebook-btn .social-icon,.social-buttons #google-btn .social-icon,.social-buttons #rss-btn .social-icon,.social-buttons #pinterest-btn .social-icon,.social-buttons #youtube-btn .social-icon{background-color:#e72828;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwUqlfTYm4AKLkOUOwTOv89hKHwu_PuYFRnij1vRYkPQGkAJ4AIMC3XNCxcZSr_Tdsu4usWq26MAswdX_kM6JqOFyJLYhS4lkNpb1zoKoXz90hKu83YHUNVLPgRHBKI8qG3aVf7PJc2BIp/s1600/mas-icons.png)}

.button-left #facebook-btn span{background-position:right 10px}

.button-left #twitter-btn span{background-position:right -35px}

.button-left #google-btn span{background-position:right -127px}

.button-left #rss-btn span{background-position:right -80px}

.button-right #facebook-btn span{background-position:12px 10px}

.button-right #twitter-btn span{background-position:11px -35px}

.button-right #google-btn span{background-position:10px -127px}

.button-right #rss-btn span{background-position:11px -80px}

.social-buttons #facebook-btn:hover .social-icon{background-color:#3B5998}

.social-buttons #twitter-btn:hover .social-icon{background-color:#62BDB2}

.social-buttons #google-btn:hover .social-icon{background-color:#DB4A39}

.social-buttons #rss-btn:hover .social-icon{background-color:#FF8B0F}

.social-buttons #pinterest-btn:hover .social-icon{background-color:#D43638}

.social-buttons #youtube-btn:hover .social-icon{background-color:#C4302B}

.social-buttons a:hover .social-text{display:block}

.button-left .social-icon{-moz-transition:background-color .4s ease-in 0;-webkit-transition:background-color .4s ease-in 0;background-repeat:no-repeat;display:block;float:left;height:43px;margin-bottom:2px;width:43px}

.button-left .social-text{display:none;float:right;font-size:1em;font-weight:700;white-space:nowrap;margin:11px 40px 11px 0}

.button-right .social-icon{-moz-transition:background-color .4s ease-in 0;-webkit-transition:background-color .4s ease-in 0;background-repeat:no-repeat;display:block;float:right;height:43px;margin-bottom:2px;width:43px}

.button-right .social-text{display:none;float:left;font-size:80%;font-weight:700;white-space:nowrap;margin:11px 0 11px 40px}

.social-buttons .social-text{color:#FFF}

.button-left #pinterest-btn span,.button-right #pinterest-btn span{background-position:11px -177px}

.button-left #youtube-btn span,.button-right #youtube-btn span{background-position:11px -223px}

<!-- share social -->

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

    <script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>  

<script>

    $(window).load(function(){

        $(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){

            $(this).stop();

            $(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});  

        });

        $(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){

            $(this).stop();

            $(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});

        });

    });

</script>

<!-- share social -->

<div class='social-buttons button-right hidden-phone hidden-tablet'>

<a class='itemsocial' href='#' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow Facebook</span></span></a>

<a class='itemsocial' href='#' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow Twitter</span></span></a>

<a class='itemsocial' href='#' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow Google</span></span></a>

<a class='itemsocial' href='#' id='pinterest-btn' target='_blank'><span class='social-icon'>

<span class='social-text'>Follow Pinterest</span></span></a>

<a class='itemsocial' href='#' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow Youtube</span></span></a>

<a class='itemsocial' href='#' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow RSS</span></span></a>

</div>

• Xem thêm: Hướng dẫn tối ưu thẻ meta cho trang chủ blogspot

• Xem thêm: Template Blogspot - MeTon Magazine - Responsive

• Thiết kế Responsive 100% 
• Màu sắc không giới hạn để lựa chọn 
• Thanh menu responsive
• Tối ưu hóa SEO 
• 3 Cột Layout 
• Hỗ trợ Widget Kéo và thả 
• Advanced Dashboard Editor để thay đổi Fonts, hình ảnh nền, màu vv 
• Tự động nhận diện hình ảnh Flickr 
• Hỗ trợ nhiều tác giả 
• Image Overlay Effects 
• 4 Cột Footer
• Hỗ trợ Video Youtube 
• Có sẵn banner quảng cáo
• Flexslider Responsive 
• Có hướng dẫn kèm trong file
• Dropdown Menu 
• Hệ thống Bình luận 
• Tùy chỉnh 404 not found

Link download Template đẹp cho blogspot Deco Mag Magazine: