Achievement 4 : Applying Markdown[বাংলায় ট্রান্সলেশন]

Achievement 4: Applying Markdown

এই task এর উদ্দেশ্য গুলি হল :

  • নতুনদের নিজেদের Markdown এর ব্যবহার সম্পর্কে প্রাথমিক ধারণা দেওয়া।
  • নতুনরা প্রদত্ত মার্কডাউন টেমপ্লেট সহ কিছু Advance মার্কডাউন(Markdown) ব্যবহার করতে সক্ষম হবে।


Image Source

Steemit এ সাপোর্ট করে এমন মার্কডাউন(Markdown), বেসিক সিনট্যাক্স(syntax) এবং মনে রাখার মত সহজ কিছু কমান্ড ব্যবহার করে একটি আকর্ষণীয় ব্লগ প্রকাশ পারেন।

এছাড়াও এমন কিছু টুলস(tools) রয়েছে যা আপনি সম্পাদক(editor) হিসাবে ব্যবহার করতে পারেন যেমন hackmd.io

নীচে কিছু বেসিক মার্কডাউন এবং কিছু Advance মার্কডাউন(Markdown) কোড/ টেম্পলেট রয়েছে যা আপনি আপনার পোস্টের উপস্থাপনায় সামান্য পরিবর্তনের জন্য ব্যবহার করতে পারেন।

শিরোনাম (Headlines)

শিরোনাম(Headlines) এবং উপ-শিরোনামগুলি(sub-headlines ) গুরুত্বপূর্ণ উপাদান কারণ সেগুলো আপনার পোস্টের কাঠামো দেখায় এবং পাঠকের দৃষ্টি আকর্ষণ করে।

শিরোনাম তৈরির দুটি উপায় রয়েছে।
(ক) আপনি লাইনের শুরুতে একটি # চিহ্ন দিন । # হ্যাশট্যাগ প্রতীক সংখ্যাটি বাড়ার সাথে সাথে শিরোনামের আকার হ্রাস/ছোট থাকবে।
এই ক্ষেত্রে:

হেডার 1 / Header 1/H1

হেডার 2 / Header 2/H2

হেডার 3 / Header 3/H3

হেডার 4 / Header 4/H4

হেডার 5 / Header 5/H5
হেডার 6 / Header 6/H6

নিচের এই কোডগুলো দিয়ে এগুলো তৈরি করা হয়:
# হেডার 1 / Header 1
## হেডার 2 / Header 2
### হেডার 3 / Header 3
#### হেডার 4 / Header 4
##### হেডার 5 / Header 5
###### হেডার 6 / Header 6

শিরোনামের টিপস (শুধুমাত্র H1 এবং H2 এর জন্য)

# যুক্ত করার পরিবর্তে, আপনি আপনার নিজের শিরোনাম যুক্ত করতে পারেন এবং তিনটি ড্যাশের নীচে বা তিনবার সমান চিহ্ন রাখতে পারেন।

ি ি / Header 1 
---

এটি শিরোনাম ১/ Header 1 হবে

ি ি / Header2 
---
---

এটা ২য় সবচেয়ে বড় লেখা


