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

toc - Accordion for Blogger

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

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

Feature of this script :

Accordion effect
Show and hide effect
CSS 3
Automatic add jquery
Different color for content
Different style for open and close
Auto Sort the title
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&alt=json-in-script&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 করে দিন।

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

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

demo

No comments :

Contact