তথ্য ও প্রযুক্তির মশাল জ্বলে উঠুক হাতে হাতে

Showing posts with label HTML কোড. Show all posts
Showing posts with label HTML কোড. Show all posts

কিভাবে ব্লগ পোস্টে কোড বক্স যুক্ত করে কোড দেখাবেন


আজকে দেখাবো কিভাবে ব্লগারে কোড বক্স যুক্ত করতে হয়? খুব দরকারি একটি পোস্ট ৷ যারা নিয়মিত ব্লগারে পোস্ট লিখেন তারা এটির ব্যবহার করে কোড দেখাতে পারবেন৷ 
আপনার ব্লগ পোস্টে কোড বক্স যুক্ত করে কোড দেখাতে চাইলে প্রথমে টেমপ্লেটে কোড বক্স যুক্ত করে নিতে হবে৷ এজন্য নিচের কোড কপি করে নিয়ে আপনার থিমের css অপশনে পেস্ট করে দিন৷ এজন্য  আপনি আপনার ব্লগে এ লগ ইন করে Dashboard এ যান ৷
* Dashboard থেকে Theme এ ক্লিক করুন ।
* তারপর Edit HTML লেখায় এ ক্লিক করুন ৷
* এবার নিচের ট্যাগটি খুজুন ৷
   ]]></b:skin> 
 
খুজে পেলে ঠিক তার উপরে নিচের কোডগুলো পেস্ট করে দিন ৷ তারপর Save এ ক্লিক করেন ৷ ব্যাস আপনার কাজ কমপ্লিট ৷  

 
.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; } 
তারপর যখন কোড দেখাবেন শুধু এভাবে লিখবেন 
 <div class ="code">
আপনার কোড
</div>
তাহলে যেকোন কোড প্রদর্শন করানো যাবে।

কিভাবে blogger এ Sign in page যুক্ত করবেন


আজকে দেখাবো কিভাবে blogger Sign in page বানাবেন ? আসলে blogger ব্লগের ডিফল্ট টেমপ্লেটে এই অপশন দেয়া থাকেনা ৷ তাই blogger এ যারা সাইট বানিয়েছেন তারা সাইটে Sign in করতে গেলে ব্লগারের মুল সাইটে প্রবেশ করতে হয় ৷ এরপর ইমেইল ও পাসওয়ার্ড দিয়ে সাইন করতে হয় ৷ কিন্তু আমি আজকে দেখাবো blogger এ Page সেকশনে Sign in বাটন যুক্ত করার নিয়ম ৷ যাই হোক এবার মুল আলোচনায় আসি ৷ Sign in form যুক্ত করার জন্য আপনাকে যা যা করতে হবে ৷

কিভাবে ব্লগার header কে দুটি অংশে ভাগ করবেন



আজকে দেখাবো কিভাবে আপনার ব্লগার ব্লগের হেডারকে দুটি অংশে ভাগ করবেন ৷ অর্থাৎ হেডারকে দুই ভাগ করে হেডারের ডান পাশে একটি সেকশন তৈরি করবেন ৷ এরপর ইচ্ছেমত কোন গ্যাজেট বা গুগল এডসেনস কোড বসাতে পারবেন ৷ এখানে ব্যানার এড দেখাতে পারবেন ৷ কিংবা গুগল কাস্টম সার্চ বক্স যুক্ত করতে পারবেন ৷ যাই হোক এবার মুল আলোচনায় আসি ৷

কিভাবে ব্লগে কাস্টম সার্চ বক্স (Custom search box) যুক্ত করবেন


আজকে শেয়ার করবো কিভাবে ব্লগে বা ওয়েব সাইটে একটি Custom search box (কাস্টম সার্চ বক্স) যুক্ত করবেন ৷
এজন্য যা আপনাকে করতে হবে
* প্রথমে ব্লগারে লগইন করুন ৷
* এরপর ড্যাশবোর্ড এর Layout ক্লিক করুন ৷
* এখন যে জায়গায় সার্চ বক্স যুক্ত করবেন সেখানে Add a gadget লেখায় ক্লিক করুন ৷

কিভাবে ব্লগার ব্লগে সাইন আপ (Sign Up) পাতা যুক্ত করবেন

কেমন আছেন আপনারা ? অনেক দিন পর আপনাদের সামনে হাজির হলাম ৷ আসলে ব্যাস্ত থাকার কারনে লেখা হয় না ৷ কিন্তু আজকে অনেক ব্যস্ততার পরেও নতুন কিছু তুলে ধরবো ৷ আজকে দেখাবো কিভাবে ব্লগার ব্লগে সাইন আপ পেজ যুক্ত করবেন ? আসলে ব্লগার ব্লগে এই অপশন যুক্ত করার জন্য কোন গ্যাজেট দেয়া থাকেনা ৷ তাই রাইটাররা সহজে ব্লগের সদস্য হতে পারে না ৷ এজন্য আমি নিয়ে আসলাম এই অপশন ৷ যাদের দরকার জেনে নিতে পারেন এই কোড ৷

কিভাবে ব্লগার ব্লগে Sign in পাতা (Page ) যুক্ত করবেন

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

ব্লগারে কিভাবে ড্রপডাউন মেনুবার তৈরি করবেন



আজ আমি ব্লগের সাইডবারে কিভাবে একটি ড্রপডাউন ব্লগলিংক/ ওয়েবসাইট লিংকের তালিকা তৈরি করা যায় তা দেখাবো ।

* ব্লগারে লগইন করে ড্যাশবোর্ডের
Layout পাতায় প্রবেশ করুন।

* এবার সাইডবার এলাকায় Add a Widget ক্লিক করুন ৷

কিভাবে ব্লগ পোস্টে প্রিন্ট (Print) বাটন যুক্ত করবেন




আজকে শেয়ার করব খুব দরকারী একটি পোস্ট । আর সেটা হচ্ছে কিভাবে আপনি আপনার ব্লগের প্রতিটি পোস্টে প্রিন্ট আইকন যুক্ত করবেন ?
আজকাল প্রায়ই অনলাইন পত্রিকা পড়লে এই খবরটি প্রিন্ট করুন” লেখা দেখতে পাই । আর এই লেখায় ক্লিক করলেই প্রিন্ট অপশন চলে আসে । তাই আজকে দেখাবো কিভাবে ব্লগার ব্লগে এই কাজটি করা যায়?
এজন্য আপনি আপনার ব্লগে লগইন করে Dashboard যান

কিভাবে ব্লগে Floating Contact us বাটন ‍যুক্ত করবেন





  
আজকে শেয়ার করবো দরকারি একটি টিপস ৷ কিভাবে আপনি আপনার সাইটে ভাসমান কনট্যাক্ট আস বাটন যোগ করবেন ৷ আসলে যারা নিয়মিত ব্লগিং করেন তাদের জন্য এই বাটন  থাকাটা খুবই গুরুত্বপূর্ণ ৷ এটা থাকলে একদিকে যেমন ব্লগের সৌন্দর্য বাড়ে অন্যদিকে  নতুন ভিজিটর আকৃষ্ট হয় ।

তো কথা না বাড়িয়ে এবার আসল কথায় আসি ৷এজন্য আপনার ব্লগে লগইন করুন । এরপর

* Dashboard থেকে Theme ক্লিক করুন

*
তারপর Edit HTML লেখায় ক্লিক করুন

*
এবার নিচের ট্যাগটি খুজুন

কিভাবে ব্লগারে প্রিন্ট (Print) বাটন যুক্ত করবেন





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

কিভাবে ব্লগার ব্লগে পিডিএফ (PDF) বাটন যুক্ত করবেন