আপনি আপনার শিরোনাম বা Headline গুলিকে কেন্দ্রিক, ইটালিক এবং স্ট্রাইথ্রো এর মত করেও সাজাতে পারেন।

  • কেন্দ্রিক শিরোনাম (centered headline) # <center>শিরোনাম 1</center>
  • ইটালিক শিরোনাম (italics headline) _ইটালিক শিরোনাম_ইটালিক শিরোনাম`
  • স্ট্রাইথ্রো শিরোনাম (Strikethrough) ~~স্ট্রাইথ্রো শিরোনাম~~ স্ট্রাইথ্রো শিরোনাম

পাঠ্য/প্রবন্ধ /Text

আপনি পাঠ্য/লেখার সাথে অনেকগুলি জিনিস এড করতে পারেন। বিশেষকরে Steemit সম্পর্কিত প্রবন্ধ লেখার সময় আপনি যা করতে পারেন তা হ'ল আপনার প্রবন্ধতে justify যোগ করতে পারেন।

Justify Text

<div class="text-justify">
অর্থহীন লেখা যার মাঝে আছে অনেক কিছু। হ্যাঁ, এই লেখার মাঝেই আছে অনেক কিছু। যদি তুমি মনে করো, এটা তোমার কাজে লাগবে, তাহলে তা লাগবে কাজে। নিজের ভাষায় লেখা দেখতে অভ্যস্ত হও। মনে রাখবে লেখা অর্থহীন হয়, যখন তুমি তাকে অর্থহীন মনে করো; আর লেখা অর্থবোধকতা তৈরি করে, যখন তুমি তাতে অর্থ ঢালো। যেকোনো লেখাই তোমার কাছে অর্থবোধকতা তৈরি করতে পারে, যদি তুমি সেখানে অর্থদ্যোতনা দেখতে পাও। …ছিদ্রান্বেষণ? না, তা হবে কেন?
</div>
ফলাফল হবে এরকম,

অর্থহীন লেখা যার মাঝে আছে অনেক কিছু। হ্যাঁ, এই লেখার মাঝেই আছে অনেক কিছু। যদি তুমি মনে করো, এটা তোমার কাজে লাগবে, তাহলে তা লাগবে কাজে। নিজের ভাষায় লেখা দেখতে অভ্যস্ত হও। মনে রাখবে লেখা অর্থহীন হয়, যখন তুমি তাকে অর্থহীন মনে করো; আর লেখা অর্থবোধকতা তৈরি করে, যখন তুমি তাতে অর্থ ঢালো। যেকোনো লেখাই তোমার কাছে অর্থবোধকতা তৈরি করতে পারে, যদি তুমি সেখানে অর্থদ্যোতনা দেখতে পাও। …ছিদ্রান্বেষণ? না, তা হবে কেন?



( Justify কমান্ড ছাড়া)

অর্থহীন লেখা যার মাঝে আছে অনেক কিছু। হ্যাঁ, এই লেখার মাঝেই আছে অনেক কিছু। যদি তুমি মনে করো, এটা তোমার কাজে লাগবে, তাহলে তা লাগবে কাজে। নিজের ভাষায় লেখা দেখতে অভ্যস্ত হও। মনে রাখবে লেখা অর্থহীন হয়, যখন তুমি তাকে অর্থহীন মনে করো; আর লেখা অর্থবোধকতা তৈরি করে, যখন তুমি তাতে অর্থ ঢালো। যেকোনো লেখাই তোমার কাছে অর্থবোধকতা তৈরি করতে পারে, যদি তুমি সেখানে অর্থদ্যোতনা দেখতে পাও। …ছিদ্রান্বেষণ? না, তা হবে কেন?


প্রবন্ধকে দুটি সারিতে বিভক্ত করুন

<div class="pull-right">
যে কথাকে কাজে লাগাতে চাও, তাকে কাজে লাগানোর কথা চিন্তা করার আগে ভাবো, তুমি কি সেই কথার জাদুতে আচ্ছন্ন হয়ে গেছ কিনা। তুমি যদি নিশ্চিত হও যে, তুমি কোনো মোহাচ্ছাদিত আবহে আবিষ্ট হয়ে অন্যের শেখানো বুলি আত্মস্থ করছো না, তাহলে তুমি নির্ভয়ে, নিশ্চিন্তে অগ্রসর হও। তুমি সেই কথাকে জানো, বুঝো, আত্মস্থ করো; মনে রাখবে, যা অনুসরণ করতে চলেছো, তা আগে অনুধাবন করা জরুরি; এখানে কিংকর্তব্যবিমূঢ় হবার কোনো সুযোগ নেই।
</div>
Before you think about using the word you want to use, think about whether you are obsessed with the magic of that word. If you are convinced that you are not absorbed in the enchanted atmosphere and do not assimilate the words taught by others, then move forward without fear, in peace. You know, understand, assimilate that word; Remember, it is important to realize what you are going to follow first; There is no room for confusion here.

আউটপুট হবেঃ

যে কথাকে কাজে লাগাতে চাও, তাকে কাজে লাগানোর কথা চিন্তা করার আগে ভাবো, তুমি কি সেই কথার জাদুতে আচ্ছন্ন হয়ে গেছ কিনা। তুমি যদি নিশ্চিত হও যে, তুমি কোনো মোহাচ্ছাদিত আবহে আবিষ্ট হয়ে অন্যের শেখানো বুলি আত্মস্থ করছো না, তাহলে তুমি নির্ভয়ে, নিশ্চিন্তে অগ্রসর হও। তুমি সেই কথাকে জানো, বুঝো, আত্মস্থ করো; মনে রাখবে, যা অনুসরণ করতে চলেছো, তা আগে অনুধাবন করা জরুরি; এখানে কিংকর্তব্যবিমূঢ় হবার কোনো সুযোগ নেই।
Before you think about using the word you want to use, think about whether you are obsessed with the magic of that word. If you are convinced that you are not absorbed in the enchanted atmosphere and do not assimilate the words taught by others, then move forward without fear, in peace. You know, understand, assimilate that word; Remember, it is important to realize what you are going to follow first; There is no room for confusion here.

কিভাবে লেখা কেন্দ্রিক করা যায়(How to center text)

লেখা কেন্দ্রিক করার জন্য আপনাকে <center>এই দুই ট্যাগের ভিতরে </center> লিখতে হবে।

সাবস্ক্রিপ্ট কীভাবে যুক্ত করবেন(How to add Subscript)

বেসলাইনের নীচে একটি পাঠ্য বা নম্বর প্রদর্শিত করতে, আপনি <sub> প্রবন্ধ/লেখাটি এখানে </sub> ব্যবহার করতে পারেন।
H<sub> 2 </sub> O এর আউটপুট হিসাবে H2O হয়েছে।

আপনি কোনও পাঠ্যের মধ্যে বা কোনও ফটো / ভিডিওর নীচে একটি নোট লিখতে সাবস্ক্রিপ্ট ব্যবহার করতে পারেন।

কীভাবে সুপারস্ক্রিপ্ট যুক্ত করবেন(How to add SuperScript)

বেসলাইনের উপরে একটি পাঠ্য বা নম্বর প্রদর্শিত করতে, আপনি <sup> প্রবন্ধ/লেখাটি এখানে </sup> ব্যবহার করতে পারেন।
একটি রেফারেন্স এটি ব্যবহার করা যায় <sup> 1 </sup> যার আউটপুট আসছে 1

টিপস: আপনি ক্লিকযোগ্য লিঙ্ক যুক্ত করতে পারেন

একটি রেফারেন্স এখানে যায় <sup> [1](https://steemit.com) </sup> একটি রেফারেন্স আউটপুট হিসাবে, এটি দেখা যায় 1

লিঙ্কিং (Links)

আমাদের পোস্টগুলিতে লিঙ্ক যুক্ত করা খুব দরকারী এবং আমাদের প্রায়শই এটি বহুবার ব্যবহার করার প্রয়োজন।

  • আমরা যখন @ এর সাথে একটি steemit ব্যবহারকারীর নাম যুক্ত করি তখন নামটি ক্লিকযোগ্য হয়ে যায় (steemit ব্লগ দ্বারা পরিচালিত হয়) যেমনঃ @cryptokannon
  • আমরা যখন কোনও লিঙ্ক যুক্ত করি তখন এটি স্বয়ংক্রিয়ভাবে স্বীকৃত হয় এবং এটি ক্লিকযোগ্য হয়।যেমনঃ https://steemit.com/@katerinaramm
  • আমরা নীচের syntaxটি ব্যবহার করে একটি শব্দ বা বাক্যাংশকে লিঙ্কিং করে আড়াল করতে পারি
    যেমনঃ
    [এটি একটি ইনলাইন লিঙ্ক হবে](https://steemit.com/@cryptokannon)

আউটপুট হবেঃ

এটি একটি ইনলাইন লিঙ্ক হবে

টেবিল(Tables)

আপনি দুটি উপায়ে একটি টেবিল তৈরি করতে পারেন

একটি টেবিল তৈরি করার সহজ উপায়

Header 1 | Header 2
--------- | ----------
Cell 1 | Cell 2

আউটপুট হবেঃ

Header 1Header 2
Cell 1Cell 2

HTML ব্যবহার করে একটি টেবিল তৈরি করুন

একটি HTML টেবিল <table>ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়।

প্রতিটি টেবিল এর সারি <tr> ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। একটি টেবিল এর শিরোনাম <th>ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। ডিফল্টরূপে,টেবিল এর শিরোনামগুলি গার এবং কেন্দ্রিক হয়। একটি টেবিল ডেটা/সেল <td> ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। source


<table>
<tr>
<th> header 1 </th> <th> header 2 </th>
<tr>
<td> cell 1 </td> <td> cell 2 </td>
</tr>
<tr>
<td> cell 3 </td> <td> cell 4</td>
</tr>
</table>

আউটপুট হবেঃ

header 1 header 2
cell 1 cell 2
cell 3 cell 4

পরামর্শ

  • আপনি <td> এবং </td> এবং সিনট্যাক্সের মধ্যে অন্তর্ভুক্ত করে টেবিল এর ঘরগুলি যুক্ত করতে পারেন
  • <tr> & </tr> যোগ করে আপনি অতিরিক্ত সারি যুক্ত করতে পারেন
    আপনি যদি একটি ইনলাইন লিঙ্ক যুক্ত করতে চান তবে আপনাকে <a href="link"> শিরোনাম </a> ব্যবহার করতে হবে।
  • আপনি যদি ইনলাইন চিত্র ব্যবহার করেন তবে নিশ্চিত করুন যে সেগুলির সঠিক এবং অনুরূপ মাত্রা রয়েছে, যাতে তারা সুশৃঙ্খলভাবে দেখতে পারে।
  • আপনি ইনলাইন কমান্ডগুলি যেমন কেন্দ্র, শিরোনাম ইত্যাদি ব্যবহার করতে পারেন।

কোড(Code)

কোনও পোস্টে কোড যুক্ত করা কখনও কখনও প্রয়োজনীয় হয়, এটি নীচের দুটি উপায়ে কাজ করে:

  1. মার্কডাউন সিনট্যাক্সের আগে এবং এর পরে একটি ব্যাক-টিক (`) যুক্ত করা হচ্ছে

