Hướng dẫn chi tiết chỉnh sửa toàn tập website tin tức
+ Cài đặt như hướng dẫn trước để mục tin tức hiển thị:
+ Cài đặt như hướng dẫn trước để mục tin tức hiển thị:
vào chủ đề tìm: Ctrl +F: tìm từ homepageurl
thay thế blogspot của bạn vào:
<script type='text/javascript'>
homepageurl="http://tenblogcuaban.blogspot.com/";
sumpost = 50;
numposts = 3; (số lượng bài khi phân trang)
sumtitlep = 43;
</script>
thay thế blogspot của bạn vào:
<script type='text/javascript'>
homepageurl="http://tenblogcuaban.blogspot.com/";
sumpost = 50;
numposts = 3; (số lượng bài khi phân trang)
sumtitlep = 43;
</script>
+ Bật tính năng mô tả
( meta description) cho bài đăng blogspot:
vào cài đặt>tùy
chọn tìm kiếm khác>bật mô tả
+Chỉnh sửa logo, thêm
hotline:
vào chủ đề tìm: <a class='brand' href='/'>
thay thế: <img alt='hp-company'
src='đường dẫn ảnh của bạn/>
vào chủ đề tìm: <a class='brand'
href='/'>
thay thế: <img alt='hp-company'
src='đường dẫn ảnh của bạn/>
1.
Thêm hotline:
Thêm vào trước dòng:
<div class='share-links pull-right'>
Đoạn code sau:
<div class='item pull-right'>
<a
class='brand' href='/'>
<img
alt='Hotline' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcvpsEadW2S3RPNDmgAHX9aRUs9NRNVP46tDf_39eMxOyG0F82Lg-yzxHLuugQDzi2kkgl5gU9SRE21HSd6hdsQW-7T22m_oPpukJzpiXLRJpBwI_JniEP2rdK8ZedMkHyPfggLjuD_Fw/s1600/hotline.png'/>
</a>
</div>
+ Thêm google plus vào
thanh header:
+ Thêm link liên kết
vào thanh header:
+Chỉnh sửa menu mobile
và menu bar:
vào chủ đề tìm:
id='header-mobile-menu
Tìm và chỉnh lại Tên các menu: Dự án, Thi công
vào chủ đề tìm: id='menu
Tìm và chỉnh lại Tên các menu: Dự án, Thi công
1.
Chỉnh sửa chân trang:
vào chủ đề tìm:
footer-block
Chỉnh sửa trang fanpage:
đổi tên: data-href='fanpage của bạn
vào chủ đề
tìm: class='fb-page'
đổi tên: data-href='fanpage của bạn
đổi tên: href='fanpage của bạn' title='Facebook'/>
vào chủ đề tìm:
share-facebook
đổi tên:
href='fanpage của bạn' title='Facebook'/>
vào chủ đề
tìm: fa fa-facebook
đổi tên: href='fanpage của bạn' title='Facebook'/>
vào chủ đề
tìm: class='fb-page
đổi tên:
href='fanpage của bạn' title='Facebook'/>
Tuong tự chỉnh sửa
google plus, twitter, và insgram
vào chủ đề tìm:
footer-block
đổi tên:
data-href=
+ Chỉnh sửa hộp chat facebook:
vào chủ đề
tìm: //connect.facebook.net
đổi:
appId=115842592410903 thành appId=số
id của bạn
lấy số
id của bạn bằng cách vảo trang: https://developers.facebook.com/
+ Tối ưu hóa thẻ <h1>:
Thay
đoạn code dưới vào <h1> và <span><data:blog.searchLabel/></span>
<h1>
<b:if
cond="data:blog.searchLabel == "tin-tuc"">Nội
dung1</b:if>
<b:if
cond="data:blog.searchLabel == "du-an"">Nội
dung2</b:if>
</h1>
<span>
<b:if
cond="data:blog.searchLabel == "tin-tuc""><a
href='/search/label/tin-tuc' target='_self'>Nội dung1</a>
</b:if>
<b:if
cond="data:blog.searchLabel == "du-an""><a
href='/search/label/du-an' target='_self'>Nội dung1</a> </b:if>
</span>
+
Chỉnh sửa biểu tượng facebook to hơn:
vào
chủ đề tìm: share-facebook: đổi dòng
font-size:
27px; nằm phía trên
và
line-height: 50px; hoặc 23px
height:
45px; hoạc 22px
-
chat facebook:
+
Hiện bài viết trong trang label:
Vào bài đang gán nhãn vào sẽ hiện ra
+
Tối ưu hóa: đường dẫn bài đăng
vào chủ đề tìm:
<li
class='active'><span><data:blog.pageName/></span></li>
Thay thế:
<li><a href='/'
target='_self'>Trang chủ</a></li>
<li
class='active'><span><data:blog.pageName/></span></li>
Bằng
đoạn sau:
<li><a href='trang chủ website bạn' target='_self'>Trang
chủ</a></li>
<li><a href='trang chứa bài đăng website( ở đây là Tin tức'
target='_self'>Tin tức</a></li>
<li
class='active'><span><data:blog.pageName/>
</span></li>
+ Tối ưu thẻ keyword:
vào chủ đề tìm: name='keywords'/></b:if></b:if>
Thay thế: <b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<meta
expr:content='data:blog.pageName + ", " + data:blog.pageTitle
+ ", " + data:blog.title'
name='keywords'/></b:if></b:if>
Bằng
đoạn:
///////////////////////////////////////////////////////////////////////////////////////////////////
<b:if
cond='data:blog.url == "url từng bài đăng
trong web"'>
<meta content='keyword từng bài đăng' name='keywords'/>
</b:if></b:if>
///////////////////////////////////////////////////////////////////////////////////////////////////
+ Thay đổi thẻ H1, H2, H3, H4 cho trang chủ
+ Thay đổi thẻ H1, H2, H3, H4 cho trang label tin tức
+ Thay đổi thẻ H1, H2, H3, H4 cho trang bài đăng
+ Sửa lại khung đăng ký mail:
//////////////////////////////
.newsletter input {
text-indent: 5px;
height: 30px;
line-height: 20px;
width: calc(100% - 1px);
float: left;
//////////////////////////////
+ Tạo trang liên hệ: trang các dự án
+ them google share
<a class='share-youtube' href='#' rel='nofollow' target='_blank' title='Youtube'>
</a>
+ Tạo trang fanpage google+
+ tạo kênh youtube:
+ Lay ma buu chinh:
D:\0000-marketing online cua Phuc\1000-Ke hoach chi tiet
+ Sửa đoạn script để làm break cum
</script>
<h2>
<b:if cond='data:blog.searchLabel == "tin-tuc"'>Nội dung1</b:if>
<b:if cond='data:blog.searchLabel == "du-an"'>Nội dung2</b:if>
</h2>
breadcrumbs
+ Cải thiện tải trang:
Nén hình ảnh cho web:
Tìm thẻ điều kiện trang chủ:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Nén hình ảnh trong đoạn html đó
- Để nén ảnh định dạng png bạn sử dụng công cụ sau: https://tinypng.com/
- Để nén ảnh định dạng jpg bạn sử dụng công cụ sau đây: http://compressnow.com/fr
+ Đôi logo các dối tác:
Tìm thẻ: <div class='brand'>
đổi hình ảnh: hstatic.net/831/1000098831/10
+ Thay đổi thẻ H2, H3, H4 cho trang chủ
Tìm thẻ điều kiện trang chủ:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Tìm tag <h2>
Thay nội dung trong tag bằng "nội dung của bạn" trong các thanh Menu:
---Thanh mobile: <div class='pull-right hidden-xs hidden-sm' id='mobile-nav'>
---Thay đổi màu chữ, kích cỡ trong menu:
#mobile-nav ul li a{
text-transform: uppercase;
box-shadow: none;
font-size: 20px;
color: #100f0f;
padding: 32px 13px;
line-height: 20px;
display:block;
transition: all 0.3s;
font-weight: 700;
Đổi màu khi rê chuột:
:hover
Sử dụng Menu làm nội dung H2
<a href='/search/label/thiet-ke-d
<h2> Thiết kế điện nước</h2>
</a>
Đổi kích cỡ chữ, canh trên dưới menu khi thêm thẻ h2:
h2 { margin-top: -4px; font-weight: 700; color: #100f0f; font-size: 12px; line-height: 28px; }
Tạo thêm thẻ h7:
h7 { font-weight: 400; color: #333333; font-size: 28px; line-height: 28px; }
Sử dụng Bài viết nhỏ làm nội dung H3
Sử dụng hình ảnh Bài viết nhỏ làm nội dung H4
+ Thay đổi thẻ H1, H2, H3, H4 cho trang label tin tức
+ Thay đổi thẻ H1, H2, H3, H4 cho trang bài đăng
+ Thay đổi tên dịch vụ ( Menu chân trang)
Tìm: col-xs-12 col-sm-6 col-md-3 footer-block
thay thế
<h6>
Dịch vụ của chúng tôi
</h6>
các menu cần thay
+ thêm các label trong bài đăng:
thiet-ke-m-e,
thiet-ke-he-thong-dien,
thiet-ke-thong-gio,
thiet-ke-pccc,
thiet-ke-dien-nuoc,
+ Chỉnh sửa tiện ích: Bài đăng xem nhiều
Vào bố cục: tìm và sửa lại tiện ích:
//////////////////////////////
<div class="category">
<h3 class="category-title">
Bài đăng xem nhiều
</h3>
<ul class="list-tag clearfix">
<li class="general-contruction"><a href="/blogs/news/tagged/gener
<li class="pre-contruction"><a href="/blogs/news/tagged/pre-c
<li class="painting"><a href="/blogs/news/tagged/paint
<li class="plumbing"><a href="/blogs/news/tagged/plumb
</ul>
</div>
//////////////////////////////
+ Widget nhận thông tin qua mail:
//////////////////////////////
<form action="https://feedburner.
//////////////////////////////
Cách Seo onpage cho blogspot
+Hướng dẫn xét duyệt nhận xét của người khác
+ Tối ưu SEO Cài đặt:
+ Tạo hộp theo dõi:
+ Tự động cập nhật lên facebook:
+ khai báo rss:
+ XML Sitemaps và Robots.txt
//////////////////////////
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: *max-results=*
Disallow: *archive.html
Disallow: *?m=0
//////////////////////////////
+ Tra cứu mã màu:
Chỉnh sửa tiện tích: vào bố cục, chọn tiện ích cần chỉnh
******************************
<div class="category">
<h3 class="category-title">
Danh mục thiết kế
</h3>
<ul class="list-tag clearfix">
<li class="thiết kế điện nước"><a href="/search/label/thiet-ke-d
<li class="thiết kế m&e"><a href="/search/label/thiet-ke-m
<li class="thiết kế hệ thống điện"><a href="/search/label/thiet-ke-h
<li class="thiết kế thông gió"><a href="/search/label/thiet-ke-t
<li class="thiết kế pccc"><a href="/search/label/thiet-ke-p
</ul>
</div>
******************************
+ Nút chạy lên đầu trang:
Chèn đoạn code bên dưới trước <!--</body>--></body> </html>, trước thè div :
++++++++++++++++++++++++++++++
<style>
/* CSS Back To Top */
#backtotop { overflow: hidden;
position: fixed;
z-index: 90;
right: 10px;
bottom: 45px;
display: none;
width: 45px;
height: 45px;
line-height: 30px;
color: #18a4dd;
text-align: center;
background-color: #ffffff;
font-size: 20px;
text-indent: 0;
cursor: pointer;
-webkit-transform: translateZ(0);
padding: 4px 0 0;
text-align: center;
transition: all .5s;
border: 1px solid;
border-radius: 100%; }
#backtotop:hover { background-color: #18a4dd; color: #2FBD4E}
</style>
<a href='#' id='backtotop'><img src='https://4.bp.blogspot.com
++++++++++++++++++++++++++++++
Cài đặt rich sniper
đã có
Language:
đã có
Doctype:
Encoding:
+Google™ Analytics:
+Google webmaster tool:
thêm:
GỞi site map:
+Favicon
Để thay đổi favicon cho web/blog rất đơn giản, bạn vào trang quản lý blog chọn Bố cục . Bạn sẽ thấy widget favicon ở ngay phần bố cục
Chọn chỉnh sửa và chọn hình ảnh bạn muốn lựa chọn làm favicon (Thông thường kích thước của một favicon là 160 x 160 px)
Thêm đoạn script vào trước thẻ <meta expr:content:
<script language="javascript">
// lấy url
var sPath = window.location.pathname;
//loại bỏ /
var url = sPath.substring(sPath.lastInde
//bo htlm
var updated_url = url.substring(0, url.length - 5);
//thay '-'
var updated_urlweb= updated_url.replace(/-/g, ' ');
//thông báo ra màn hình
alert(updated_urlweb);
</script>
Bước 2:
