কিভাবে আপনার ব্লগারে একটি সুন্দর Music Player যুক্ত করবেন?

একটি লম্বা আর্টিকেল পড়ার পর, ব্লগাররা প্রায়ই বিরক্ত হয়। তাদের বিরক্তি ভাব কমানোর জন্য কিছু ব্লগার অন্য কিছু পন্থা অবলম্বন করে। কিন্তু সত্যি কথা বলতে, আপনার মানসিক চাপ দূর করার নিখুঁত পন্থা হল আপনার পছন্দের গান শোনা। গানের ধরন যে কোন কিছু হতে পারে। যাইহোক, একটি মনোরম সুর আক্ষরিকভাবে একজন ব্লগারের মস্তিষ্ককে সতেজ করে। তদুপরি, এটি একজন ব্লগারকে একটি নতুন জীবন প্রদান করে কারণ এটি তাদের মস্তিষ্কে যে সমস্ত চাপ সৃষ্টি করে তা পরিষ্কার করে। সুতরাং, আপনি যদি একজন ব্লগার হয়ে থাকেন এবং আপনি আপনার ব্লগে যদি একটি মিউজিক প্লেয়ার যুক্ত করতে চান, তাহলে আজকের পোস্টটি আপনার জন্য। আজকে আমরা শিখবো কিভাবে ব্লগার ওয়েবসাইটে একটি সুন্দর music player  যুক্ত করবেন।

কেন আপনার ওয়েবসাইট বা ব্লগে মিউজিক প্লেয়ার যুক্ত করবেন?

আমরা নিশ্চিত যে অনেকেই তাদের ওয়েবসাইটে Music player যুক্ত করার ব্যাপারে বিভ্রান্ত হবে। সেই কারণে, আমাদের টিউটোরিয়ালে সরাসরি যাওয়ার আগে আসুন প্রথমে কিছু অর্থপূর্ণ কারণ বিবেচনা করি যে কেন একজন ব্যক্তিকে তার ওয়েবসাইটে মিউজিক প্লেয়ার যুক্ত করতে হবে।

আসুন আমরা বিবেচনা করি আপনার সাইটে একজন ভিজিটর এসেছেন তিনি আপনার সুন্দর বিষয়বস্তু পড়ার জন্য ৫০ মিনিট ব্যয় করেন, এখন লম্বা আর্টিকেল পড়ার কারণে সে একটু বিরক্তবোধ করতে পারে, আবার তিনি একটি সুর/গান শোনার ফলে কিছুটা বিনোদন পেতে পারেন। এই পরিস্থিতিতে, তিনি আপনার music player ব্যবহার করতে পারেন।

Article পড়ার সময় মনোরম ব্যাকগ্রাউন্ড music Article পড়ার প্রতি আপনার আগ্রহকে আরো বাড়িয়ে দিবে। ব্যাকগ্রাউন্ড টিউন পাঠককে এর অধীনে থাকতে বেশ সহজেই সাহায্য করবে।

বিভিন্ন মানুষ তাদের সাইটে প্রচুর অকেজো জিনিস যোগ করে, কিন্তু একটি ওয়েবসাইটে Mp3 প্লেয়ার যোগ করলে কোন ক্ষতি নেই।

How to add a Music Player in Blogger Website

ব্লগার এ Music প্লেয়ার যুক্ত করা খুব সহজ। আপনি just নিচের ধাপ গুলো অনুসরণ করুন।

Step 1. Adding CSS Codes

Search for the code ]]></b:skin> and paste the following CSS codes above it.

* { margin: 0; padding: 0; box-sizing: border-box; } .player { position: relative; width: 320px; background: #f1f3f4; box-shadow: 4px 3px 13px -4px rgba(0,0,0,0.4); } .player .imgBx { position: relative; width: 100%; height: 320px; } .player .imgBx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 12px; object-fit: cover; } .player audio { width: 100%; outline: none; }

Step 2. Adding HTML Codes

Now paste the below html codes where you want to add Music Player in your blog.

<div class=”player”>
<div class=”imgBx”>
<img src=”image_url_here”>

</div>
<audio controls>
<source src=”Audio_url_here” type=”audio/mp3″>

</audio>
</div>

For demo click here

উপসংহার

এভাবে আপনি সহজেই আপনার ব্লগার সাইটে একটি মিউজিক প্লেয়ার যুক্ত করতে পারেন। এখন আপনার Music player-টি সম্পূর্ণরূপে তৈরি হয়েছে এবং সঠিকভাবে কাজ করছে।

আমি মনে করি আপনার ব্লগে একটি সাধারণ Music player যোগ করার জন্য এই টিউটোরিয়ালটি আপনার জন্য অনেক Helpful হয়েছে। যদি আপনার কোনো প্রশ্ন, পরামর্শ মতামত জানানোর থেকে থাকে, দয়া করে কমেন্টের মাধ্যমে আমাদের জানান।
ধন্যবাদ
Happy Blogging ?