Một số tùy biến tối ưu Sora Seo Blogger Template hữu ích

Sau đây xin chia sẻ Một số tùy biến tối ưu Sora Seo Blogger Template hữu ích cho anh em nào đang xài template này. Các mẹo nhỏ này do quá trình s

Sora Seo Blogger Template giá rẻ
Hãy cảnh giác với dây nhựa giả mây, dây nhựa giả mây giá rẻ
Hướng dẫn seo ratting cho blogspot cách lạ

Sau đây xin chia sẻ Một số tùy biến tối ưu Sora Seo Blogger Template hữu ích cho anh em nào đang xài template này. Các mẹo nhỏ này do quá trình sử dụng template mình có sửa và lưu lại tại bài viết này để lưu trữ và chia sẻ cho am em nào đang xài.

Bài này hướng dẫn cho template Sora seo bản 2018. Do template này được Sora thiết kế nên 1 số chi tiết như: font chữ, bố cục hoặc tùy biến sẽ hơi khó coi đối với các bài viết blog sử dụng ngôn ngữ Tiếng Việt, nên tôi viết bài này để lưu lại những gì tôi làm và chia sẻ cho anh em cùng biết:

1. Full-Width Version (true/false)

Chế độ hiển thị Full màn hình hoặc boxer (thu nhỏ) giao diện.

Bố cục >> Theme Options >> Chỉnh sửa

true: Bật chế độ boxer giao diện

false: hoặc bỏ trống để chế độ full width

2. Chỉnh sửa font và css

2.1: Chỉnh chữ “Read more” thành “Xem thêm” và chỉnh font

Tìm và sửa như dưới đây:

<span class=’read-more-wrap’><a class=’read-more anchor-hover’ expr:href=’data:post.url’>Xem thêm </a></span>

.second-meta .read-more {
    font-family: ‘Roboto;
    letter-spacing: 2px;
transition: all .3s;
background: $maindarkcolor;
    padding: 5px 12px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0;
    font-size: 12px;
    text-transform: none;
    border-left:3px solid $maincolor;
    color: #f7f7f7;
    font-weight: bold;
    white-space: nowrap;
}

2.2: Chỉnh tiêu đề bài viết mới tại trang chủ

.post h2 a {
color: #000;
letter-spacing: 1.3px;
}
.post h2 {
    margin: 10px 0;
    padding: 0;
    text-transform:none;
}

Hãy lưu bài này nếu bạn có sử dụng Sora seo blogger template nhé. Vì bài viết sẽ cập nhật thêm khi có những mẹo tối ưu khác nữa.

2.3. Xóa NÚT GOOGLE PLUS

Tìm

https://plus.google.com/share?

và xóa các thẻ các thuộc tính google hoặc xóa whatapp nếu bạn muốn

2.4. Chỉnh Danh sách dữ liệu bài viết

Vào chỉnh sửa template và thay thế đoạn css này

<style>
/*——-Typography and ShortCodes——-*/
.firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:&#39;f10d&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:&#39;f10e&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:&quot;f06e&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:&quot;f019&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:&quot;f09d&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:&quot;f14c&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{margin:10px;padding-left:15px;line-height:1.5;font-weight:400}.widget .post-body li{margin:5px;padding-left:5px;line-height:1.5}.post-body ul li:before{margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, &quot;Andale Mono&quot;, &quot;Courier New&quot;, Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:&#39;Code&#39;;display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:&quot;f058&quot;}.fa-info-circle:before{content:&quot;f05a&quot;}.fa-exclamation-triangle:before{content:&quot;f071&quot;}.fa-exclamation-circle:before{content:&quot;f06a&quot;}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}
.FollowByEmail {
    clear: both;
}
</style>

Kiểm tra bài viết đã fix và có thể soi code để copy css không bị lỗi:
https://sora-seo-template-vn.blogspot.com/2019/03/test-hien-thi-sach-thong-tin-trong-bai-viet.html

Trân trọng cảm ơn!

COMMENTS

WORDPRESS: 2
  • comment-avatar

    Siêng viết bài ghê

  • comment-avatar

    Blog mới mà, tập tành viết lách mới học được thêm nhiều hơn nữa. Cảm ơn bạn đã ghé thăm blog nhé!

  • DISQUS: