কিভাবে ব্লগার header কে দুটি অংশে ভাগ করবেন

আজকে দেখাবো কিভাবে আপনার ব্লগার ব্লগের হেডারকে দুটি অংশে ভাগ করবেন ৷ অর্থাৎ হেডারকে দুই ভাগ করে হেডারের ডান পাশে একটি সেকশন তৈরি করবেন ৷ এরপর ইচ্ছেমত কোন গ্যাজেট বা গুগল এডসেনস কোড বসাতে পারবেন ৷ এখানে ব্যানার এড দেখাতে পারবেন ৷ কিংবা গুগল কাস্টম সার্চ বক্স যুক্ত করতে পারবেন ৷ যাই হোক এবার মুল আলোচনায় আসি ৷



* প্রথমে ব্লগারে Login করুন ৷

* এরপর ড্যাশবোর্ড এর Template ক্লিক করুন ৷

* এখন Edit Template লেখায় ক্লিক করুন ৷

* আপনার টেমপ্লেট এর কোড গুলো দেখতে পাবেন ৷ এখন উপরের "Jump to Widget" ক্লিক করে "Header1" ক্লিক করুন ৷

* এখন আপনি নিচের কোডগুলো দেখতে পাবেন ৷

<b:section class='header' id='header' maxwidgets='2' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Your Bog Tittle (Header)' type='Header'><br /> </b:widget><br /> </b:section>


* এই কোডগুলোর ঠিক নিচেই Header 2 এর কোডগুলো কপি করে পেস্ট করে দিন ৷


<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'><br /> </b:section><br /> <div style='clear:both;'/>


* এখন নিচের কোডটুকু খুজুন ৷ খুজে পেলে তার উপরে নিচের ডিজাইন কোডটুকু পেস্ট করে দিন ৷

]]></b:skin> 


<br /> #header {<br /> float:left;<br /> width:50%;<br /> }<br /> <br /> #header2 {<br /> float:right; <br /> width:30%; <br /> }

আপনি ইচ্ছামত পারছেন্ট নির্ধারণ করে দিতে পারবেন আপনার টেমপ্লেট এর Width অনুযায়ী ৷

* যাই হোক, এখন Save Template লেখায় ক্লিক করুন ৷

* এবার Layout ক্লিক করুন এবং রিফ্রেশ করুন ৷ তাহলে আপনি Header এর নিচে "Add a Gadget" লেখা দেখতে পাবেন ৷ এখানে আপনি ইচ্ছামত কোন Widget বা গুগল এডসেনস কোড বসাতে পারবেন ৷

যদি Layout অংশে Header 2 দেখতে না পান তাহলে উপরের ডিজাইন কোডের নিচে নিচের কোডটুকু পেস্ট করে দিন ৷

#layout #header, #layout #header2 {<br /> padding: 0px !important;<br /> margin: 0px !important;<br /> width: 50% !important;<br /> }


এবার Save ক্লিক করুন ৷ তারপর রিফ্রেশ করে দেখুন ৷ ধন্যবাদ ৷