Home »
Thủ Thuật Blog
Chia sẻ temple blog trang HaiVL.Com rất đẹp
Trên mạng cũng có rất nhiều template nhưng họ đưa trước không có nhiều ưu điểm như template của mình giới thiệu sau đây.
Một vài tính năng của template này
Thích hợp với mọi kích thước màn hình - ResponsiveSử dụng hotkey ← và → để chuyển qua lại bài viết/trang
Hỗ trợ đóng mở khung tìm kiếm thân thiện người dùng
Tự động lấy thumbnail từ hình ảnh và video
Tự động nhận biết video để thêm button Play vào thumbnail
Tự động chuyển đổi hình ảnh sang kích cỡ ảnh gốc
Hỗ trợ nhận xét bằng tài khoản Facebook
Hiển thị chính xác lượt view và số lượng nhận xét
Tự động chuyển đổi các ký hiệu sang mặt cười như haivl.com tại trang chủ và widget Bài Xem Nhiều
Tự động lấy tên tác giả và thống kê số lượng bài viết của tác giả đó
... Và còn một số chức năng khác đang chờ bạn khám phá
Chỉnh sửa trong template
Thay LogoTìm đoạn sau
a#logo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1dmwl-vIL4uCiH8_MoohA-pj0qpxgpAo0s-cxDfhyphenhyphenTJdcVWHgSb3Zn7Eq7UxS8MOJruZ223TCYo1R8IwQER-TqH9Ukg_m03n8q2zgf2ioXMvaJNjC5B9b5PsIIXaoFwJQlq2mwcePQE/s1600/logo.png) no-repeat;height:40px;width: 108px;margin-top: 5px;margin-bottom: -5px;float:left;text-indent:-9999px}Và thay link logo của bạn vào
Thay Menu
Trong template bạn tìm đoạn code sau và chỉnh sửa lại cho phù hợp
<ul id='menuBar'>
<li><a href='/search/label/Nhạc%20chế'>Nhạc chế</a></li>
<li><a href='/search/label/Game%20show'>Game Show</a></li>
<li><a href='/search/label/Girl'>Girl</a></li>
<li><a class='timkiem' title='Tìm Kiếm'>Tìm kiếm</a></li>
</ul>
<div id='headerRight'>
<div class='login'>
<a class='upload' href='https://www.blogger.com/blogger.g?blogID=2174783240269434194#editor/src=header' target='blank'>Đăng ảnh</a>
<nav id='Dropmenu' style='display: none;'>
<ul class='menu'>
<li><a href='#'>Menu</a>
<ul class='hidden'>
<li><a href='/search/label/Nhạc%20chế'>Nhạc chế</a></li>
<li><a href='/search/label/Game%20show'>Game Show</a></li>
<li><a href='/search/label/Girl'>Girl</a></li>
<li><a class='timkiem' title='Tìm Kiếm'>Tìm kiếm</a></li>
</ul></li></ul>
</nav>
- 2 dòng <li><a class='timkiem'>Tìm kiếm</a></li> bạn giữ nguyên nếu muốn có chức năng tìm kiếm như trang demo
- Các dòng được tô màu vàng ở trên và dưới phải khớp nhau để hiện thị tốt và chính xác ở các kích thước màn hình
- Thay đổi 2174783240269434194 thành ID blog của bạn để các tác giả có thể tiện đăng bài một cách nhanh nhất
Code đoạn tìm kiếm trong template như sau
<script>Thay đổi thành mã trang tìm kiếm của bạn 005618512589546074367:s_2wrmb0guw
(function() {
var cx = '005618512589546074367:s_2wrmb0guw';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search/>
Cách lấy mã trang tìm kiếm
Vào www.google.com/cse/?hl=vi và Add trang web của bạn vào. Sau khi hoàn tất bạn click vào Nhận Mã và copy dòng được tô màu bên dưới và thay thế mã của mình phía trên là được
Thông báo random
Tìm đoạn code sau và chỉnh sửa cho phù hợp
thbao[0]=' Ấn hotkey ← và → để chuyển qua lại bài viết/ trang nhanh hơn';
thbao[1]=' Đăng nhập vào Facebook để nhận xét';
thbao[2]=' Like và share nếu bạn thấy bài viết hay';
thbao[3]=' Chia sẻ Việt TrollVL đến bạn bè';
Lưu ý
Trong template có đoạn code sau:<div id='mycontent'/>Mong rằng bạn nào sử dụng template này không xóa đi dòng này hoặc tự thay thế tên của mình vào. Mặc dù mình đã mã hóa và cũng có rất nhiều các để ẩn hoặc thay thế nó nhưng nếu như bạn bỏ ra không ít thời gian để viết một template chia sẻ cho mọi người thì bạn sẽ hiểu tại sao mình làm như vậy.
Hướng dẫn sử dụng temple
Post ảnhBạn nên sử dụng chức năng để đăng ảnh lên vì như vậy hệ thống mới tự nhận biết để lấy ảnh thumnail trên trang index và chuyển link sang ảnh với kích cỡ thật
Post video từ youtube
Bạn up video theo hướng dẫn sau
Vậy bạn sẽ nhận được đoạn code ví dụ như sau:
<iframe width="560" height="315" src="//www.youtube.com/embed/kTr94grb5WA" frameborder="0" allowfullscreen></iframe>Công việc của bạn là phải thêm http: vào trước //www.youtube.com/... sẽ được
<iframe width="560" height="315" src="http://www.youtube.com/embed/kTr94grb5WA" frameborder="0" allowfullscreen></iframe>Phải làm như vậy thì widget Bài Xem Nhiều mới tự động nhận thumbnail
22/2/14
Chia sẻ:
Chia sẻ
Tin liên quan
Tin khác
ban ơi mình ko biết đây là bài viét này bạn coppy từ đâu thì mình ko biết , nhưng bài này la do huycoivip vì vậy bạn hãy để tôn trọng tác giả bài viết này đi , nếu rãnh ghé qua thienhieu.com chơi nhé bạn ,
Trả lờiXóa