Chèn mã Embed URL,HTML,Forum Links Code cho blogspot (dưới bài viết)

Thủ thuật chèn Embed URL,HTML,Forum Links Code cho blogspot
Hướng dẫn thủ thuật này sẽ tạo ra một lợi ích để giải thích làm sao blogger có thể chèn URL, HTML, FORUM links ở dưới mỗi bài viết của blog. Điều này sẽ giúp người đọc dễ chia sẻ, copy link bài viết của bạn. Qua tham khảo 1 số trang blog mình cũng đã thấy có những tiện ích này. Nó thật sự rất hay và có lợi cho SEO blog, Web. Khi đọc 1 bài viết hay, các bạn đừng ngại chia sẻ bài viết của họ.
- Ở thủ thuật này mình sẽ hướng dẫn các bạn hiển thị được 3 mã links phổ biến được dùng đó là URL bài viết, mã chèn HTML, mã chèn FORUM, để nhúng trang Web của bạn dưới 1 trang Web khác.
thu thuat blogspot, embed URL Forum HTML code for blogspot post

DEMO
Cách làm:
1. Đăng nhập vào bảng điều khiển của Blogger, lựa chọn Mẫu (Layout) -> Chỉnh sửa HTML (Edit HTML) -> Mở rộng mẫu tiện ích
Tìm tới </head>
Và dán code dưới đây ngay trên nó
Code:

<!-- Chèn link bài viết -->
<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>
<!-- Ket thuc -->

Tiếp theo tìm tới code <data:post.body/>
Và chèn Code dưới đây ngay sau nó:

<!-- Chen link bai viet -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Chia sẻ Link bài viết: </p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL: &lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link: &lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link: &lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://www.itviet360.com/p/dich-vu-seo-web-gia-re-giai-phap-tot.html' style='display:none;' target='_blank'>Dich vu SEO Web</a></p>
&lt;/div&gt;<br/>
</b:if>
<!-- Ket thuc chen link bai viet -->
Sau đó lưu mẫu (Save template) rồi xem kết quả :)
Ở DEMO mình đã tùy biến hiển thị (mình cho hiển thị dưới bài viết liên quan, các bạn nếu muốn hiển thị ở)
-------------
chúc các bạn thành công !
Chuyên mục: , , ,

9 comments:

  1. bạn ơi sao tới đoạn tìm đoạn mã gì đấy bên dưới để thai thì bạn không ghi, mình biết thay chỗ nào giờ ??

    ReplyDelete
    Replies
    1. Srr bạn. Mình đã cập nhật lại bài viết rồi nhé :)

      Delete
  2. bạn ơi đoạn code dưới có vẻ bị lỗi , bạn kiểm tra lại xem nhé

    ReplyDelete
    Replies
    1. Mình cập nhật lại bài viết rồi bạn nhé. Bạn dán Code bôi vàng thay thế cho cái lỗi nhé

      Delete
  3. lạ nhỉ sao mình ko áp dụng được vậy ta

    ReplyDelete
  4. sao không hiện lên vậy bạn

    ReplyDelete