แสดงบทความยอดนิยมแบบสไลด์อนิเมชั่น 3D

แจ่มๆ ครับกับการแสดงบทความยอดนิยมหรือ Poppular Post สำหรับ blogger ในรูปแบบสไลด์อนิเมชั่น 3D  วิธีการทำก็ไม่ยุ่งยากไม่ต้องแต่งแม่แบบอะไรครับแค่เพิ่มโค๊ดแบบ HTML/Javascript เท่านั้นเอง
มาเริ่มใส่ Poppular Post แบบ Slide Animation 3D กันเลยครับ

ล็อกอินเข้าสู่หน้าจัดการบล็อก แล้วเลือกเมนู รูปแบบ เพิ่ม Gadget เลือกบทความที่ได้รับความนิยม ตั้งค่าตามตัวอย่าง คุณสามารถเลือกตั้งค่าเวลาได้ตามใจ เช่นเวลาทั้งหมด 30 วัน หรือ 7 วันที่ผ่านมา เสร็จแล้วกดบันทึก

เสร็จแล้วให้ตั้งค่า Gadget อีกครั้งโดยเลือก Gadget แบบ HTML/Javascript

แล้ววางโค๊ดด้านล่างลงไป

<style type="text/css">
.cube { width: 200px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

ในส่วนสีแดงตรง width (ความกว้าง) และ height (ความสูง) สามารถปรับขนาดรูปภาพที่ต้องการให้แสดงได้ตามชอบใจ เสร็จแล้วกดบันทึก
ง่ายๆ ไม่กี่ขั้นตอนบล็อกของคุณก็จะดูดีมีชาติตระกูลกับระบบแสดงบทความยอดนิยมแบบสไลด์อนิเมชั่นสุดแจ่ม ลองทำกันดูน๊ะครับ

About "Administrator"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit, augue quis mattis gravida, est dolor elementum felis, sed vehicula metus quam a mi. Praesent dolor felis, consectetur nec convallis vitae.