Chào mọi người, bài viết này mình sẽ hướng dẫn mọi người ghim nguồn bài viết copy được theo dạng
Đố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.
Xác định chân trang của bài viết. Thường thì sẽ là bên dưới của 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 sau thẻ
Vào cài đặt -> khác -> bật liên kết tiêu đề và liên kết đính kèm
Khi đă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 với thủ thuật trên.
Demo ở phía bên dưới bài viết này.
Tạo link nguồn bài viết sử dụng liên kết đính kèm trong blogspot đơn giản cho mọi người sữ dụng, khá thú vị và đẹp mắt.
DEMO THỦ THUẬT TẠI BÀI VIẾT NÀY
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
Bước 2:
Chèn đoạn code hiển thị bên sau thẻ
<data:post.body/> thẻ đó có 2 đến 3 thẻ, mọi người nên lựa chọn thẻ phù hợp nhất để hiển thị.<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: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
Khi đă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
Demo ở phía bên dưới bài viết này.
Theo Hung.Pro.VN
Post a Comment