সাইটম্যাপ তৈরী করুন অ্যাকর্ডিয়ন অনুযায়ী

আমার শেষ পোস্টগুলো ছিল blogger reader জন্য সাইটম্যাপ নিয়ে। আবু ফারহান নামে এক লোকের বদৌলতে এই স্ক্রিপ্টগুলো পাওয়া গেছে। যাই হোক, যারা আগের পোস্টগুলো পড়েন নাই তারা পড়ে নিতে পারেন।

• আপনার ব্লগের রিডারদের জন্য সাইটম্যাপ তৈরী করুন
• সাইটম্যাপ তৈরী করুন আর্কাইভ অনুযায়ী
• সাইটম্যাপ তৈরী করুন ব্লগারের নতুন স্টাইলে

এখন আমরা নতুন স্টাইলের একটি সাইটম্যাপ তৈরী করব। উপরের ছবিটির মত। হ্যাঁ, Accordion/অ্যাকর্ডিয়ন মানে হারমনিকার কিবোর্ডের মত।:)   প্রথমে একটি স্ট্যাটিক পেজ তৈরী করতে হবে। পোস্টে দিলে হবে না। :) toc - Accordion for Blogger

Feature of this script :

1. Accordion effect
2. Show and hide effect
3. CSS 3
4. Automatic add jquery
5. Different color for content
6. Different style for open and close
7. Auto Sort the title
8. Add New!! for 10 newest entry

কোডঃ

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://samazgor.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

demo

http://samazgor.blogspot.com/ এর বদলে কাঙ্খিত লিঙ্ক দিন। change the url

পেজ create করবেন কিভাবে ?
নিচের ছবির মত posting এ যান। তারপর দ্বিতীয় সারিতে সবচেয়ে ডানে বা তিন নং এ অর্থাৎ Edit Page এ ক্লিক করুন। New page এ ক্লিক করুন

তারপর উপরের কোডটুকু Edit HTML এ ক্লিক করে paste করে দিন।

কেমন লাগলো জানতে ভুলবেন না। পূর্বে প্রকাশিত