**bold সিনট্যাক্স ব্যবহার করে** >> bold সিনট্যাক্স ব্যবহার করে
অথবা আপনি শব্দ/বাক্যটির শেষে <code> কমান্ডের আগে এবং পরে </code> ব্যবহার করতে পারেন।
হ্যালো আউটপুট হবে >> হ্যালো

আপনি এখানে আরও তথ্য পেতে পারেন।

উদ্ধৃতি - ব্লককোটস(Quotes - Blockquotes)

আমাদের প্রায়শই এমন উক্তি লিখতে হয়, এমন একটি বাক্যাংশ যা কেউ বলেছেন বা লিখেছেন।
যখন আমরা বাক্যটির সামনে এটি> ব্যবহার করি

যে কোনও ব্যক্তি লিখেছেন / বলেছেন এমন কিছুর জন্য>ব্লককোটস(Blockquotes)

> "যে কোন বোকা জানতে পারে। বিষয়টি বুঝতে হবে ”
-আলবার্ট আইনস্টাইন

"যে কোন বোকা জানতে পারে। বিষয়টি বুঝতে হবে ”
-আলবার্ট আইনস্টাইন

লাইন ব্রেক(line breaks)

কখনও কখনও দেখা যায় যে আমাদের লেখার মধ্যে একটি অতিরিক্ত লাইন বিরতি প্রয়োজন হয়।
আমরা অতিরিক্ত লাইন স্পেস অন্তর্ভুক্ত করতে <br> ব্যবহার করতে পারি।

