[Template] Save the king! Pixel Crash

Xin chào, hôm nay mình giới thiệu một mẫu blogger theo mình đánh giá là khá chuyên nghiệp.

SAVE THE KING!Pixel Crash

Mô tả: Mẫu giao diện dành cho blogspot, các liên kết, file lưu trữ tại google!blogger
Phù hợp với:
Chứng nhận: Creative Commons Attribution 3.0 License
Phiên bản: 1.0
Tác giả: BTW
Demo ảnh:

Demo online:

Code:

http://savetheking-btwtemplates4.blogspot.com

Download:

Code:

http://www.box.net/shared/hqn9u9s1ui

Tính năng nổi bật:
Sử dụng Google Webfont API.
Sử dụng CSS sprites để tải trang web nhanh hơn.
Slideshow ảnh
Multi-trình duyệt tương thích
Thay đổi các nút liên kết mạng xã hội, web phổ biến hiện nay
Thay đổi loại quảng cáo
Widget thiết kế đơn giản
Menu tiện ích dạng Tab (có tích hợp recent post, recent reply, filck..)
Phân trang chia số và có hiện ứng,
Quảng cáo đã sẵn sàng về bên, phần đầu và sau mỗi bài.
Font chữ và hiệu ứng cho tiêu đề bài đăng...

Hướng dẫn:

1. Với widget PageList2 : dùng hiển thị các trang có tiêu đề dài
2. Search and Subcsribe: tìm đoạn code sau và chỉnh sữa theo ý thích của bạn:

Code:

<div><form action='/search' class='mycsf' method='get'><input class="mycse pylon -f11" name="q" size="26" type="text" value="Type and hit enter to search..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/></form></div><div class="get-ups"><a href="#" title="rss" rel="nofollow" target="_blank" class="g-rss"></a><a href="#" title="fbk" rel="nofollow" target="_blank" class="g-fbk"></a><a href="#" title="twt" rel="nofollow" target="_blank" class="g-twt"></a><a href="#" title="eml" rel="nofollow" target="_blank" class="g-eml"></a></div>

3. Blog Title and Description: điền tiêu đề blog và mô tả cho blog của bạn.

4.Adsense: Hiển thị với kích thước 480*60px, trong trường hợp không hiển thị bạn vui lòng tìm đoạn code này:

Code:

<!-- data:adCode/ -->

và thay thành:

Code:

<data:adCode/>

5. PageList1: dùng cho những trang có tiêu đề ngắn.

6. LinkList99: Tạo một widget liên kết và thêm các địa chỉ yêu thích của bạn vào, nó sẽ hiển thị dụng button chìm.

7. Be our Fan: mục này dùng để tạo Facebook fanpage hoặc likebox, các bạn có thể xem hướng dẫn (Tiếng Anh) tại:

Code:

http://www.bloggertemplateswidgets.com/2010/12/how-to-create-facebook-fan-page-and.html

8. Sponsors: Quảng cáo hình: để thêm, xoá hay thay đổi quảng cáo của bạn, tìm đoạn code này:

Code:

<div class="sideads125"><div style="margin-left:1px;"><a href="#" rel="nofollow" title="Ads title"><img src="http://4.bp.blogspot.com/-4-9NlFN7AI0/TXJg8NzX6SI/AAAAAAAACKY/dp1eAO7_UBE/ad125x-likebsa-dark.png" /></a><a href="#" rel="nofollow" title="Ads title"><img src="http://4.bp.blogspot.com/-4-9NlFN7AI0/TXJg8NzX6SI/AAAAAAAACKY/dp1eAO7_UBE/ad125x-likebsa-dark.png" /></a><a href="#" rel="nofollow" title="Ads title"><img src="http://4.bp.blogspot.com/-4-9NlFN7AI0/TXJg8NzX6SI/AAAAAAAACKY/dp1eAO7_UBE/ad125x-likebsa-dark.png" /></a><a href="#" rel="nofollow" title="Ads title"><img src="http://4.bp.blogspot.com/-4-9NlFN7AI0/TXJg8NzX6SI/AAAAAAAACKY/dp1eAO7_UBE/ad125x-likebsa-dark.png" /></a></div></div>

9. Slideshow hình ảnh: bạn có thể thay đổi hình ảnh theo ý thích, vui lòng tìm code sau:

Code:

