Kiếm Tiền online: Code1987: Thông tin riêng về trang web - giao diện

Thursday, August 1, 2013

Code1987: Thông tin riêng về trang web - giao diện - tên miền...

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:

2. Quảng cáo:

<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:

#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>

<fb:like layout='box_count' show_faces='false'></fb:like>

</div>

<br />

<g:plusone size="tall"></g:plusone>

</div>

#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>

<br/>

<br/>

<br/>

</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>

No comments:

Post a Comment

Kiếm Tiền online

Thursday, August 1, 2013

Code1987: Thông tin riêng về trang web - giao diện - tên miền...

No comments:

Post a Comment

Featured Posts

Followers