• KIẾN THỨC SEO
  • BLOG SERIER
  • SEO BLOGSPOT
  • TEMPLATE BLOGSPOT
  • ICON FACEBOOK
MENU

CHEMISTRY STUDY - CHEMISTRY BOOKS

Menu
  • Home
  • #Web Tools
    • Giải Mã
    • Mã Hóa
    • Chuyển đổi code
    • Lấy mã màu
  • Liên Hệ
  • #Dịch Vụ
    • Rip Blogspot
    • Rip Wordpress
  • Site map
  • #Giới Thiệu
    • Admin
    • Blog
  • Liên Kết
  • Hỏi Đáp
Trang Chủ Serial thủ thuật blog 1 Thủ thuật Blogspot [Serial thủ thuật blog 1]Tạo nút nhấn cho phép ẩn hiển các widget (tiện ích) khi click vào nó

[Serial thủ thuật blog 1]Tạo nút nhấn cho phép ẩn hiển các widget (tiện ích) khi click vào nó

cngdirdet2022@gmail.com 03:30 Serial thủ thuật blog 1 Thủ thuật Blogspot
cngdirdet2022@gmail.com

Tạo nút nhấn cho phép ẩn hiển các widget

56 thủ thuật blogspot dành cho blogger
Tạo Read More (Đọc tiếp) một cách tự độngCách đến nhanh bài viết:
·  Nhấp chuột trái vào mục muốn xem.
·  Về đầu trang của Serial gồm 56 thủ thuật, nhấn nút
HomeSerial - Serial Thứ 1






[03]  Tạo nút nhấn cho phép ẩn hiển các widget (tiện ích) khi click vào nó

Tạo nút nhấn cho phép ẩn hiển các tiện ích
Giới thiệu: Bằng việc chèn đoạn mã code java nhỏ vào code của widget trong Edit HTML là bạn có thể tạo một nút liên kết nằm ở tiêu đề của mỗi widget cho phép ẩn/hiện widget đó khi click vào. 

CÁCH THỰC HIỆN 

1. Đăng nhập Blogger
2. Chèn script

Bước 1: Xác định ID widget muốn tạo nút ẩn/hiện


Xác định ID widget muốn tạo nút ẩn/hiện
- Chon Bố cục.
- Bấm Chỉnh sữa vào widget muốn lấy ID.
- Nhìn lên thanh địa chỉ, dòng chữ phía sau cùng chính là ID của widget.

Bước 2: Chọn Mẫu > Chỉnh sữa HTML

- Bấm Ctrl+F > Gõ ID của widget muốn tạo nút ẩn/hiện.
- Khối code tìm được có dạng tương tự như sau:

<b:widget id='BlogArchive1' locked='false' title='Lưu trữ Blog' type='BlogArchive'/>
............ .....
</b:widget>

- Ví dụ: ID widget ở đây mình muốn thao tác là BlogArchive1

Bước 3: Tìm trong khối code đó đoạn code:


<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

- Thêm vào trước nó đoạn code sau:


<!-- Nút ẩn/hiện widget (1) -->
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left; margin-right:5px;">');
//]]>
</script>[▼/▲]
<script type='text/javascript'>
//<![CDATA[
document.write('</a>');
//]]>
</script>


float:left // Nút ẩn/hiện nằm bên trái.
margin-right:5px // Khoảng cách nút cách tên widget về phía tay phải là 5px.


- Và thêm vào sau nó đoạn code sau:


<!-- Nút ẩn/hiện widget (2) -->
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>


display:none // Ẩn sẵn, click vào nút ẩn/hiện mới hiện.
display:block // Mặc định không ẩn, click vào nút ẩn hiện để ấn nếu muốn.

Bước 4: Tìm tiếp dòng code <b:include name='quickedit'/>

- Thêm vào trước nó đoạn code sau:

<!-- Nút ẩn/hiện widget (3) -->
<script type='text/javascript'> //<![CDATA[ document.write('</div>'); //]]> </script><script type='text/javascript'>
//<![CDATA[
document.write('</div>');
//]]>
</script>

Bước 5: Save template. (Lưu mẫu)

THE END.

Bài Viết Cùng Chủ Đề

Next
« Prev Post
Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Icon CommentsIcon Comments

Đăng Nhập để bình luận chém gió.
Đăng ký: Đăng Nhận xét (Atom)

Blog Tự Học Seo Online

Blog ra đời dưới sự thành lập của Đỗ Mạnh Hồng với mục đích chia sẻ những kiến thức giúp bạn tự học seo blog online chạy trên nền tản blogspot và website, cùng với đó chúng tôi còn chia sẻ tới các bạn những templates blogspot chuẩn seo, những thủ thuật đơn giản giúp bạn thao tác dễ dàng hơn trong phần quản trị Blogger. Với tiêu chí muốn gởi đến các bạn "SEO TỪ KHÓA LÊN TOP - KHÓ MÀ DỄ". Hãy cũng chúng tôi trao đổi và mong muốn được hỗ trợ các bạn nhiều hơn nữa.


Popular

  • Từ điển hóa học tiếng anh chuyên ngành
  • Advanced Organic Chemistry: Synthesis by Kenichi Ebina
  • Acetoacetic Ester Synthesis-Organic reaction
  • A guidebook to Mechanism in organic chemistry 6 edition by Peter Sypes
  • A Guide To Molecular Mechanics and Quantum Chemical Calculations

SUBSCRIBE TO OUR NEWSLETTER

Copyright © 2015 Khamphablog.com All Right Reserved Tự học seo blog online cho người mới bắt đầu