ভিডিও

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

ইউটিউব ভিডিওগুলি তাত্ক্ষণিকভাবে এম্বেড(embedded) করা হয়, সুতরাং আপনি কোনও লিঙ্ক রাখলে এটি পোস্ট এ উপস্থিত হয়। যদি কোনও উপায়ে এটি প্রবন্ধ বা চিত্রগুলিতে হস্তক্ষেপ করে তবে আপনি এর আগে এবং পরে রুলার যুক্ত করতে পারেন।

gif গুলি এম্বেডযোগ্য, কেবল লিঙ্কটি নিন এবং আপনি এটিকে <center> কমান্ডের সাহায্যে কেন্দ্রীকরণ করতে পারেন।
https://media.tenor.com/images/917de53340b903bb7c142031b411593e/tenor.gif

পরামর্শ: আপনার শুধু .gif যুক্ত ইউআরএলটি দরকার

Dtube এ এম্বেড করা যেতে পারে তবে ইউটিউব থেকে কিছু বেশি সময় প্রয়োজন হয়।

পরিস্থিতি এমন যে: আপনি যখন কোনও Dtube ভিডিও আপলোড করবেন তখন এটি স্বয়ংক্রিয়ভাবে আপনার steemit পোস্টে এম্বেড হয়ে যায়।

