Trang chủ, Danh mục: Chia Sẻ - Hướng Dẫn, Thủ Thuật Blogspot

Hướng dẫn tạo link nguồn bài viết, sử dụng liên kết đính kèm trong blogspot

Đối với những trang báo hay các trang web thường đi copy bài từ các trang lớn về, thì cuối trang thường phải để lại link gốc, link nguồn để tránh bị google xóa bài.
Bài viết sau đây sẽ hướng dẫn các bạ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 các bạn không cần phải chuyển qua tab HTML.

Các bước thực hiện như sau

Bước 1:

Xác định chân trang của bài viết. Thường thì sẽ chèn 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è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

Hướng dẫn tạo link nguồn bài viết, sử dụng liên kết đính kèm trong blogspot

Chúc các bạn thành công!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *