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.
Bài Viết Cùng Chủ Đề
[Tips] Recent post 3 cột với thumbnail cho blogspot
Recent post là bố trí hiển thị bài viết trên từng widget theo một nhãn hoặc toàn bộ vài viết trên blogspot, tiện ích n ... 
[Tips] - Tự làm code chuẩn seo cho blogspotChào các bạn nói đến seo blogspot thì việc đầu tiên chúng ta cần làm là tạo code chuẩn seo cho templates, Bài này mình ... 
Chuyển pdf sang word trực tuyến không bị lỗi fontBạn đã từng loay hoay cả buổi để tìm cách chuyển đổi một file pdf sang file word để tiện cho công việc của mình nhưng k ... 
[Tips] - Bạn đã có định hướng seo cho mình chưa?Định hướng seo hay còn gọi là Chiến Lượt SEO, có nghĩa là những dự định của bạn khi bắt đầu làm seo blogpsot hay seo mộ ... 
Tabbed Widget Blogspot siêu đẹp (Multi Tab)Tabbed widget hay còn có cái tên gọi mà multi tab, là tiện ích widget tích hợp cùng lúc 3 đến 4 tab trong một tiện ích ...
Icon CommentsIcon Comments