Tạo link nguồn bài viết sử dụng liên kết đính kèm trong blogspot
Cập nhật ngày
Bởi Minh Khôi
Đối với các trang báo hay các trang tương tự thường copy bài từ các trang lớn về, thì cuối trang thường phải để lại link nguồn để tránh bị google xóa bài.
Bài viết này sẽ hướng dẫn cách Tạo link nguồn bài viết sử dụng liên kết đính kèm trong blogspot, để khi soạn thảo bài viết không cần phải chuyển qua tab HTML.
Các bước thực hiện
Bước 1:
Xác định chân trang của bài viết. Thường thì sẽ là bên dưới của <data:post.body/> tùy theo mỗi loại template. Nếu các bạn không xác định được vị trí có thể comment link blog bên dưới mình sẽ xác định giúp nơi cần chèn code.Bước 2:
Chèn đoạn code hiển thị bên dưới<b:loop values='data:post.enclosures' var='enclosure'>
<div class='data-reup'>
<a class='tooltip reup-link' href='#' title='Link bài gốc'>
<span class='reup1'>Theo </span><span class='reupname' expr:data-name='data:enclosure.mimeType'><data:enclosure.mimeType/></span><i aria-hidden='true' class='fa fa-external-link'/>
<span class='links'><b/><data:enclosure.url/></span>
</a>
</div>
</b:loop>
Bước 3:
Chèn css trước </b:skin>.data-reup{position:relative;padding-top:15px;float:right;clear:both;margin-bottom:15px}
.reup-link{font:600 12px/14px Arial;color:#888!important;box-sizing:border-box;background:#f2f2f2;border-radius:100px;padding:9px 11px;display:block;width:auto}
.reupname{color:#444}
.data-reup i{padding-left:6px}
.tooltip > .links{color:#fff;background:#222}
.tooltip > .links{right:0;font-weight:500;text-align:left;max-width:300px;width:290px;padding:10px 20px;opacity:0;bottom:110%;margin-left:-120px;visibility:hidden;z-index:10;position:absolute;font-family:Roboto;font-size:12px;font-style:normal;border-radius:2px;box-shadow:2px 2px 5px #999;-webkit-transition-property:opacity,margin-top,visibility,margin-left;-webkit-transition-duration:0.4s,0.3s,0.4s,.3s;-webkit-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;transition-property:opacity,margin-top,visibility,margin-left;transition-duration:0.4s,0.3s,0.4s,.3s;transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out}
.tooltip .links b{background:#222}
.tooltip .links b{right:50px;width:15px;height:15px;margin-left:20px;bottom:-7px;display:block;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.tooltip:hover > .links{opacity:1;text-decoration:none;visibility:visible;overflow:visible;display:inline;margin-left:-90px}
Cách dùng
Vào cài đặt -> khác -> bật liên kết tiêu đề và liên kết đính kèmKhi đăng bài, click vào ô liên kết ở thanh sidebar bên phải -> Liên kết đính kèm -> Nhập link nguồn và tên nguồn
Chúc các bạn thành công!
Code được tham khảo từ Sao teen
Khá ngon bro, thanks đã chia sẻ 😁
Trả lờiXóatest pass2
Trả lờiXóacó chèn đâu mà test
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaTuyệt vời
Trả lờiXóaBài viết hay, thank AD chia sẻ.
Trả lờiXóaSẵn đây cho mình hỏi, bạn có cách nào chèn link giống bên CafeF, dạng người ta nhấp vào sẽ hiện link ra, sau đó mún coppy thì nhấp vào chữ coppy ấy, hoặc là mình nhấp vào nó hiện cái bảng có chứa link gốc, xong mình nhấp vào thì qua trang web link gốc nhưng gán thuộc tính nofollow cho link?
Link web cho bạn nếu muốn tham khảo
Sao 1 hồi mò mình cũng làm đúng ý mình rồi :))
Xóa