- Mẫu Awesome Inc.. Hình ảnh mẫu của claylib
- Kích cỡ 1200px, cột phải 350px.
- 2 quảng cáo.
- Fanpage Facebook, Kết nối Google+
- 2 trượt dọc - cái thứ nhất là Like Facebook và Google+, cái thứ hai là các liên kết mạng xã hội.
- Trao đổi nội dung với Takataka
- Google Analystic
- CSS riêng
- Lên đầu trang
Các đoạn code:
1. Fanpage Facebook:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FMangLuoiToanCau&width=285&height=290&show_faces=true&colorscheme=light&stream=false&show_border=true&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>
2. Quảng cáo:
<a href="http://www.suoihoa.net/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtU05AZcz5rI23wjF_LzvmUANozTWI9me12lq24l8AgFLfCMkHgP8Si3EGthEfFvS1Khw9lcRdu1xTaQWxAAwu9LivGUlGFYJcvb0l3I14BUs8DvLQq5D2FFVMejYZnvnEpOgrtvuNbQ/s1600/suoi-hoa-net.JPG" title="Sản phẩm chăm sóc sức khỏe và sắc đẹp có nguồn gốc tự nhiên" /></a>
<a href="http://www.suoihoa.net/" target="_blank" style="float:right; margin-right:4px;">suoihoa.net</a>
<a href="http://giaiphapthoathiem.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOOwMqz0FPgUL5bzFqRpubxZwwfEZWC2oTtcINNsgpLpn3i_bAupnfq2UiZ67XtXb-B6s7fjkw2QMmbCIKRcMRUHexC4EWU8zz6LxxdVFxGZ1e6j66iZbJLkIUBdkEfHu9Agh3C_abFA/s1600/bothangday.jpg" title="Dây thoát hiểm phòng cháy nổ nhà cao tầng Ichun" /></a>
<a href="http://giaiphapthoathiem.com/" target="_blank" style="float:right; margin-right:4px;">giaiphapthoathiem.com</a>
3. Các nút trượt dọc:
<!-- www.mangluoitoancau.com chỉnh sửa dựa trên code mẫu của helplogger.blogspot.com-->
<style type="text/css">
#chiase {position:fixed; bottom:43%; margin-left:-78px; float:left; background-color:#FC8B3B;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style>
<div id='chiase'>
<div style="margin:4px;">
<div class='nut' id='facebook'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<fb:like layout='box_count' show_faces='false'></fb:like>
</div>
<br />
<div class='nut' id='google'>
<g:plusone size="tall"></g:plusone>
</div>
</div>
</div>
<!-- Hết code thanh trượt -->
<style type="text/css">
#mxh {position:fixed; bottom:0%; right:0%; float:right;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;clear:both;}
</style>
<div id='mxh' width="66">
<a href="https://www.facebook.com/MangLuoiToanCau"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eKXL536tE_4nfvptgxgh34wksjAmZLEyxZ6_K3jjUBxMsG5ep8ilLlnzHfmswUQ5KjcnSiW7msNf9Xs_m4fYw2Uw1zLiJzfAu6drNoZZv3Ol1aAQ8pvKRsx0lfZ0e_ZXpbb0H6R9Sw/s1600/inside-facebook.png" title="Fanpage Blog Mạng Lưới Toàn Cầu"/></a>
<br/>
<a href="https://plus.google.com/118210379146127053863/about"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8F_7PYBA9fSnzaikpG6BojVDHcdQMZ09BwLCRqmIR714qQRe_o-EvqEli7ll50cVebysMZ_TD36QU8kyxFL5R2v8cEmvKtNhoYsutxIvh1d6PtdiYKFaIiRgUDEVp07mG2cC2_envw/s1600/inside-google.png" title="Google+ của tôi"/></a>
<br/>
<a href="https://www.youtube.com/anhndph01596"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5HJDjnPcyjLnAPWw0NvnTBX2-qu29g983wy_ZN3BGxA5zZlsIjMBtrihX4Ym1O29Gs7U_UhkYsbc47aOZg5QTjx4ZrKDyXQrAU957SmcgkgxdJU8rgIM_qYAh3DBCcXKOBlmS6OtMA/s1600/inside-youtube.png" title="Kênh Youtube của website" /></a>
<br/>
<a href="https://docs.google.com/forms/d/1q27UKT6z0Rhf7u5dtnYy1vDIQRyAQThyPhv_f0rLXx0/viewform"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvZlaviBGUjBuMVAZ0mDinDqFEESXzOY8k31ZnH7HAIpjP98C15yzJA4vjR0dBE1n6oB3xVEtjr9ajHboOVuPhTBgeSi4FnCzHAnjz4ugJ2mZ2rUAYG4z5xamQXInVDSIXvPITGv0V_A/s1600/email.png" title="Nhận bài viết mới qua Email" alt="Nhận bài viết mới qua Email"/></a>
</div>
4. CSS riêng
body {background-color:#f4f5f6}
.post-body {
line-height:1.55;
}
.post-body h4 {
font-size:20px;
}
#phanmem {
width:200px;
padding:10px;
float:left;
background-color:#e0e0e0;
margin-right:15px;
}
#phanmem h4 {
border-top: 1px solid #cccccc;
font-size:18px;
color:#a1a1a1;
padding-top:5px;
}
#code1987, .code1987 {
border-left: 3px solid red;
padding-left: 7px;
padding-right: 7px;
font-family: Courier, "Courier New", monospace;
font-size:20px;
background-color:#eeeeee;
}
#giuchan {
color:#ffffff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
margin:20px 0px 20px 0px;
padding:20px;
padding-right:50px;
background-color:#2AA4CF;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJD_7PsH8ouu4vhgjNWY47Sy_LMUeLwfRcEwWAhIEUJikAFrNAkvFCNTxgIBzEwgV4qkTkkrbJhuuNFe2q0fMM1A70yPZt_pGWM-dsbx5jHJ3wZeEfHPpaaS_q_tMYeteY-gCTHpj0CA/s1600/crest.png');
background-repeat:no-repeat;
background-position:right top;
box-shadow:5px 5px 5px #888888;
}
#giuchan a:hover{
color:#ffffff;}
#xemthem{
border-left:5px solid #d34332;
padding:10px;
margin-top:10px;
background-color:#2AA4CF;
}
#xemthem a {
color: #ffffff;
}
#xemthem #chu {
font-weight:bold;
color:#ffffff;
text-shadow:5px 5px 5px #444444;
}
#xemthem a:hover {
padding:4px;
background-color:#F9F9F9;
color:#C03D2E;
text-decoration:none;
}
#xemthem ul li {
list-style-type:square;
}
.post-labels {
padding-top:5px;
padding-bottom:5px;
background-color:#C23D2E;
box-shadow:5px 5px 5px #444444;
}
.post-labels a{
color:white;
font-weight:bold;
}
.post-labels {
color:#dddddd;
font-weight:bold;
}
#comments {
background-color:#dddddd;
padding:15px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBGuEal673XaMLGMnlCu91Uc5lKHXsu44alLiXux7wvlp9Re3uv53aq_YkehaC5CGEdQ9G1qKbEwijjpTnf2Ugcs2P9MndZTUMNrKzUvyvMs4eYg4XPF5glcZ4eLQkfzwHE5spJS7Og/s1600/comment_edit.png');
background-repeat:no-repeat;
background-position:right top;
}
5. Google Analystic
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42003547-1', 'mangluoitoancau.com');
ga('send', 'pageview');
</script>
6. Lên đầu trang
<style type="text/css">
#mxh {position:fixed; bottom:0%; right:0%; float:right;z-index:10;}
</style>
<div id='mxh'>
<a href="#navbar"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT8gUuHeHNst6uZSdui9PyOgC7rgGlLyX3Tv00l0TtF_63rkf4Sjr_74O-cE7lBxpWFaP7Wo5c_R7c_Wyo7tXn_Do90MxMuAFvfnAGsFxLiBryZKO9oGbDTilTofFRP99Kb7nwVqOsrw/s1600/go-to-top.png" alt="Lên Đầu Trang" title="Lên" />
</a>
</div>
7. Menu
<style type="text/css">
#topnav{position:fixed; width:100%; top:0%; right:0%; float:right;z-index:10; background-color:#2AA4CF; height:35px; line-height:30px; padding-left:100px;}
#topnav a {
margin-right:15px;
font-size:12px;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;}
#topnav #adautien {
margin-left:10%;
}
</style>
<div id='topnav'>
<a id='adautien' href="http://www.mangluoitoancau.com/search/label/ph%E1%BA%A7n%20m%E1%BB%81m">PHẦN MỀM HAY</a>
<a href="http://www.mangluoitoancau.com/search/label/add-on">TIỆN ÍCH TRÌNH DUYỆT</a>
<a href="http://www.mangluoitoancau.com/search/label/b%E1%BA%A3o%20m%E1%BA%ADt">BẢO MẬT</a>
<a href="http://www.mangluoitoancau.com/search/label/html-css">HTML - CSS</a>
<a href="http://www.mangluoitoancau.com/p/ieu-khoan-su-dung.html">ĐIỀU KHOẢN</a>
</div>
8. Góc phải trượt
<style type="text/css">
#conright {position:fixed; bottom:0%; right:0%; float:right;padding:2px;z-index:10;background-color:#555555;border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;}
#conright a {
color:#ffffff;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
margin:5px;}
</style>
<div id="conright">
<a href="http://www.mangluoitoancau.com/2013/09/tao-web-mien-phi.html">Hỗ trợ tạo Website</a>
</div>
9. Quảng cáo của Mến
<a href="http://www.utemthuong.net/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwce86Z9yiirzJ3IVuI6qfKD5MRYNcnTvFSb2rs_5qqYY21kug4cwkwaLd4E8-ujAtNGOoHVGjnwz5BJWfFKkMwI3gARAzw54yv2dnqCl7ebioSqW-nQ6hlM6yFVsr9HTUq0fNhD6ZdQ/s1600/Ut-em-thuong.jpg" title="Sản phẩm chăm sóc sức khỏe và sắc đẹp có nguồn gốc tự nhiên" /></a>
<a href="http://www.utemthuong.net/" target="_blank" style="float:right; margin-right:4px; font-size:10px;">utemthuong.net</a>
