Vậy làm sao để rip được templates blogspot
1. Hiểu bố cục templates
Đối với templates blogspto thì sẽ có bỗ cục như sau :<html>
<head>
Các thẻ meta, title từng trang
<b:skin><![CDATA[
Css của blog
]]></b:skin>
Js của blogspot
</head>
<body>
<header>
Tiêu đề blog
</header>
<main>
Phần giữa blog
</main>
<footer>
Footer blog
</footer>
</body>
</html>
2. Tiến hành rip templates blogspot
Đối với những bạn đã hiểu sơ sơ thì khá đơn giản ở bước 1, sau khi đã hiểu được bố cục templates blogspot thì bạn tạo một blogspot và code mặc định của nó sẽ y chang bố cục ở trên.Bây giờ mở lên một blogspot cần rip, bấm ctrl + u để xem toàn bộ code của nó. Khi xem code thì từ phần <head> </head> trong code ở blog cần rip các bạn có thể phần loại đâu là css và đâu là js và bỏ vào blog của mình như phần 1 mình đã nói tới. Trước khi thêm vào nhớ hãy xóa toàn bộ css và js trên blog mới tạo.
Sau khi đã xong thì bay giờ chúng ta xóa toàn bộ code trên blog mới từ thẻ <body> đến </body> và thêm vào dưới thẻ <body> đoạn code sau
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>Sau đó lưu code lại, vì ít nhất trên blog phải có 1 thẻ <b:section> nó mới cho lưu :D
<b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar'/>
</b:section>
Bây giờ là giai đoạn khó khăn nhất trong rip templates blogspot, quay trở lại code bạn đã ctrl +u bên blogspot cần rip tiến đến thẻ <body> và chú ý đến các thẻ <div id='abc'> cứ coppy từng thẻ div như vậy và bố trí theo bố cục được sắp xêp sẵn. Cho đến khi
Nếu gặp
+ Header : Tiêu đề bài viết
Thì thêm đoạn code sau<b:section class='head' id='head' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(Tiêu đề)' type='Header'/>
</b:section>
+ Các widget : là phần bố cục, sidebar
Thì thêm đoạn code sau
<b:section class='sbar1' id='sbar1' showaddelement='yes'/>
+ Bài đăng trên blog
Thì chèn đoạn code sau :
<b:section class='mainpost' id='mainpost' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
Lưu ý : Thay thêm những đoạn code trên thì các bạn nhớ chỉnh sửa class='abc' và id='abc' trong đó abc các bạn thay thế chúng đúng như trong bố cục code blog mà bạn đang rip để cho nó phù hợp với css và js có sẵn.
Kết luận : Rip templates blogspot cũng chỉ là một điều đơn giản, yêu cầu bạn phải có sự kiên trì, và khéo léo để sắp xếp bố cục để blog hiển thị như ý muốn mà thôi. Làm vài lần các bạn sẽ nhận ra được một điều là ai cũng có thể học rip templates blogspot được cả.
Nếu gặp bất kỳ vấn đề gì khó khăn trong quá trình rip thì hãy comments or liên hệ với mình, mình sẽ giúp đỡ để bạn dể làm hơn. Chúc các bạn thành công.
Kho Template Blogspot Responsive 2016
http://share123blog.blogspot.com
Free download responsive premium blogger template
Icon CommentsIcon Comments