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

toc - Accordion for Blogger

আমার শেষ পোস্টগুলো ছিল 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>

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

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

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

কেমন লাগলো জানতে ভুলবেন না।

Level 2

আমি মর্নিং স্টার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 318 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

I'm a bad boy - Me


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস