কিভাবে ব্লগারে ড্রপ ডাউন মেনু (Dropdown Menu) যোগ করবেন ?

কিভাবে ব্লগারে ড্রপ ডাউন মেনু (Dropdown Menu) যোগ করবেন ? 

 প্রথমে LAYOUT অপশণে জান ।

এরপর এইস টি এম্ল কোড এ সিলেক্ট করুন 

নিচের

কোড গুলি কপি করুন

...................................................

<!-- start navmenu -->
<ul id='cssnav'>
<li class="active"><a href='http://satunes4u.blogspot.com/'>Home</a></li>
<li class="sub"><a href=''>Menu-1</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
</ul>
</li>
<li><a href=''>Menu-2</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
<li><a href=''>Submenu-4</a></li>
</ul>
</li>
<li><a href=''>Menu-4</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
<li><a href=''>Submenu-4</a></li>
<li><a href=''>Submenu-5</a></li>
<li><a href=''>Submenu-6</a></li>
</ul></li>
<li><a href=''>Menu-5</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
</ul>
</li>
<li><a href=''>Menu-6</a>
</li></ul>

<!-- end navmenu -->

সেইভ করুন।

সি এস এস করুন শেষ।

 

Read more »

Read more »

আসসালামু আলাইকুম আমি একেবারেই নতুনদের জন্য ব্লগস্পট নিয়ে সিরিজ পোস্ট লিখছি ব্লগস্পট নিয়ে। এটি সিরিজের ৫ম পোস্ট। সিরিজের সকল পোস্ট একত্রে পাবেন এখানে।
আজকে আমরা কিছু গুরুত্বপূর্ণ উইজেট বা গেজেট নিয়ে জানবো।

সার্চ বক্স

সার্চ বক্স ১:

1. <script>
   function InvalidMsg(textbox) {
   if (textbox.value == '') {
   textbox.setCustomValidity('যা সার্চ করতে চাইছেন তা টাইপ করুন ');
   }
   else {
   textbox.setCustomValidity('');
   }
   return true;
   }
   </script><form
   name="search-form" class="search-box" action="/search"> <input
   type="?" name="q" placeholder="সার্চ করুন এই ব্লগে" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" class="search-box-input" value="" required="required" /> <input
   type="submit" class="search-box-submit-button" value="সার্চ করতে ক্লিক করুন" /></form> 

ফলাফল:     

সার্চ বক্স ২:

1. <form action='/search' id='searchform' method='get'>
   <input id='search-form' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;' type='text' value='সার্চ করতে এন্টার চাপুন'/>
   </form>

ফলাফল:

যেভাবে যুক্ত করবেন-

১. ব্লগের লেআউটে যান।

২. Add a Gadget ক্লিক করুন।

৩.  HTML/JavaScript নির্বাচন করুন।

৪. পছন্দের সার্চ বক্সের কোড পেস্ট করে সেভ করুন।
জিআর+ এর মত পোস্টের উপরে সার্চ বক্স বানাতে হলে অন্য কোথাও উইজেটটি তৈরি করে ড্রাগ এন্ড ড্রপ সিস্টেমে পোস্টের উপর নিয়ে আসতে হবে।

ব্লগ আর্কাইভ

যেভাবে যুক্ত করবেন-

১. ব্লগের লেআউটে যান।

২. Add a Gadget ক্লিক করুন।

৩. Blog Archive নির্বাচন করুন।

৪. কাস্টমাইজ করে সেভ করুন।

Labels বা বিভাগ বা ট্যাগস

পোস্টের বিভাগ নির্ধারণ করার জন্য পোস্ট করার সময় পাশের Post settings হতে Labels অপশনে গিয়ে বিভাগ লিখে নিতে হবে। একাধিক বিভাগ দিতে চাইলে কমা দিয়ে বিভক্ত করতে হবে। বিভাগগুলো ব্লগে দেখানোর জন্য  Labels উইজেট যুক্ত করতে হবে।

যেভাবে যুক্ত করবেন-

