Share Template Maskolis Blogspot
Maskolis Template Blogspot là 1 template khá thích hợp với các trang tin tức,doanh nghiệp..
Template blogspot này phần bố cục được chia làm 3 cột phần hiển thị chính. Phần footer được chia làm 3 cột. Tối ưu và hố trợ SEO khá tốt như về các thẻ H1, H2 . Những nút like , nút chia sẻ cuối mỗi bài viết .
Chức năng bài viết liên quan hiển thị có hiển thị hình ảnh mô tả. Các bạn có thể xem chi tiết tại bản demo
Thông tin Người tạo Maskolis Template Blogspot
Template Name : Johny Crottube
Author : Maskolis
Url Instruction : Creating Website
Pass giải nén file là: bittemplates.blogspot.com
Hướng dẫn cài đặt hiển thị trang chủ
Các bạn nên viết 7 bài gì đó có hình ảnh trong bài viết nhé để nó hiển thị ra cho rõ nhé chúng ta còn demo
Sau khi download về cài đặt thì các bạn vào phần Bố Cục (Layout) ta sẽ có hình như dưới(các bạn kéo xuống để thấy nó giống hình nhé)
- Phần này chúng ta sẽ quân tâm tới 2 phần trong khung màu đỏ
Phần HTML/Javascript đầu ta click vào chỉnh sửa (nó là phần sẽ hiển thị ra slider ảnh giống như ở trang demo) các bạn thêm đoạn code sau vào:
Sửa phần Berita Video các bạn click vào chỉnh sửa rồi ghi vào đó tên label bạn muốn hiển thị. Ví dụ bạn muốn nó hiển thị ra bài viết của phần Video thi bạn gi vào đó là Video (chú ý có phân biêt hao thường)
Tiếp theo bạn kéo xuống dưới để tiếp tục chỉnh sửa ta sẽ được hình như dưới
Các bạn click lần lượt vào 6 phần này để chỉnh sửa. Thao tác khá giống với Sửa phần Berita Video các bạn chỉ cần ghi vào đó tên label bạn muốn hiển thị
Mọi thắc mắc hay gặp khó khăn trong cài đặt vui lòng comment phía dưới để được hỗ trợ.
Các bạn nên viết 7 bài gì đó có hình ảnh trong bài viết nhé để nó hiển thị ra cho rõ nhé chúng ta còn demo
Sau khi download về cài đặt thì các bạn vào phần Bố Cục (Layout) ta sẽ có hình như dưới(các bạn kéo xuống để thấy nó giống hình nhé)
- Phần này chúng ta sẽ quân tâm tới 2 phần trong khung màu đỏ
Phần HTML/Javascript đầu ta click vào chỉnh sửa (nó là phần sẽ hiển thị ra slider ảnh giống như ở trang demo) các bạn thêm đoạn code sau vào:
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Test?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/Test?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex)
}
})
</script>
</div>
Chú ý: Test là tên label bạn muốn hiển thị làm xong ta lưu lại<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Test?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/Test?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex)
}
})
</script>
</div>
Sửa phần Berita Video các bạn click vào chỉnh sửa rồi ghi vào đó tên label bạn muốn hiển thị. Ví dụ bạn muốn nó hiển thị ra bài viết của phần Video thi bạn gi vào đó là Video (chú ý có phân biêt hao thường)
Tiếp theo bạn kéo xuống dưới để tiếp tục chỉnh sửa ta sẽ được hình như dưới
Các bạn click lần lượt vào 6 phần này để chỉnh sửa. Thao tác khá giống với Sửa phần Berita Video các bạn chỉ cần ghi vào đó tên label bạn muốn hiển thị
Mọi thắc mắc hay gặp khó khăn trong cài đặt vui lòng comment phía dưới để được hỗ trợ.
Nguồn được viết và chia sẻ bởi : bittemplates.blogspot.com
Mình đã tải template này về rồi nhưng khi đưa vào blogger thì không hiển tị nguyên vẹn theo demo. Do đó việc chỉnh sửa lại rất khó. Bạn có thể chỉ cho minh biết cách để khi tải về có thể hiển thị đầy đủ như bản demo không?
ReplyDeleteCó gì hôm này mình sẽ viết 1 bài hướng dẫn cài đặt cụ thể cho từng temps các bạn đợi và theo dõi nhé
Delete