โค้ดซ่อนsidebar
โค้ดซ่อน sidebar widget content ด้านข้างของบล็อก
โค้ดซ่อน sidebar widget content ด้านข้างของบล็อก
-ทำให้ sidebar widget content ส่วนข้าง hide เมื่อคลิกก็จะเลื่อนออกมา
-เพื่อประหยัดพื้นที่บล็อก
-เพื่อความสวยงาม
วิธีวางโค้ด
1. ไปที่แม่แบบ
2. แก้ไข HTML
3. ค้นหา </head>
4. คัดลอกโค้ดสีแดง แล้วไปวางแทนที่ </head>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('#sidebar .widget-content').hide();
$('#sidebar h2:first').addClass('active').next().slideDown('slow');
$('#sidebar h2').css('cursor', 'pointer').click(function() {
if($(this).next().is(':hidden')) {
$('#sidebar h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
//]]>
</script>
</head>
5.เสร็จแล้ว บันทึก >> กลับ
อธิบายเพิ่มเติม
-การซ่อน sidebar widget content ด้านข้างของบล็อก เมื่อคลิกที่ชื่อwidget content ก็จะเลื่อนแสดงรายการออกมา
-sidebar widget content ที่อยู่ด้านข้างของบล็อก อาจจะเป็น ป้ายกำกับ(Label) , บทความที่นิยม หรือsidebar widget content อื่นๆที่อยู่ด้านข้างทั้งหมด
-ทำให้ sidebar widget content ส่วนข้าง hide เมื่อคลิกก็จะเลื่อนออกมา
-เพื่อประหยัดพื้นที่บล็อก
-เพื่อความสวยงาม
วิธีวางโค้ด
1. ไปที่แม่แบบ
2. แก้ไข HTML
3. ค้นหา </head>
4. คัดลอกโค้ดสีแดง แล้วไปวางแทนที่ </head>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('#sidebar .widget-content').hide();
$('#sidebar h2:first').addClass('active').next().slideDown('slow');
$('#sidebar h2').css('cursor', 'pointer').click(function() {
if($(this).next().is(':hidden')) {
$('#sidebar h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
//]]>
</script>
</head>
5.เสร็จแล้ว บันทึก >> กลับ
อธิบายเพิ่มเติม
-การซ่อน sidebar widget content ด้านข้างของบล็อก เมื่อคลิกที่ชื่อwidget content ก็จะเลื่อนแสดงรายการออกมา
-sidebar widget content ที่อยู่ด้านข้างของบล็อก อาจจะเป็น ป้ายกำกับ(Label) , บทความที่นิยม หรือsidebar widget content อื่นๆที่อยู่ด้านข้างทั้งหมด
แสดงความคิดเห็น
0 ความคิดเห็น