ফরম্যাটিং গাইডবুক

হাসিব এর ছবি
লিখেছেন হাসিব (তারিখ: শনি, ১৬/০৬/২০০৭ - ১০:৫৯অপরাহ্ন)
ক্যাটেগরি:

১. বোল্ড, ইটালিক, আন্ডারলাইন

যে অংশটুকু বোল্ড করতে চান সে অংশটার আগে [b] এবং পরে [/b] লিখতে হবে ।

উদাহরন: ১
রঙপুকুরের নাম কেন [b]রঙপুকুর [/b] হলো ।
দেখাবে, রঙপুকুরের নাম কেন রঙপুকুর হলো ।

এরকমভাবে ইটালিক বা আন্ডারলাইন করতে গেলে bএর জায়গায় যথাক্রমে i ও u বসাতে হবে ।

উদাহরন: ২
রঙপুকুরের নাম কেন [i]রঙপুকুর [/i] হলো ।
দেখাবে রঙপুকুরের নাম কেন রঙপুকুর হলো ।

রঙপুকুরের নাম কেন [u]রঙপুকুর [/u] হলো ।
রঙপুকুরের নাম কেন রঙপুকুর হলো ।

এবার আসি একের অধিক ইফেক্ট অর্থাৎ বোল্ড ইটালিক একসঙ্গে করা নিয়ে । এক্ষেত্রে সবগুলো ট্যাগ একসাথে লিখতে হবে ।

উদাহরন: ৩
রঙপুকুরের নাম কেন [u] [b] [i]রঙপুকুর [/i] [/b] [/u] হলো । দেখাবে রঙপুকুরের নাম কেন রঙপুকুর হলো ।

২. লেখা রঙিন করা

লেখা রঙিন করার জন্য বিবিকোড [] ব্যবহার করতে হবে । উপরের উদাহরনগুলোর মতোই যে অংশটুকুতে ইফেক্ট যোগ করতে চান সেঅংশটার আগে

    এবং পরে
লিখতে হবে । তবে এখানে ফন্টের যে রঙ দেখতে চান লিখতে হবে প্রথম [] এর সাথে । উদাহরন দিলে ব্যাপারটা পরিস্কার হবে ।

উদাহরন: ৪
রঙপুকুরের নাম কেন রঙপুকুর হলো ।
দেখাবে, রঙপুকুরের নাম কেন রঙপুকুর হলো ।