কেমন আছেন আপনারা সবাই ? আজকে জানাবো কিভাবে আপনার সাইটের কোন লেখা পিডিএফ আকারে সেভ করে রাখবেন ৷ আর পরে আপনি যেকোন সময় সেটা পড়তে পারবেন ৷ কারন অনেক সময় দরকারি কিছু তথ্য পেতে বার বার অনলাইনে যেতে হয় ৷ কিন্তু যদি সেটা ভিজিটরকে পিডিএফ আকারে সেভ করার সুযোগ করে দেই তাহলে সাইট ভিজিট কম হলেও ভিজিটরের সময় এবং MB দুটোই বাঁচলো ৷ এতে ভিজিটরের কিছুটা হলেও উপকার হলো ৷
তাই কথা না বাড়িয়ে এবার কাজের কথায় আসি ৷

কিভাবে ব্লগার পোস্টে প্রিন্ট (Print) বাটন যুক্ত করবেন




আজকে শেয়ার করব মজার একটি পোস্ট । আর তা হচ্ছে কিভাবে আপনি আপনার ব্লগের প্রতিটি পোস্টে প্রিন্ট বাটন যুক্ত করবেন ?

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


এজন্য আপনি আপনার ব্লগে লগইন করে Dashboard এ যান ৷

* Dashboard থেকে Theme এ ক্লিক করুন ।

কিভাবে ভিজিটর Backlink নিস্ক্রিয় করবেন




কেমন আছেন আপনারা সবাই ? আজকে দারুন একটা টিপস নিয়ে হাজির হলাম আপনাদের সামনে ৷ আজকে জানাবো কিভাবে আপনার ব্লগের কমেন্টে দেয়া ব্যাকলিং অকার্যকর করে দিবেন ৷ অর্থাৎ কেউ আপনার ব্লগে এসে আপনার লেখা কোন পোস্টে কমেন্ট করলো এবং শেষে কমেন্টকারি তার নিজের সাইটের লিংক কমেন্টে রেখে দিল ৷ এই লিংকটাকেই মূলত বলা হয় ব্যাকলিংক ৷
আর আপনি ইচ্ছা করলে সেই লিংকটাকে ইনেকটিভ করে রাখতে পারবেন ৷ যার ফলে ভিজিটর কোন লিংক কমেন্টে রেখে গেলে সেটা সাধারণ টেক্সট লেখার মত থাকবে, লিংক আকারে প্রদর্শন হবে না ৷ ফলে কেউ ক্লিক করে তার সাইটে যেতে পারবে না ৷ কমেন্টকারির সাইটে যেতে চাইলে উক্ত লিংক কপি করে ব্রাউজারে পেস্ট করে নুতন ট্যাব খুলে যেতে হবে ৷

ব্লগারে সহজে যুক্ত করে নিন প্রিন্ট (Print) বাটন

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


কিভাবে ব্লগার ব্লগে মোট পোস্ট ও কমেন্ট সংখ্যা দেখাবেন



আজ একটি নতুন গেজেট (Widget) নিয়ে আপনাদের সামনে হাজির হলাম। এই গেজেটটি দিয়ে আপনার ব্লগে মোট কতটি পোস্ট (Post) প্রকাশিত হয়েছে এবং আপনার ব্লগে ভিজিটররা মোট কতগুলো মন্তব্য করেছেন তা দেখা যাবে।
যাই হোক এবার কাজের কথায় আসি ৷

কিভাবে ব্লগার থেকে পোস্ট কপি করা বন্ধ করবেন






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

কিভাবে ব্লগার ব্লগে Sharing button যুক্ত করবেন






আজকে শেয়ার করবো দরকারি একটি টিপস ৷ কিভাবে আপনি আপনার সাইটে সামাজিক শেয়ার বাটন যোগ করবেন ৷ আসলে যারা নিয়মিত ব্লগিং করেন তাদের জন্য শেয়ারিং বাটন পোস্টের নিচে থাকাটা খুবই গুরুত্বপূর্ণ ৷ এটা থাকলে একদিকে যেমন ব্লগের সৌন্দর্য বাড়ে অন্যদিকে প্রচুর নতুন ভিজিটর পাওয়া যায় যদি সেটা বিভিন্ন সামাজিক যোগাযোগ মাধ্যমে শেয়ার করা হয় ৷
তো কথা না বাড়িয়ে এবার আসল কথায় আসি ৷

