Sitemap Generator

Sitemap CSS Generator

মূল ডিজাইন

Header Background

Header Text Color

Title Font Size 14

Image Size 65

Border Radius 2

Animation

Post Animation None Fade In Slide Zoom

Image Hover None Image Zoom Zoom + Rotate

Title Hover None Slide Right Small Zoom

Animation Speed Fast Normal Slow

Generated CSS

কোড কোথায় বসাবেন — Tutorial

ধাপ ১ — CSS Code
উপরের Copy CSS বাটনে ক্লিক করে CSS কোড কপি করুন।
তারপর Blogger-এর Theme → Edit HTML-এ গিয়ে এই লাইনটি খুঁজুন: ]]></b:skin> এই লাইনের ঠিক আগে Generated CSS Code পেস্ট করুন।

ধাপ ২ — Body Code
উপরের Copy Body Code বাটনে ক্লিক করে Body Code কপি করুন।
তারপর Blogger Theme-এর HTML-এ এই লাইনটি খুঁজুন: </body> </body> লাইনের ঠিক আগে Body Code পেস্ট করুন।

গুরুত্বপূর্ণ:
CSS Code এবং Body Code একসাথে একই জায়গায় বসাবেন না।
CSS → ]]></b:skin>-এর আগে
Body → </body>-এর আগে

ধাপ ৩ — Preview পরীক্ষা
প্রথমে Preview-এর + চিহ্নে ক্লিক করুন। Sitemap-এর পোস্টগুলো Smooth Animation দিয়ে খুলবে। আবার − চিহ্নে ক্লিক করলে পোস্টগুলো Animation সহ বন্ধ হবে।