১. ব্লগের লেআউটে যান।

২. Add a Gadget ক্লিক করুন।

৩. Labels নির্বাচন করুন।

৪. পছন্দমত Labels বিভাগ বা ট্যাগস নাম দিন

৫. কাস্টমাইজ করে  সেভ করুন।

জনপ্রিয় পোস্ট

ব্লগের সবচেয়ে বেশি ভিজিট করা পোস্টগুলো শো করবে।

যেভাবে যুক্ত করবেন-

১. ব্লগের লেআউটে যান।

২. Add a Gadget ক্লিক করুন।

৩. Popular Posts নির্বাচন করুন।

৪. কাস্টমাইজ করে  সেভ করুন।

ফেসবুক লাইক বক্স

যেভাবে যুক্ত করবেন-

১. https://developers.facebook.com/docs/plugins/embedded-posts/ এই লিংকে যান।

২. Facebook Page URL এ আপনার পেজের লিংক লিখুন।
৩. Width ৩০০ রাখা ভালো।
৪. Get Code এ ক্লিক করুন, দুইটি কোড পাবেন।
৫. ব্লগের লেআউটে যান।
৬. Add a Gadget ক্লিক করুন।
৭.  HTML/JavaScript নির্বাচন করুন।

ঘড়ি

যেভাবে যুক্ত করবেন-

১. ব্লগের লেআউটে যান।

২. Add a Gadget ক্লিক করুন।

৩. সাইডে দেখুন ৩ টি অপশন আছে। মোর গেজেটস অপশনে যান।

৪. Clock লিখে সার্চ দিন।
৫. পছন্দমত একটি ঘড়ি নির্বাচন করুন।
৬. কাস্টমাইজ করে সেভ করুন।

কারো যদি মনে হয় ডিফল্টগুলো নিয়ে লেখা অপ্রয়োজনীয় তবে আমি মনে করিয়ে দিচ্ছি এটা নতুনদের জন্য।
আজকের পর্বে এই পর্যন্তই। নেক্সট পর্বে পোস্ট করার বিষয়ে লিখবো।

Read more »

আসসালামু আলাইকুম আমি একেবারেই নতুনদের জন্য ব্লগস্পট নিয়ে সিরিজ পোস্ট লিখছি ব্লগস্পট নিয়ে। এটি সিরিজের ৪র্থ পোস্ট। যেহেতু এটা নতুন দের জন্য তাই আজ আমরা কেবল মাত্র ড্রপডাউন মেনু এডিট করা শিখবো। ড্রপডাউন মেনু যোগ করা নয়।

আশা করি আপনার ব্লগ সাইটে আপনি একটি ড্রপডাউন মেনু সহ ভালো টেমপ্লটে নিয়েছেন। না নিয়ে থাকলে আগের পোস্ট থেকে নিতে পারেন। আপনার টেমপ্লেটের ড্রপডাউন মেনু এডিটের জন্য www.blogger.com-এ যা্ন।

এবার যে ব্লগের ড্রপডাউন মেনু  এডিট করবেন সেটিতে ক্লিক করুন। টেমপ্লেট অপশনে আসুন। Edit HTML অপশনে যান।

<nav লিখে সার্চ দিন।

এবার নিচের  দিকে দেখূন  <li><a  href='#'>Text</a></li> এই টাইপের বেশ কিছু কোড দেখতে পা্বেন। Text লেখাটা উদাহরণস্বরূপ। পুরো কোড ভিন্নভাবেও থাকতে পারে। একটু চিনে নিতে হবে। এটিই আপনার মেনুর কোড। # এর জায়গায় URL আর >Text< এর জায়গায় কি শো করবে তা লিখতে হবে। যদি না বুঝেন তবে কমেন্ট করবেন। যদি চান এই কাজটি আমাদের দিয়েও করাতে পারেন। এজন্য আমাদের নির্ধারিত মূল্য ৩০ টাকা।

আগামী পর্বে কিছু উইজেট নিয়ে কথা বলবো ইংশাআল্লাহ।

Read more »