Cách tạo liên kết trong blogspot
Chúng ta đều biết, để có một trang blog gọn gàng, dễ sử dụng và gây được ấn tượng với người ghé thăm. Cần phải có một số trang, mục như "Giới thiệu", "Sơ đồ", "Liên kết",... Nếu những trang này hiển thị trên trang chủ như các bài viết thông thường thì không được đẹp và lịch sự cho lắm. Vì vậy tiện ích "Trang tĩnh" (static page) đã được Google tích hợp vào Blogspot. Những trang này, không hiển thị trên trang chủ mà được ẩn đi. Vì vậy chúng ta phải tạo các nút bấm (menu) cho trang. Theo yêu cầu của bạn phamquocdan và một số bạn mới dùng Blogspot, bài viết này CCK chia sẻ với các bạn cách tạo trang tĩnh và menu trang. (Các bạn nên sử dụng trình duyệt Firefox hoặc Chrome tiếng Việt để dễ thực hiện!)
2. Bấm chuột vào hình tam giác nhỏ [1]. Một trình đơn trải xuống, bấm tiếp vào "Trang" [2], hiện ra bảng tạo trang như hình dưới, bấm vào "Trang mới" [3] nhập tên trang và phần nội dung bên dưới, sau đó bấm "Xuất bản".
3. Bây giờ các bạn vào "Bố cục" [6] sẽ thấy trong giao diện thanh menu trang (pages) ở bên dưới thanh tiêu đề đã hiện ra [7] (ảnh dưới).
- Bấm vào "Chỉnh sửa" [8], sẽ hiện ra như hình dưới các bạn có thể kéo thả, sắp xếp vị trí, thứ tự hiển thị các trang theo ý muốn (nhớ đánh dấu kiểm vào ô vuông để chọn trang sẽ hiển thị). - Lưu ý là các "Trang" này chỉ viết được một bài và dùng làm mục giới thiệu, liên hệ mà thôi. Nếu muốn dẫn đến các nhãn của bài viết thì bấm vào "Thêm liên kết ngoài" [4] và dán link nhãn vào đó.
Lưu ý: Ở giao diện này, tùy từng template - các bạn có thể lựa chọn "Hiển thị trang dưới dạng" (tên trang đồng thời là nút bấm - menu của trang) theo ba kiểu sau: - "Táp trên đầu" - tên trang sẽ hiển thị theo hàng ngang ngay dưới banner tiêu đề blog. - "Liên kết bên" - tên trang sẽ hiển thị theo chiều dọc trên cột bên cạnh (sidebar) - "Không hiển thị" - tên trang sẽ bị ẩn hoàn toàn.
Trên đây là cách tạo trang và menu trang tự động. Tuy nhiên, có một số template không hiển thị menu ở trên đầu trang. Các bạn hãy xóa bỏ hoặc chuyển menu đó sang cột bên. Rồi tạo menu thủ công theo cách sau: Đố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. Các bước thực hiệnBước 1:Xác định chân trang của bài viết. Thường thì sẽ là bên dưới củaBước 2:Chèn đoạn code hiển thị bên dướiBước 3:Chèn css trước.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ùngVà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 Code được tham khảo từ Sao teen |