<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1'>
<a href='#' title='Mechanical Knight'><img alt='text' src='http://3.bp.blogspot.com/-uZHhFlPW-X4/TWuwAX74QPI/AAAAAAAACGw/Br6lEfuEOv8/1-hgjart-MechanicalKnight.jpg'/></a>
<div class='slidext'>
<h3 class='titlebartxt'><a href='#'>Mechanical Knight!</a></h3>
<p class='descriptionbartxt'>An artwork by hgjart.deviantart.com <a href='#'>Read more</a></p>
</div>
</div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2'>
<img alt='text' src='http://2.bp.blogspot.com/-Q-VxBi7-RFA/TWuwApfObvI/AAAAAAAACG4/YkKtkWeJx7I/2-Aikuza-HeroofColors.jpg'/>
<div class='slidext'>
<h3 class='titlebartxt'><a href='#'>Hero of Colors!</a></h3>
<p class='descriptionbartxt'>An artwork by aikuza.deviantart.com <a href='#'>Read more</a></p>
</div>
</div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3'>
<img alt='text' src='http://3.bp.blogspot.com/-iQ_B5sY9lRs/TWuwA2oybRI/AAAAAAAACHA/GQ-GmJZ5m8c/3-kheleksul-AnimaHolyPaladin.jpg'/>
<div class='slidext'>
<h3 class='titlebartxt'><a href='#'>Anima Holy Paladin!</a></h3>
<p class='descriptionbartxt'>An artwork by kheleksul.deviantart.com <a href='#'>Read more</a></p>
</div>
</div>
<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4'>
<img alt='text' src='http://3.bp.blogspot.com/-yk7Ma5vmaIg/TW0EgzQwfAI/AAAAAAAACHo/RXju5Dk3Kyg/4-romengfx-Nature.jpg'/>
<div class='slidext'>
<h3 class='titlebartxt'><a href='#'>Nature!</a></h3>
<p class='descriptionbartxt'>An artwork by romengfx.deviantart.com <a href='#'>Read more</a></p>
</div>
</div>
<!-- Fifth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-5'>
<img alt='text' src='http://4.bp.blogspot.com/-Rg-dom_xDzc/TW0FR_VpVCI/AAAAAAAACH4/MZOFrE2ij4s/5-Jujika-TheWorkstation2.jpg'/>
<div class='slidext'>
<h3 class='titlebartxt'><a href='#'>The Workstation 2!</a></h3>
<p class='descriptionbartxt'>An artwork by jujika.deviantart.com <a href='#'>Read more</a></p>
</div>
</div>

hãy thay đổi url hình ảnh và đoạn văn bản riêng của bạn.

10. Page Navigation (phân trang): Phân trang thiết kế theo dạng đánh số chứ không phải theo mẫu mặc định của blogger, tuy nhiên mẫu này giúp bạn có thể chọn lựa cả hai dạng nếu bạn không thích kiểu phân trang mới này,
Đây là đoạn code dùng cho mẫu mặc định của blogger:

Code:

<b:include name='standardpagingPanel'/>

Còn đây là code dùng cho mẫu đã thiết kế:

Code:

<b:include name='numberedpagingPanel'/>

bạn có thể xóa đoạn cũ và thay đoạn mới nếu muốn.

Tạm thời là như vậy, trong quá trình cài đặt và sử dụng có bất cứ thắc mắc, các bạn vui lòng phản hồi tại bài viết này hoặc vào chuyên mục BLOGGER HỎI ĐÁP.
Lưu ý: các bạn có thể xem hướng dẫn thay theme ) giao diện) cho blogger tại đây:

Code:

http://diendan.chinhphuc.info/t15091-topic

Nguồn:

Code:

http://www.bloggertemplateswidgets.com

Dịch bởi: mr.winni

Chúc các bạn thành công

mình tìm ko thấy mấy code cần thay ở trên như cái Slideshow với mấy cái nữa ở trong phần chỉnh html. có thể chỉ cho mình tìm nó ở đâu ko

Chắc là chỉ đối với blogger tiếng anh thui
blogger tiếng việt chưa được việt hóa hết đâu
Mình cũng giống bạn nè

Không phải là blogger tiếng việt hay tiếng anh đâu bạn, bạn không thấy những đoạn code đó vì chưa chọn MỞ RỘNG MẪU TIỆN ÍCH:

h thì hỉu rùi

Đã hiểu :>

không hỉu gì hết. mới tạo thử cái blog mà vào toàntieengs anh và giao diện cũng # vơi FM nên bó tay mặc dù rất muốn làm đc cái trang như demo

sao của mình nó bị lệch vậy?



mà làm sao để thêm menu như thế này

@singh:
1. từng chức năng trong phần template của skin này mình đã ghi chú ở trên, bạn xem lại bài viết cho kĩ.
2. Bạn hỏi mà không đưa demo link ra thì đố ai giúp được.