Thủ Thuật Blogspot l Hướng Dẫn Rip Templates

Thủ Thuật Blogspot l Hướng Dẫn Rip Templates

Rip templates blogspot  có nhiều người nói là một hành động không đúng, nhưng riêng tôi nghĩ nó vẫn là một nghệ thuật mà khối người  thiết k...
Comment 7/11/2018 01:21:00 PM
Rip templates blogspot có nhiều người nói là một hành động không đúng, nhưng riêng tôi nghĩ nó vẫn là một nghệ thuật mà khối người thiết kế blog vẫn làm không được.

Hôm nay tại nơi này diễn đàn seo mxh tôi sẽ hướng dẫn các bạn cách để các bạn có thể tự mình rip một templates blogspot của bất gì ai mà nhìn thấy thích.

Ở bài 1 này tôi sẽ hướng dẫn các bạn cách nhận biết những thành phần có trong một templates blogspot để giúp cho các bạn newbi cũng có thể rip được templates blogspot.

Các việc cần chuẩn bị
  • Tạo một blog mới
  • Kiếm 1 cái blog cần rip
  • Một ly cà phê ngồi nhâm nhi đỡ buồn vì bạn mới tập chắc hơi lâu
Và bây giờ chúng ta tiến hành
Đăng nhập vào các blog mới tạo Mẫu (templates) > Chỉnh sửa HTML xóa code và để lại như bên dưới, hoặc coppy như cái bên dưới cũng đc :D
Mã:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML class='no-js'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<!-- deskripsi dan keyword -->
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='Your Keywords Here' name='keywords'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[/*
[COLOR=rgb(0, 0, 255)]nội dung css bỏ vào đây[/COLOR]
]]></b:skin>
[COLOR=#0000b3]nội dung javascrip bỏ vào đây[/COLOR]
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar'/>
</b:section>
</body>
</HTML>
Sau khi đã có đoạn code này thì các bạn có thể bấm lưu templates blogspot của các bạn lại được rồi.
Việc tiếp theo cần làm là ctrl + u giao diện blogpsot cần rip ra coppy toàn bộ css và js của nó bỏ vào giao diện của mình. Nó để chổ nào thì mình để chó đó, việc này thì khá dễ dàng rồi đúng ko nào.

Sau khi coppy xong bấm lưu một phát nữa và uống tý cà phê đi cho tỉnh táo :))
Lưu ý : css bao gồm trong thẻ b:skin và ở trong các thẻ <style> css </style> và js trong thẻ <script> js </script>.

Như thế là phần ở trên đã xong, và bay giờ chúng ta bắt đầu từ thẻ <body>. Để bắt đầu được phần này thì mình giới thiệu với các bạn một chút. Đoạn này thì các bạn cũng chỉ coppy của họ bỏ vào của mình thôi nhưng.

Nếu là tiêu đề blog (header) thì chúng ta thay bằng code
Mã:
<b:section class='head' id='head' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(Tiêu đề)' type='Header'/>
</b:section>
Nếu gặp widger (widget này thường nằm ở sidebar hoặc footer) thì thay thế bằng
Mã:
<b:section class='sbar1' id='sbar1' showaddelement='yes'/>
Nếu gặp bài đăng trên blog thì thay thế bằng
Mã:
<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 ý : Khi các bạn dán code vào thì để ý đến những phần class="" và id="" sửa lại cho giống blog cần rip vì css của nó đã như thế rồi. Và tất cả những bố cục của nó để nhưng chỉ thay thế những phần ở trên như mình nói thì các bạn sẽ làm đc.

Bài viết này mình chỉ viết tới đây thôi, nếu các bạn hiểu sẽ làm đc. Nếu được các bạn ủng hộ thì bài sau mình sẽ đi chi tiết hơn và nói đến các lỗi thường gặp khi rip, chứ không phải cái nào cũng ok hết cả. Chào các bạn.
Thủ Thuật Blogspot l Hướng Dẫn Rip Templates Kênh Nhạc Official8.8stars based on9reviewsRip templates blogspot  có nhiều người nói là một hành động không đúng, nhưng riêng tôi nghĩ nó vẫn là một nghệ thuật mà khối người  thiết k...
Post a Comment