* প্রথমে আপনি আপনার ব্লগার একাউন্টে সাইন ইন করুন ৷ এবার ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ৷
*এখন Edit HTML লেখায় ক্লিক করুন ৷

* এবার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগটি খুজুন ৷

কিভাবে ব্লগে মাউসের রাইট বাটন ডিজেবল করবেন






কেমন আছেন আপনারা সবাই? নিশ্চয় ভাল আছেন। আজকে আপনাদের সামনে হাজির হলাম নতুন একটা বিষয় নিয়ে। আর সেটা হচ্ছে কিভাবে আপনার ব্লগার ব্লগের পোস্ট কপি করা থেকে রক্ষা করবেন। কারন অনেকেই লেখা কপি করে নিজের ব্লগে পেস্ট করে নিজের নামে চালিয়ে দেয়। আর এতে আপনার কষ্ট, পরিশ্রম সব বৃথা হয়ে যায়। তাই আজকের পোস্ট ভিজিটরের মাউসের রাইট বাটন ডিজেবল করে আপনার মূল্যবান পোস্ট কপির হাত থেকে রক্ষা করার উপায়। আর এর জন্য তেমন কোন কোডের প্রয়োজন নেই। এমনকি সেরকম কোডিং জ্ঞান না থাকলেও হবে। একবারে নুতন ব্লগার হলেও এই কোড ব্যবহার করে যে কোন ভিজিটরের মাউস এর রাইট (ডান) বাটন অকেজো করে দিতে পারবেন। ফলে আপনার পোস্ট সিলেক্ট করে রাইট বাটন ক্লিক করে কপি করতে পারবে না।

কিভাবে ব্লগার ব্লগে Post view কাউন্টার যুক্ত করবেন







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

যাই হোক এবার আসল কথায় আসি।
>প্রথমে আপনার ব্লগে লগইন করুন।

> এবার ড্যাশবোর্ড এর বাম পাসের ড্রপডাউন মেনু থেকে প্রথমে "Template" লেখায় ক্লিক করুন।

> এরপর "Edit HTML" বাটনে ক্লিক করুন।
> এরপর যে কোডবক্স পাবেন সেখান থেকে নিচের লাইনটি খুজে বের করুন।

<div class='post-header-line-1'/>

কিভাবে ব্লগে thumbnail সহ related post widget যুক্ত করবেন






কেমন আছেন আপনারা ? নিশ্চয় ভালো আছেন। আজকে আপনাদের দেখাবো কিভাবে আপনার blogger ব্লগে সাম্প্রতিক পোস্ট গ্যাজেট যুক্ত করবেন ? এর আগে আরো এরকম পোস্ট লিখেছিলাম। আজকেরটা একটু আলাদা। আজকে দেখাচ্ছি ফিচার ইমেজ সহ সাম্প্রতিক পোস্ট ওয়েটগেট অর্থাৎ Recent post widget with thumbnail যুক্ত করার নিয়ম।

এজন্য আপনার ব্লগার একাউন্টে লগইন করে ড্যাশবোর্ড থেকে লেয়াউট ক্লিক করুন। এখন সাইডবার থেকে Add a gadget লেখায় ক্লিক করুন। এখন একটি লিস্ট দেখতে পাবেন। লিস্ট থেকে HTML/JavaScript ক্লিক করুন।
এবার যে বক্স আসবে সেখানকার প্রথম বক্সে সাম্প্রতিক পোস্ট বা Recent post লিখুন এবং নিচের বক্স এ প্রদত্ত কোডগুলো কপি করে পেস্ট করে দিন।