Hướng dẫn cách rip templates blogspot của người khác - Bài 1

Thảo luận trong 'Chia sẻ mã nguồn - Share code' bắt đầu bởi Đỗ Mạnh Hồng, 13/7/15.

  1. Đỗ Mạnh Hồng

    Đỗ Mạnh Hồng Well-Known Member

    Bài viết:
    91
    Đã thích:
    38
    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.
     
    Đang tải...
  2. Quá Gà

    Quá Gà Member

    Bài viết:
    10
    Đã thích:
    2
    Bác làm bài chi tiết hơn đi chứ đọc bài này thì quả thật là khó hiểu :(
     
    Đỗ Mạnh Hồng thích bài này.
  3. alonelove

    alonelove Member

    Bài viết:
    10
    Đã thích:
    1
    thanks bạn nhé. mình note lại :3
     
    Đỗ Mạnh Hồng thích bài này.
  4. Đỗ Mạnh Hồng

    Đỗ Mạnh Hồng Well-Known Member

    Bài viết:
    91
    Đã thích:
    38
    Bạn theo dõi tiếp bài sau nhé, or bạn có thể đọc kỹ không hiểu thì để lại comments mình giải thích cho bạn
     
  5. Đỗ Mạnh Hồng

    Đỗ Mạnh Hồng Well-Known Member

    Bài viết:
    91
    Đã thích:
    38
    ko gì , là ko có gì hehe
     
  6. MozSeo

    MozSeo Administrator

    Bài viết:
    1,255
    Đã thích:
    1,433
    Mình nghĩ thế này bạn không cần comment nhé ! có nút cảm ơn " like " bạn chỉ cần ấn là đủ
    Bạn có nhìn thấy đây là bài hướng dẫn phần 1 không ? và bài vừa chia sẻ bạn đã comment , mình nghĩ là bạn chưa đọc !

    @Đỗ Mạnh Hồng bạn chú ý đọc nội quy ! SEOMXH cấm chèn link out chỉ dần link nguồn , đã edit bài bạn
     
    Đỗ Mạnh Hồng thích bài này.
  7. dragon208

    dragon208 Member

    Bài viết:
    19
    Đã thích:
    3
    Cái đoạn sau về "widget" và " bài đăng trên blog" thì hơi mơ hồ chút. nếu gặp thì mình thay thế ở đâu ?
     
    Đỗ Mạnh Hồng thích bài này.
  8. sonnguyen

    sonnguyen Well-Known Member

    Bài viết:
    78
    Đã thích:
    16
    Mong phần 2 của bạn, mình thấy không khó, muốn làm thật một lần xem sao. Nhưng nếu không phải blogspot thì có áp dụng được không bạn?
     
    Đỗ Mạnh Hồng thích bài này.
  9. chocobo11

    chocobo11 Well-Known Member

    Bài viết:
    106
    Đã thích:
    6
    em cũng hay xài blogsopt nhưng thường down trên mang chứ ko biết chỉnh sửa gì nhiều thanks bác nhiều ạ học thêm cũng tốt bài sau bác thêm tí hình ảnh cho nó đỡ chán bác ạ chữ nhùi quá nhìn mà ngán
     
    Đỗ Mạnh Hồng thích bài này.
  10. Đỗ Mạnh Hồng

    Đỗ Mạnh Hồng Well-Known Member

    Bài viết:
    91
    Đã thích:
    38
    Được nhé bạn, mình có thể nâng cao hơn là rip từ website hay wp sang blogspot vẫn đc bạn à.
     
Đang tải...
Đang tải...