Chức năng chính của nó là làm thay đổi độ rộng hẹp blog và thay đổi màu chữ tại một số vùng nhất định.
Bạn nào sử dụng template dạng BMAG sẽ rất đẹp và thú vị đấy.
Chúng ta bắt tay vào làm nhé!
Bước 1: Blogger => Chủ đề => Chỉnh sửa HTML.
Bước 2: Các bạn tìm thẻ
]]></b:skin> sau đó thêm đoạn code sau vào trước nó:<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'></script>Bước 3: Các bạn tìm thẻ
<style>
.fato1 {
font-size: 25px;
margin-right: -3px;
}
.fato2 {
font-size: 13px;
}
.switcher {
position: fixed;
top: 50%;
right: 0;
z-index: 999999999;
background-color: #FFF;
margin-right: -240px;
margin-top: -207.5px;
color: #444;
}
.switchom {
background-color: #FFF;
color: #03a9f5;
height: 50px;
width: 50px;
display: block;
line-height: 50px;
text-align: center;
font-size: 20px;
border-radius: 5px 0 0 5px;
position: absolute;
left: -50px;
box-shadow: 0 0 2px #aaa;
}
.contsho {
width: 240px;
height: 390px;
padding: 20px;
box-shadow: 0 0 2px #888;
}
.contsho .layout-width a {
color: #B8B8B8;
display: block;
padding: 5px 8px;
font-size: 14px;
display: inline-block;
background-color: #EEE;
width: 45%;
text-align: center;
margin-right: 10px;
font-family: Raleway,Tahoma;
}
.contsho .layout-width a:last-child {
margin-right: 0;
}
.layout-width,.bground {
margin-bottom: 15px;
overflow: hidden;
}
.contsho a.full {
margin-bottom: 0;
}
.contsho h3 {
margin-bottom: 15px;
font-size: 18px;
font-weight: 400;
font-family: Raleway,Tahoma;
}
.contsho h3 span {
color: #03a9f5;
}
.contsho a:hover {
background-color: #03a9f5;
color: #fff;
}
.bground a {
width: 30px;
margin-right: 10px;
margin-bottom: 10px;
height: 30px;
display: inline-block;
float: left;
overflow: hidden;
background-color: #FFF;
border: 1px solid #EEE;
}
.bground a img {
width: 100%;
height: 30px;
background: #fff;
}
.colorom a {
width: 33px;
height: 32px;
line-height: 0;
margin: 0 8px 8px 0;
display: block;
float: left;
background-color: #555;
}
.colorom a:nth-child(6) {margin:0 0 8px 0;}
.colorom a:nth-child(11) {margin:0 0 8px 0;}
</style>
<body>sau đó thêm đoạn code sau vào sau nó:<div class='switcher'><a class='switchom close' href='#'>Bước 4: Lưu mẫu và xem kết quả, chúc các bạn thành công!
<i class='fa fa-cog fa-spin fato1'/>
</a>
<div class='contsho'>
<div class='layout-width'>
<h3><span>Layout</span> Style</h3>
<a class='full' href='#'>Full Width</a>
<a class='boxed' href='#'>Boxed</a>
</div>
<div class='bground'>
<h3><span>Background</span> Patterns</h3>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49Boll9eIaX3rAxpdTNnUmZ0MdW-MxWjlYgsm5xnNfdOi6ovjWJ5Z9APR4J7SN_WghwcC7_r_1JKPl0NDIOxDpwTY9HKAja-94L67c8JrE5_1CMC0SKjbAtA_Rt6XZvqI5dDDsm9o8eA/s1600/bg1.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNg5PedQ140-aEoYayYZY8sZe_v5p2qqKQIOyh26EbdA_yP9Kof9_tM4gzsjxnBtRpJdP_oLBgMWNXCtZZ1y5bVpgtzW0XkhHaY9ZB9r8si8o_HS2Zk0p9MvmLspxvy1DkhVWs9-WoTk/s1600/bg2.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhf6fEPyHrFoYGhnADlrjQGiQeSMblr7pYTOudf9GDN8OF5W_f6Df8K4lk-zKlyZUjVEFuhg5JcvHDOFIADMx4hbH1Z08n_Vy_C8BGQGhg4m8nAjiofHWfbf3HlHn_xCqb7yV3uuefcB4/s1600/bg3.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVUjHyrQbc05p3q2osGk9jBFDyfx_FFPPufoWcWPxZXaSR0mGOmYBnJ-AkeboOnRrm4_THUnFWEAt6Bbg3B3hL3vSVEscGvxM2XKTXJaNX9E85B8YZ28nDQtgw1Ng_v8iJaC3BoDBJpY/s1600/bg4.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXTCbBzpOi6TZQJ-m3KQ7MLU2_vcB48uOCRm_d81Q4uqt7o4s8m3BDrbx34mnkQlOtV-G60xc3YWra0uDnQrmdZwqTzLEoQ6TSvn5ZduPeNtvUPZCn8RkLo_kVBDqyvveCKeauiLyUVeQ/s1600/bg5.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbeRKQy6eMXuArswuIVydvwMItbXsVisd4OXWCvhhjoy5XQniNLlO3rPaY01LMgy8rrHgrwrWCxUlhf7LWlZ7mLiPnmmsC5eAa72wQDUFCPVIE7B4_dVvqk2PhT6k7BHDtCzamQINY_A/s1600/bg6.jpg'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz4Fjdp07W1-lR2xMAWtgthFVYIyF12XX4IOjxxsGJ8fS0t6TVw0L9cNUyiJIQQa90EQDml1cRBjamsjJYCg6W95Y9SREcLwzI0aJPDlfZaVpGePxemPoIgs3jWiq3-yV8NFD_mVk0yIE/s1600/pat-13.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzDLbb_AhEgc9DJ8SHPZQMyc7h5CsyDmOxufcv19AzaD4u-eaiXicNGo0Z6559pwKJwx1zkK0Bg9st1fI3AJtJA1P0CfZehKXCF_x5qC7oDzVYzD7BChYYi1uFYzW70jJNC3WCwZMsKA/s1600/pat-2.png'/></a>
</div>
<div class='colorom'>
<h3><span>Color</span> Scheme</h3>
<a data-color='#EE1C24' href='#'/>
<a data-color='#FFCC00' href='#'/>
<a data-color='#EE145B' href='#'/>
<a data-color='#00BFF3' href='#'/>
<a data-color='#8DC73F' href='#'/>
<a data-color='#603913' href='#'/>
<a data-color='#F26522' href='#'/>
<a data-color='#9E0039' href='#'/>
<a data-color='#004A80' href='#'/>
<a data-color='#197B30' href='#'/>
</div>
</div>
</div>
THAM GIA TRANH TOP BÌNH LUẬN NGAY!
Một số lưu ý khi bình luận
Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).
Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.
Hãy xem hướng dẫn để bình luận theo đúng ý nhé.
Hướng dẫn bình luận
Tiện ích
Chèn hình ảnh
Upload ảnh
Chèn một đoạn Code
Sau đó dùng thẻ
[code] CODE_ĐÃ_MÃ_HÓA [/code]hoặc[pre] CODE_ĐÃ_MÃ_HÓA [/pre]rồi paste vào khung bình luậnCtrl + V hoặc Right click chọn Paste vào ô nhận xét để chèn Emoticon
Nếu dùng nhiều Emoticon giữa chúng ngăn cách bằng 1 dấu cách
Mã Hóa Code&Convert
'Convert
"Convert
<Convert
>