এটি ইউটিউব ভিডিওতে এবং স্ক্রিনশটের লিঙ্কটিও দেখায়।
এই ক্ষেত্রে: @thetroublenotes/ap0ofmc6

dtube.jpg

এই দুটি লিঙ্কই আমাদের দরকার+ ব্যবহারের প্রয়োজন হবে (Dtube লিঙ্ক এবং স্ক্রিনশট ব্যবহৃত হয়েছে)

<center><a href='https://d.tube/#!/v/thetroublenotes/ap0ofmc6'><img src='https://ipfs.io/ipfs/QmNnrP6KnhTHqFAfwt8CnB6XeRHfMZ5Qj2ngyT7dgt2UwP'></a></center>

আউটপুট হবেঃ
যদি আপনার কাছে ইতিমধ্যে উপরের তথ্য থাকে তবে আপনি এই কোডটি ব্যবহার করে ভিডিও আপলোড করতে পারেন:

<center><a href='https://d.tube/#!/v/thetroublenotes/ap0ofmc6'><img src='https://ipfs.io/ipfs/QmNnrP6KnhTHqFAfwt8CnB6XeRHfMZ5Qj2ngyT7dgt2UwP'></a></center>
(output)

২য় পরিস্থিতি আপনার যেখানে Dtube ভিডিওটি রয়েছে সেখানে কোনও steemit লিঙ্ক নেই তবে আপনার Dtube লিঙ্কটি রয়েছে।


এর ইতিবাচক একটা দিক হ'ল আপনি নিজের পছন্দসই শটটি নির্বাচন করতে পারেন!

Ruler

আপনি যদি কোনও থিম আলাদা করতে চান তবে আপনি কোনও রুলার আপলোড করতে পারেন বা আপনি 3 ড্যাশ(---), 3 স্টার(***) বা 3 সমান চিহ্ন(===) লাইনের শুরুতে ব্যবহার করতে পারেন।
--- বা *** বা ===


ছবি(Images)

