How to add One Click Copy all Code from Code Box in Blogger?

-

যাদের Blogger Tutorial ভিত্তিক ব্লগ সাইট আছে সাধারণত তারা তাদের ব্লগ সাইটে বিভিন্ন ধরনের কোড শেয়ার করে। তাদের এই কোড গুলো শেয়ার করার জন্য অবশ্যই Code box ব্যবহার করতে হয়। সাধারণত Code Box এর মাধ্যমে কোড গুলো খুব সুন্দরভাবে উপস্থাপন করা যায়। আবার আমরা আমাদের সাইটে বিভিন্ন Stylish Code Box ব্যবহার করি তবে ব্যবহারকারীদের কোড কপি করার জন্য প্রায়শই পুরো কোড ব্লক উপরে থেকে নীচ পর্যন্ত Select করতে হয়। কোডটি যদি আবার বড় হয় তবে এটি ব্যবহারকারীর জন্য কিছুটা সমস্যা তৈরি করতে পারে। কারন কার্সার ব্যবহার করে মাঝে মাঝে মাউস পয়েন্টারটি deselect হয়ে যায়। সুতরাং এর সমাধান হলো এক ক্লিক করেই Code Box এর পুরো কোড Copy করা। এর পরে কোডটির আরও ব্যবহারের জন্য আমাদের কপি অফশন ব্যবহার করতে হবে। তবে কিছু ব্যবহারকারীর বিরক্ত লাগতে পারে। যদিও এটি খুব সাধারণ উইজেট তবে খুব দরকারী। ডেমো দেখার জন্য এখানে ক্লিক করুন। কেবল এক ক্লিকের মাধ্যমেই আপনি পুরো কোড কপি করতে পারবেন। আর আপনার ব্লগের ভিজিটররা নিশ্চয় এটি ব্যবহার করতে স্বাচ্ছন্দ্য বোধ করবেন। এই Feature টি আপনার ব্লগে ইনস্টল করার জন্য দয়া করে নীচের পদক্ষেপগুলি অনুসরণ করুন-

Steps

1. Add CSS & Javascript CDN

i) copy the below code and paste it before </head> tag.

<link rel=”stylesheet” href=”https://ift.tt/3kcAxm3>

ii) copy the below code and paste it before </body> tag.

<script src=”https://ift.tt/3y51m0C>

2. এখন যে পোস্ট এর মধ্যে আপনি কোড এড করতে চান, সেখানে HTML view তে গিয়ে নির্ধারিত স্থানে <pre> এবং <code> এই দুটি ট্যাগ এর মধ্যে আপনার কাঙ্ক্ষিত কোডটি বসান। যেমন:

<pre>
<code class=”language-html line-numbers”>
<!–//Your Code Goes Here–>

    </code>
</pre>

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

Code Box Demo

আজ এই পর্যন্তই। আপনাদের আজকের পোস্ট বিষয়ে কোনো প্রশ্ন বা মতামত জানানোর থাকলে অবশ্যই কমেন্ট করে জানাতে ভুলবেন না। ধন্যবাদ

The post How to add One Click Copy all Code from Code Box in Blogger? appeared first on Trickbd.com.

from Trickbd.com
Source url: https://ift.tt/3B1ha6c
Tags: Bangla Jokes, Jobs
পোষ্ট ভালো লাগলে শেয়ার করবেন। আমাদের ফেসবুক পাইজ এ লাইক দিবেন। আমরা সকল পোষ্ট ফেসবুক এ শেয়ার করে থাকি।

Comments

Post a Comment

Popular posts from this blog

How to add a character counter Tool in Blogger? Complete Tutorial

-
Image
আপনি যখন Microsoft Word এ একটি Article লিখবেন তখন আপনি word document এ total character সহজেই পর্যবেক্ষণ করতে পারবেন।   আপনি প্রায়শই অনলাইনে best word counter এবং character count online tool সন্ধান করতে পারেন। কারণ আপনাকে আপনার নিজের ব্লগ পোস্টের Title এবং Description এর অক্ষর গণনা করতে হয়। যাইহোক, আমরা MS word and excel এ সহজেই Article এর Word গননা করতে পারি। কিন্তু এই অ্যাপ্লিকেশনগুলিতে article এর character count করা সর্বদা Comfortable নয়। অনলাইন আপনি অনেক গুলো এই রকম ওয়ার্ড কাউন্টার টুল পেতে পারেন যার মাধ্যমে আপনি সহজেই আপনার আর্টিকেল এর ওয়ার্ড কাউন্ট করতে পারবেন।   আর যদি আপনার নিজের ব্লগে এই রকম একটি ওয়ার্ড কাউন্টার টুল থাকে তাহলে কেমন হয়? তবে কেন আপনি এখনো বসে আছেন? তো চলুন শুরু করা যাক। শিখে নিই কিভাবে ব্লগারে কিভাবে ওয়ার্ড কাউন্টার টুল যুক্ত করবো।   ব্লগারে কি ওয়ার্ড কাউন্টার টুল যুক্ত করা যাবে? হ্যাঁ! আমাদের Pre-coded স্ক্রিপ্টটি ব্যবহার করে আপনি Easily আপনার ব্লগার ব্লগে একটি বিনামূল্যে Word Counter Tool ইনস্টল করতে পারেন। এই Free word counter Tool-টির স...
Read more

আর নয় HTML কোড । এবার ওয়াপকিজ ফিসিং সাইট থিম নিয়ে আসলাম ট্রিকবিডিতে!!

-
Image
আসসালামু আলাইকুম । আশা করি ভালো আছেন । আমিও আলহামদুলিল্লাহ ভালোই আছি । অনেকেই হয়তো পোস্টের টপিক দেখেই বুঝে গিয়েছেন যে আজ আমি কোন বিষয় নিয়ে বলতে যাচ্ছি । আজ আমি পিসিং সাইট থিম দিতে যাচ্ছি । অনেক দিন ধরেই আমি লক্ষ্য করেছি যে ট্রিকবিডিতে সবাই যারা ফিসিং সাইট সম্পকে বলছেন তারা সবাই ওয়াপকিজ ফিসিং সাইটের HTML কোড দিয়েছেন । যা অনেক সময় মেলে না । তাই আমি আজকে থিম নিয়ে হাজির হয়েছি । তো চলুন থিমটি নিয়ে নেওয়া যাক । ফেসবুক ফিসিং সাইট কি? ফিসিং সাইট হলো একটি সাইট যা ফেসবুকের মতো দেখতে কিন্তু তা ফেসবুক নয় । এর মাধ্যমে যদি কেউ সত্যি ফেসবুক সাইট ভেবে লগ ইন করে তবে আপনি পাসওয়াড জানতে পারবেন এবং মোবাইল নাম্বার জানতে পারবেন । ফলে আইডিও হ্যাক করতে পারবেন । এবার নাম্বার পাসওয়াড জানবেন যেভাবে তা নিচে বলছি । ফিসিং সাইটে প্রথম পেজ । তারপর আমি লগ ইন করার জন্য কিছু লিখলাম । যদি অন্য কেউ ফেসবুকের নাম্বার ও পাসওয়াড দেয় তাও জানতে পারবেন । ফলে আপনি তার আইডিতে প্রবেশ করে আইডির পাসওয়াড পরিবতন করে তার আইডি হ্যাক করে নিতে পারেন । লগ ইন করার পর এরকম দেখতে পারবেন । তারপর সাইটের প্যানেল মুডে যাবেন । তারপর কমেন্...
Read more