এখানে রঙের নাম লিখতে পারেন (যেমন, red, blue, yellow, pink) অথবা হেক্সাডেসিমেল কোডও লিখতে পারেন (যেমন #F0F8FF, #FFF8DC)। যে যেটা সুবিধা মনে করেন ।
পছন্দমতো রঙের নাম/হেক্সা কোড এ সাইটে পাবেন ।

৩. লেখার সাইজ পরিবর্তন করা

লেখা রঙিন করার জন্য বিবিকোড [] ব্যবহার করতে হবে । যে অংশটুকু বড়/ছোট করতে চান সেঅংশটার আগে

    এবং পরে
লিখতে হবে । কালারের মতো এখানেও ফন্টের যে রঙ দেখতে চান লিখতে হবে প্রথম [] এর সাথে । উদাহরন দিলে ব্যাপারটা পরিস্কার হবে ।

উদাহরন: ৫
রঙপুকুরের নাম কেন রঙপুকুর হলো ।
দেখাবে, রঙপুকুরের নাম কেন রঙপুকুর হলো ।

৪. লিংক সংযোজন

কোন লিংক পোস্ট বা মন্তব্যে সংযুক্ত করতে চাইতে বিবিকোড [url] ব্যবহার করতে হবে ।

উদাহরন: ৬
রঙপুকুরের নাম কেন [url=http://www.google.com]রঙপুকুর [/url] হলো ।
এটা দেখাবে, রঙপুকুরের নাম কেন রঙপুকুর হলো ।

৫. ইউটিউব ভিডিও সংযোজন

ইউবিটিউবে যে ভিডিও সচলায়তনে এমবেড করতে চান সেটা ওপেন করুন । সেখানে ভিডিও স্কৃনের ডানদিকে Embed ঘর থেকে পুরো টেক্সটটা কপি করুন ।

সেটা এরকম কিছু একটা দেখতে হবে ।

উদাহরন: ৯

embed ফিল্ড থেকে পুরো টেক্সটটা কপি করে এখানে পেস্ট করলে ইউটিউবের একটা প্লেয়ার উইন্ডো আসবে ।

সমানুপাতিক হারে width এবং height কমিয়ে বাড়িয়ে আপনি ইউটিউব প্লেয়ার উইন্ডোর আকার পরিবর্তন করতে পারবেন ।

৬. বুলেট ইনসার্ট

এটা কাজে লাগে যখন কোন কিছু বুলেট বা পয়েন্ট আকারে লিখবেন তখন । বিবিকোড

    দিয়ে একাজটি করতে পারবেন ।

    উদাহরন: ১০

    ফর্দ

    • পানি
    • মুরগী
    • হাবিজাবী খাবার জিনিস । চিপস বাদাম এইসব ।

    এটা দেখাবে এরকম,
    ফর্দ

    • পানি
    • মুরগী
    • হাবিজাবী খাবার জিনিস । চিপস বাদাম এইসব ।

    সংখ্যা ভিত্তিক লিস্ট করতে

      এবং অক্ষরভিত্তিক লিস্ট করতে
        ব্যবহার করুন।

        ৭. টেক্সট এ্যালাইমেন্ট

        লেখার কোন অংশ কোন এক দিকে এ্যালাইনড দেখতে চাইলে বিবিকোড [left] [right] [center] ব্যবহার করতে পারেন ।

        উদাহরন: ১১

        • [left] রঙপুকুরের নাম কেন রঙপুকুর হলো [/left] এটা দেখাবে পেজের বাদিক ঘেষে
          রঙপুকুরের নাম কেন রঙপুকুর হলো

        • [right] রঙপুকুরের নাম কেন রঙপুকুর হলো [/right] এটা দেখাবে ডানদিকে
          রঙপুকুরের নাম কেন রঙপুকুর হলো

        • [center] রঙপুকুরের নাম কেন রঙপুকুর হলো [/center] এটা দেখাবে পেজের মধ্যখানে
          রঙপুকুরের নাম কেন রঙপুকুর হলো

        ৮. ইমেজ আপলোড
        সচলায়তনে ইমেজ আপলোড করার দুটো পদ্ধতি আছে । প্রথমটি হলো এ্যাটাচমেন্ট হিসেবে আপনার পিসি থেকে ইমেজ আপলোড করা । এক্ষেত্রে ইমেজ দেখাবে না পোস্টের সাথে । কিন্তু ইমেজ ফাইলের লিংকে ক্লিক করলে ভিজিটররা ইমেজটি দেখতে পারবে । এভাবে ইমেজ আপলোডের পদ্ধতি খুব সহজ বলে এটা এখানে আলোচনা করা হলো না ।

        দ্বিতীয় পদ্ধতিটা হলো কোন একটি ওয়েব সাইট থেকে কোন ইমেজ সচলায়তনে ইমপোর্ট করা । এক্ষেত্রে ইমেজ আপনার পোস্টের যেখানে চান সেখানে দেখাবে । ইচ্ছামতো সাইজ বড় ছোটও করা সম্ভব এক্ষেত্রে ।

        ইমেজ ইনসার্ট করতে হলে আমাদের বিবিকোড [img] ব্যবহার করতে হবে । নিচের উদাহরনটা দেখলেই পরিস্কার হবে ।

        উদাহরন: ১২
        শুধুমাত্র একটি ছবি পোস্ট করতে যেটা লিখতে হবে ।
        [img] http://www.example.com/image.jpg[/img]

        এখানে লক্ষ্য করবেন ছবির লিংকের শেষে .jpg, .png, .gif, .bmp আছে কিনা । এগুলোর মতো ইমেজ ফরম্যাটের এক্সটেনশন থাকলে বুঝতে হবে আপনার ইমেজ দেখা যাবে ।

        ইমেজ আপলোডের একটা বিকল্প পদ্ধতি হিসেবে ফ্লিকারকে ব্যবহার করতে পারেন । ছবি আপলোড করে । ছবিটার পেজে গিয়ে অল সাইজেস ক্লিক করুন । এরপর ছবিটার নীচে Copy and paste this HTML into your webpage: লেখাটার নীচের বক্সে টেক্সট ম্যাটারটা কপি করে সচলায়তনের মন্তব্য বা পোস্ট ঘরে পেস্ট করে দিলেই কাজ হবে ।

        উদাহরন: ১৩
        সচলায়তনের তথা আপনার ব্লগের চেহারা সুন্দর রাখতে আপনার ইমেজের ডাইমেনশন বা দৈর্ঘ্য প্রস্থ ঠিক রাখাটা জরুরী । ছবির আকার গ্রহনযোগ্য মাত্রায় রাখতে [img] ট্যাগের সাথে সাইজ উল্লেখ করে দেয়া যেতে পারে । উপরের ছবিটাই যদি আমি দেখতে চাই একটু বড় করে তাহলে নীচে যেভাবে দেয়া আছে সেভাবে লিখতে হবে ।

        [img=400*300] http://www.example.com/image.jpg [/img]

        উপরের ছবিতে ৪০০*৩০০ হলো পিক্সেল হিসেবে ছবির সাইজ । ছবি রিসাইজ করতে গেলে দৈর্ঘ্য প্রস্থ অনুপাত ঠিক রাখতে হবে । নতুবা ছবি বিকৃত হয়ে যাবে । ফ্লিকার থেকে ছবি উপরে বলা বিকল্প পদ্ধতিতে আনলেও ট্যাগের মধ্যে width ও height এর ভ্যালু পরিবর্তন করে ছবির আকার পরিবর্তন করা যাবে ।

        এখানে আপনি ৪০০*৩০০ এর পরিবর্তে small লিখলেও চলবে ।

        উদাহরন: ১৪
        টেক্সট ম্যাটারের মতো ছবির এ্যালাইনমেন্টও করা সম্ভব খুব সহজেই । টেক্সট ম্যাটারের মতোই দুইপাশে [left][right][center] ট্যাগ বসিয়ে ছবি এ্যালাইনমেন্ট করা যায় ।[

        এখানে একটা ক্যাপশনসহ ছবির উদাহরন দেব ।

        [center][img=400*300] http://www.example.com/image.jpg [/img][center]

        বিবিকোড না ব্যবহার করে ছবি পোস্ট করার সহজ পদ্ধতি নিয়ে লিখেছেন এস এম মাহবুব মুর্শেদ । পোস্ট দেখতে এখানে ক্লিক করুন ।

        ৯. স্মাইলী দিবেন কিভাবে
        নিজের ছবিতে দেখানো এক্রোনিম ব্যবহার করে স্মাইলী ঢুকিয়ে দিন আপনার লেখায়।


মন্তব্য

আরিফ জেবতিক এর ছবি

আপনাকে অনেক ধন্যবাদ।

হাসিব এর ছবি

আস্তে আস্তে যোগ করছি ।

যূথচারী এর ছবি

আচ্ছা ছবি দেয় কিভাবে? আমার উসমান সেমবেন বিষয়ক পোস্ট-টাতে দু'একটা ছবি দিতে চেয়েছিলাম, ছবিগুলো শুধু এটাচমেন্ট হয়ে আছে, কিভাবে মূল পোস্ট ছবি আসবে?

______________________________________________
চোখের সামনে পুড়ছে যখন মনসুন্দর গ্রাম...
আমি যাই নাইরে, আমি যেতে পারি না, আমি যাই না...


চোখের সামনে পুড়ছে যখন মনসুন্দর গ্রাম...
আমি যাই নাইরে, আমি যেতে পারি না, আমি যাই না...

হাসিব এর ছবি

একটু ধৈর্য ধরেন । ছবির বিষয়টা একটু বিস্তারিত লিখতে হচ্ছে । লেখা শেষ হলেই আপলোড করে দেব ।

ধুসর গোধূলি এর ছবি

bb কোডই সহজ html এর চেয়ে!
_________________________________
<স্বাক্ষর দিমুনা, পরে জমিজমা সব লেইখা লইলে!>

হাসিব এর ছবি

বহুত সহজ আর ঝামেলামুক্ত

ধুসর গোধূলি এর ছবি

হাসিব ভাই, সব শ্যষ হইলে কইয়েন আপনেরে একটা চুম্মা দিমু! দেঁতো হাসি
_________________________________
<স্বাক্ষর দিমুনা, পরে জমিজমা সব লেইখা লইলে!>

হাসিব এর ছবি

বান্ধবীরে পাঠাইছ ..

সৌরভ এর ছবি

আইজকা দেখি, পুলায় পুলায় চুম্মাচুম্মির হুজুগ লাগচে।
বেশরিয়তি কারবার।
নাউজুবিল্লাহ।

--
তয়, স্ত্রী কোড (বিবি কোড) উপকারি জিনিষ।
রঙপুকুরের নাম তালপুকুর না হয়েরঙপুকুর কেনো হলো?

------ooo0------
বিবর্ণ আকাশ এবং আমি ..


আবার লিখবো হয়তো কোন দিন

হাসিব এর ছবি

  • এই ডায়লোগটা যূথার পোস্ট থিকা মাইরা দিছি ।
  • আর এইল্লাইগ্গাই ধুগোরে চুমুবাহক হিসেবে বান্ধবীরে পাঠাইতে কইলাম । আমিও ধরেন প্রাপ্তিস্বীকার কইরা একটা ফেরতও পাঠাইলাম ।

অছ্যুৎ বলাই এর ছবি

খুবই খুবই দরকারী পোস্ট।

---------
চাবি থাকনই শেষ কথা নয়; তালার হদিস রাখতে হইবো

হাসিব এর ছবি

সবাই তো দেখি পোস্ট নিয়া কমেন্ট করলেন । গানটা কেমন হইছে কন ।

মুহম্মদ জুবায়ের এর ছবি

আচ্ছা, টেক্সটে ট্যাব ব্যবহার করার উপায় আছে? কেউ জানেন?

-----------------------------------------------
ছি ছি এত্তা জঞ্জাল!

হাসিব এর ছবি

গুতাগাতি কইরা জানামুনে । হয়তো এসো নিজে করি দ্বিতীয় ভার্সনে পাবেন ।

সৌরভ এর ছবি

তাইতো, গান শুনি নাই।
পুরা নস্টালজিক ব্যাপার-স্যাপার।

ইবলিশ শয়তান তার আশা ফুরাইলো....

------ooo0------
একটি গন্ধমের লাগিয়া, আল্লায় বানাইলো দুনিয়া..
(নয়া স্বাক্ষর লইলাম)


আবার লিখবো হয়তো কোন দিন

হাসিব এর ছবি

হ । কি সব দিন ছিলো .....

এস এম মাহবুব মুর্শেদ এর ছবি

জোশ। থ্যঙ্কস হাসিব ভাই।

====
মানুষ চেনা দায়!

হাসিব এর ছবি

আজকে ইমেজ আর টুকিটাকি নিয়ে বসবো । ওগুলো হয়ে গেলে এটা কোথাও ইমোটিকন গাইডের মতো স্টিকি করে দিলে ভালো হবে ।

আমি সোর্সটাও আপলোড করে দেব ।

হাসান এর ছবি

হাসিব ভাইরে অনেক ধন্যবাদ

--------------------------
পাগলামীর একটা সীমা আছে ...

হাসিব এর ছবি

আপনেরেও ধইন্যাপাতা হাসান ভাই । কিন্তুক এইখানে স্ক্রল আপডাউন কাজ করে ?

কনফুসিয়াস এর ছবি
হাসিব এর ছবি

কি হয় না ? স্ক্রল ? আমিও পারলাম না ।

এস এম মাহবুব মুর্শেদ এর ছবি

হাসিব ভাই ফরম্যাটিং গাইড বুক দেখছেন বাম পাশে। ওইটা এই পোস্টের সাথে লিঙ্কড। তাই এই পোস্টের টাইটেলটাও একটু অফিসিয়াল কইরেন। প্লাস ইমেজ টিউটোরিয়ালটাও এটার সাথে জুড়ে দিয়েন।

====
মানুষ চেনা দায়!

এস এম মাহবুব মুর্শেদ এর ছবি

এটা জুড়ে দিয়েন
বিবি কোড গাইড

====
মানুষ চেনা দায়!

এস এম মাহবুব মুর্শেদ এর ছবি

url=http://www.bbcode.org/tags.php
====
মানুষ চেনা দায়!

এস এম মাহবুব মুর্শেদ এর ছবি

হাসিব ভাই ব্যবহারে সুবিধার জন্য একটু ফরম্যাটিং করে দিলাম। আশা করি মাইন্ড করবেন না।

ইংরেজী টিউটোরিয়ালটা কোথায় ভাই?
====
মানুষ চেনা দায়!

সুমন চৌধুরী এর ছবি

জানে আলমের শার্টটা ইন্টারেস্টিং
.......................................
ঋণম্ কৃত্বাহ ঘৃতম্ পীবেৎ যাবৎ জীবেৎ সুখম্ জীবেৎ

হাসিব এর ছবি

কামিঙ ছুন । কাজের চাপে মারা যাচ্ছিরে ভাই । শনিবার রাতে একটু ফ্রি
হবো । তখন আপ করে দেবো ।


আমি এক গভীরভাবে অচল মানুষ
হয়তো এই নবীন শতাব্দীতে

নজমুল আলবাব এর ছবি

হেডিং রং করা যাইবনা?

কারুবাসনা এর ছবি

বাপ রে।


----------------------
বিড়ালে ইঁদুরে হলে মিল, মুদির কিন্তু মুশকিল ।

কারুবাসনা এর ছবি

জানি না তো, কোথায় যাবে?


----------------------
বিড়ালে ইঁদুরে হলে মিল, মুদির কিন্তু মুশকিল ।

কারুবাসনা এর ছবি

আরে এটা আমার ছবির জায়গায় বসাতে চাই। পারসি কই।


----------------------
বিড়ালে ইঁদুরে হলে মিল, মুদির কিন্তু মুশকিল ।

এস এম মাহবুব মুর্শেদ এর ছবি

হাসিব ভাই,
প্রায়শ জিজ্ঞাস্য নামে একটি সেকশন করেছি। সেখানে ফরম্যাটিং সংক্রান্ত প্রশ্নের উত্তর দিয়েছি এখান থেকে কপি করে। আশা করি মাইন্ড করবেন না। প্রতিটা উত্তরে অবশ্য এই পোস্টের রেফারেন্স আছে। এই পেজটাকে প্রথম পাতাথেকে সরিয়ে ফেললে আশা করি মাইন্ড করবেন না।

প্রায়শ জিজ্ঞাস্য অংশটিতে আপনার লেখার ইচ্ছা থাকলে জানাবেন।

====
চিত্ত থাকুক সমুন্নত, উচ্চ থাকুক শির

হাসিব এর ছবি

এইখানে মাইন্ড করার প্রশ্ন কিভাবে আসে । আমি এতে খুশিই হয়েছি যে সচলায়তনের উদ্যোগে আমারও কিছু ক্ষুদ্র হলেও অবদান থাকলো ।


আমি এক গভীরভাবে অচল মানুষ
হয়তো এই নবীন শতাব্দীতে

এস এম মাহবুব মুর্শেদ এর ছবি

থ্যাঙ্কস। স্মাইলী ঢুকিয়ে দিলাম।
====
চিত্ত থাকুক সমুন্নত, উচ্চ থাকুক শির

হাসিব এর ছবি

আমার মনে হয় এপোস্টটার লিংক টা উঠিয়ে দিয়ে ফ্যাকটাই পারমানেন্ট থাকুক বা পাশে । ওটার প্রেজেনটেশনটা ভালো হইছে । মাইলব্যাপি পোস্টে কি দরকার সেটা না খুজে প্রত্যেকটার জন্য আলাদা লিংকই ভালো ।


আমি এক গভীরভাবে অচল মানুষ
হয়তো এই নবীন শতাব্দীতে

এস এম মাহবুব মুর্শেদ এর ছবি

এটার দরকার আছে চট করে ফরম্যাটিং দেখার জন্য। থাকুক এইটা।

====
চিত্ত থাকুক সমুন্নত, উচ্চ থাকুক শির

মামুন হক এর ছবি

এই পোস্টটা বাঁধিয়ে রাখার মতো। আমার মতো আমড়া কাঠের ঢেঁকিদের দারুন কাজে আসে হাসি

অতিথি লেখক এর ছবি

কাজের জিনিস ।
দেখি তো কালার টেস্ট করে !!

বোহেমিয়ান

নতুন মন্তব্য করুন

এই ঘরটির বিষয়বস্তু গোপন রাখা হবে এবং জনসমক্ষে প্রকাশ করা হবে না।