কীভাবে চিত্রগুলি সাজানো করা যায়
আপনি আপনার চিত্রগুলি বাম বা ডানদিকে বা কেন্দ্রে সারিবদ্ধ করে সাজাতে পারেন।

বামদিকে সারিবদ্ধ করে সাজান(Align left)

<div class="pull-left">
https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg
</div>
text below

এটি উপরের সিনট্যাক্সের আউটপুট। আপনি যদি বাম দিকে চিত্রটি নিতে চান তবে লেখাগুলি ডানদিকে যাবে এটি চিত্রের মাত্রা/সাইজ উইন্ডোর সাইজের ১/২ আকারে হ্রাস পাবে। আরও কিছু এখানে লেখা যেতে পারে।

ডানদিকে সারিবদ্ধ করে সাজান(Align right)

<div class="pull-right">
https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg
</div>
text below

এটি উপরের সিনট্যাক্সের আউটপুট।
আপনি যদি ডানদিকে চিত্রটি নিতে চান তবে লেখাগুলি বামদিকে যাবে
এটি চিত্রের মাত্রা/সাইজ উইন্ডোর সাইজের ১/২ আকারে হ্রাস পাবে। আরও কিছু এখানে লেখা যেতে পারে।


কেন্দ্রে সাজান(Align center)

<center>https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg</center>

এটি কেন্দ্রে সাজানোর আউটপুট, চিত্রের সাইজের কোন পরিবর্তন হয়নি।

সারিবদ্ধ ইমেজের নীচে লিঙ্ক + ক্যাপশন সন্নিবেশ করার একটি সহজ এবং মার্জিত উপায়
(@mobbs & @noble-noah সাহায্যে)

<div class="pull-left"><center>https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg<sub><a href="https://www.steemit.com">LINK NAME</a></sub></center></div>

আউটপুট হবেঃ


এবং কিছু লেখা এখানে


এবং আরো কিছু


আমি কীভাবে আমার চিত্রকে ক্লিকযোগ্য করে তুলতে পারি (আমার চিত্রের নতুন, আরও বড় সংস্করণে খুলতে?)

পদক্ষেপ ১. আপনি উভয় চিত্র আপলোড করুন (বড় + ছোট মাত্রা)

![244.jpg](https://cdn.steemitimages.com/DQmYHaS3cTTweaGZNvyeLksCjZ1oXHE3uc7ziBDeBLWBs2P/244.jpg)

![500500.jpg](https://cdn.steemitimages.com/DQmXMrYxPPVCRN4SMyHzd3KFrNjmzdURQnLoh6yoscrN8Fx/500500.jpg)

পদক্ষেপ ২. আপনি ![পাঠ্য](এবং শেষ বন্ধনী) সরিয়ে ফেলুন

পদক্ষেপ ৩. আপনি কোডটি এভাবে যুক্ত করুন:

<center><a href="https://cdn.steemitimages.com/DQmXMrYxPPVCRN4SMyHzd3KFrNjmzdURQnLoh6yoscrN8Fx/500500.jpg"><img src="https://cdn.steemitimages.com/DQmYHaS3cTTweaGZNvyeLksCjZ1oXHE3uc7ziBDeBLWBs2P/244.jpg"></a></center>


আউটপুট হবেঃ

steemit এ কোনও চিত্র কীভাবে স্কেল করবেন

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

পদক্ষেপ 1. আপনি ছবি আপলোড করুন।
কোডটি নিচের মতো দেখাবে

![20180127_094041.jpg](https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg)

পদক্ষেপ ২. নিচের মতো করে আপনি কেবলমাত্র মূল চিত্রটি রেখে(পার্শ্ববর্তী লেখা এবং প্রথম বন্ধনী ব্যতীত)
https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

পদক্ষেপ 3: আপনি শুধু https://steemitimages.com কপি করে এতে /0x0/ যুক্ত করুন তখন এটি https://steemitimages.com/0x0/ হয়ে যাবে

পদক্ষেপ ৪. আপনি এটিকে আপনার ছবির কোড গুলির শুরুতে পেস্ট করে দিন যাতে এটি নিচের মতো দেখায়
https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

পদক্ষেপ 5. আপনার চিত্র হ্রাস করতে প্রস্তুত! আপনি যে পিক্সেলটি চান তা প্রথম বা দ্বিতীয় 0 স্থান এ ইনপুট করুন। এর ফলে কাঙ্ক্ষিত মাত্রাগুলিতে চিত্রের স্কেল ডাউন হবে।

উদাহরণ

এই ছবির ডাইমেনশন হল 3200 x 1470

https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg



এই ছবির height হল 600

https://steemitimages.com/600x0/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg


এই ছবির width হল 100

https://steemitimages.com/0x100/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

Note চিত্রগুলির ক্ষেত্রে কপিরাইটটি খুব গুরুত্বপূর্ণ। কোন চিত্রগুলি ব্যবহার করবেন এবং কীভাবে সেরা চিত্রগুলি পাবেন সে সম্পর্কে আপনি যদি অনিশ্চিত হন, এখানে ক্লিক করুন

Bonous

কখনও কখনও আমরা কোনও পোস্টে কিছু দেখতে পাই এবং আমরা অবাক হয়ে যাই .. তিনি কীভাবে করলেন !?
প্রতিটি steemit পোস্টে কোডটি দেখা সম্ভব, আমাদের কেবলমাত্র ইউআরএলটিতে (it) কে (d) দিয়ে প্রতিস্থাপন করতে হবে।

উদাহরণস্বরূপ আমার পোস্ট: https://steemit.com/steemit/@katerinaramm/make-the-most-out-of-steemit-a-personal-approach-by-katerinaramm থেকে https://steemd.com/steemit/@katerinaramm/make-the-most-out-of-steemit-a-personal-approach-by-katerinaramm হয়ে যাবে

যদি আপনি it কে d দিয়ে প্রতিস্থাপন করেন তবে আপনি এই চিত্রটি দেখতে পাবেন:

clickdots.jpg

পুরো লেখাটি বের করতে এবং কোডটি দেখতে নিচের তিনটি বিন্দুতে ক্লিক করতে পারেন।

Addition by @mathowl (thanks!)

If you see some kind of layout in a post and have no idea how to replicate it then you can just access the webpage source in your browser (right mouse click on webpage -> view page source or inspect element) and copy paste what you need :)

Use this wisely!


মার্কডাউন টেম্পলেটগুলির অতিরিক্ত বোনাস সংকলন:(Extra Bonus Compilation of Markdown Templates:)

সংগীত, কবিতা, ফটোগ্রাফি, রেসিপি এবং কথাসাহিত্যের গল্পগুলিতে আপনার পোস্টের জন্য ব্যবহার করতে পারেন এমন মার্কডাউন টেম্পলেটগুলিতে এই পোস্টটি দেখুন Markdowns Templates Compilation

Task for Achievement 4: Applying Markdowns সম্পন্ন করার জন্য যা যা করতে হবে

উপরের উল্লিখিত প্রদত্ত কমপক্ষে 5 ধরণের মার্কডাউন প্রয়োগ করে একটি পোস্ট তৈরি করুন।

Achievement 4 এর জন্য আপনার পোস্টের শিরোনাম Achievement 4 by @youraccountname Task : Content Etiquette সহ একটি পোস্ট তৈরি করতে হবে।

আপনি বর্তমানে যে দেশে আছেন সেই দেশের নাম উল্লেখ করে আপনার ১ম ৫টি ট্যাগের মধ্যে একটি হিসাবে #bangladesh এবং #achievement4 যোগ করুন ।

Source:

The whole post is translated from this post Achievement 4 : Applying Markdown which was created by @cryptokannon

H2
H3
H4
3 columns
2 columns
1 column
2 Comments