Archive for April 2015

Wednesday, April 29, 2015

ব্লগার ব্লগের ডিফল্ট বুলেট লিষ্ট কাষ্টমাইজ করে CSS স্টাইলে যুক্ত করুন।

       Wednesday, April 29, 2015      , ,      No comments   
আমার সালাম নিবেন। আশা নয় বিশ্বাস করি আপনারা সকলে ভাল আছেন। বন্ধুরা আপনাদের শুভ কামনা নিয়ে আজকে আমি ভিন্নধারার পোস্ট শেয়ার করছি। বন্ধুরা আপনারা জানেন যে ব্লগ পোষ্টে সাধারনত ডিফল্ট ভাবে বুলেট লিষ্ট থাকে। কিন্তু এই ডিফল্ট বুলেট লিস্ট আপনি সহজে কাষ্টমাইজ করে নিতে পারেন। সেটাই আজ আমি আপনাদের দেখাবো। তো আর বেশি কথা নয় তো চলুন এখান দেখা যাক। 


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


কিভাবে ডিফল্ট বুলেট লিষ্ট কাষ্টমাইজ করে CSS স্টাইলে যুক্ত করবেন।



  • প্রথমে আপনার ব্লগার একাউন্ট লগিন করুন।
  • তার পর ড্যাশবোর্ড হতে ড্রাপ ডাউন মেনু থেকে টেমপ্লেট নির্বাচন করুন। 
  • এবং HTML Edit নির্বাচন করুন। 
  • নিচের কোডটুকু খুজে বের করুন। 
]]></b:skin>

  • এবার নিচের কোডটুকু হুবাহু কপি করে পেষ্ট করুন। 

.post ul {

list-style:none;

}

.post ul li {

line-height: 1.4em;

background: transparent 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1tWSU-CNXOEYgebx93Ufiewe6PfbmvHhVkueJK-wnCBfVV_hJD3Z6HN5asW3vtGTRqLrp73JyWPagxZTmN8CtLZuHFMT-Bx807rOg-SiKFKiKlchSE4sOisTwbD1t-T3ljoA8wKX9jU8/s1600/BloggerSpice+Star+Filled.png)
 no-repeat scroll 0px -1px;

font:14px "Oswald",sans-serif;

margin: 0.3em 0;

padding: 0 0 0.8em 20px;

}

.post ul li:hover {

background: transparent 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fkTksAnS8-i6EuqsUAv0ODXOUIcfwnBl84j6kZNRBHAgYHASSGdd6T9Ng4TUWmVcpyJFIwE53wP-nlMPIM7vfMFUC_YvXVOuTxTAoDs4_Zw89zz7_ab_52A3Ob0lXeN7h-dc6JMiuNw/s1600/BloggerSpice+Star+Unfilled.png)
 no-repeat scroll 0px -1px;

}

.post ul li:active{

background: transparent 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1tWSU-CNXOEYgebx93Ufiewe6PfbmvHhVkueJK-wnCBfVV_hJD3Z6HN5asW3vtGTRqLrp73JyWPagxZTmN8CtLZuHFMT-Bx807rOg-SiKFKiKlchSE4sOisTwbD1t-T3ljoA8wKX9jU8/s1600/BloggerSpice+Star+Filled.png)
 no-repeat scroll 0px -1px;

}

  • সর্বশেষ টমেপ্লেটটি সেভ করে বের হয়ে আসুন।

 কিভাবে এই বুলেট লিষ্ট ব্যবহার করবেন।


 আপনি পোষ্ট লেখার অপশনে যান এবং সেখান আপনি যে অংশটুকু বুলেট লিস্ট করতে চান সেই অংশটুকু নির্বাচন করুন। তার পর বুলেট লিষ্টে ক্লিক করুন। 




বন্ধুরা আমি আশা করছি আপনারা বিষয়টি পরিষ্কার ভাবে বুঝতে পারছেন। আর যদি কোন রকম সমস্যার মনে করেন তাহলে কমেন্ট করে জানাবেন। পোষ্ট টি যদি আপনাদের সামন্যতম ভাল লাগে তাহলে বন্ধুদের সাথে শেয়ার করুন। 

আজ এই পর্যন্ত আল্লাহ হাফেজ। 


Thursday, April 23, 2015

Line ব্যবহার করুন আপনার Windows PC!!

       Thursday, April 23, 2015      ,      No comments   
বন্ধুরা আমার সালাম নিবেন। আশা করি আপনারা সকলে ঊষ্ণ গরমের ভিতর ভাল আছেন। আর আমি আপনাদের দোয়ায় মোটামুটি ভাল আছি । বন্ধুরা আপনারা সকল জনপ্রিয় একটি সফটওয়্যারের নাম জানেন। আপনারা যারা Android ফোন ব্যবহার করেন সকলে এই সফটওয়্যারটি সম্পর্কে আগ থেকে পরিচিত। তো আর বলার কিছু থাকে না। শুধুমাত্র আমরা আগে এন্ডোয়েড ফোনে ব্যবহার করতাম। এখন শুধু এন্ডোয়েড ফোনসহ কম্পিউটার পিসিতে ব্যবহার করবো। তো তাহলে নিচ থেকে দেকুন। 




কিভাবে Line সফটওয়্যারটি সংগ্রহ করবেন। 


বন্ধুরা আপনাদের বুঝার জন্য নিচের একটি স্কীনসট ছবি ব্যবহার করলাম। নিচের ছবিটি তাহলে দেখুন?







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

এদিকে আপনারা গুগল প্রেষ্টোর হতে নাইন সফটওয়্যারটি সংগ্রহ করতে পারবেন। Google Play Store



কিভাবে আপনার পিসিতে ব্যবহার করবেন। 




বন্ধুরা আপনারা যারা ভাইবান, স্কাইপ, Whatswaps ব্যবহার করেছেন ঠিক একটি ভাবে এই সফটওয়্যারটি ব্যবহার করবেন। ব্যবহার প্রক্রিয়া একেবারে সহজ। তাই আর ব্যবাহ সম্পর্কে বিস্তারিত বলার কিছু থাকে না। 


কিভাবে আপনার পিসিতে ব্যবহার করবেন তার জন্য নিচে একটি ভিডিও শেয়ার কররাম। ভিডিওটি ৪.৩৫ মিনিটের। তো দেখে নাইন সফটওয়্যারটি আপনার পিসিতে ইন্সষ্টল করুন। 





তো আজ এই পর্যন্ত । যদি বুঝতে কোন সমস্যা হয় তাহলে কমেন্ট করে জানাবেন। আপনার সমস্যার সমাধান দেওয়ার তৎপর থাকবো। আল্লাহ হাফেজ।

আপনার ব্লগার ব্লগে যুক্ত অসাধারন একটি অটো এনিমেশন Latests Posts ওয়েডগেট। সকলের ভাল লাগবে!!!

       Thursday, April 23, 2015      , ,      No comments   
বন্ধুরা আশা করি আপনারা সকলে ভাল ও সুস্থ্য আছেন। আজ বন্ধুরা আপনাদের সাথে অনেক মজার একটি টিপস শেয়ার করছি। আপনারা হয়তো বা এতক্ষনে পোষ্ট শিরোনাম দেখে বিষয়টি বুঝতে পেরেছেন। মজার বিষয় হলো আপনারা এখানে কোন ছবি দেখতে পাবেন না। শুধুমাত্র পোষ্ট লিষ্ট স্টাইলে দেখতে পাবেন। তো আর দেরি নয় তাহলে আপনারা নিচ থেকে দেখতে থাকুন। 





লাইভ ডেমো দেথতে ভিডিট করুন।


কিভাবে আপনার ব্লগে ব্যবহার করবেন!!



  • প্রথমে আপনার ব্লগার ড্যাশবোর্ডে প্রবেশ করুন। 
  • তার পর ড্রাপ ডাউন মেনু হতে লে আউট নির্বাচন করুন।
  • এবং Add widget বাটনে ক্লিক করুন। 
  • তার পর HTML/JavaScript ক্লিক করুন। 
  • টালটেল ঘর ফাকা রেখে কনটেন্ট ঘরে হুবাহু নিচের কোডটুকু করি কে পেষ্ট করুন।
<style> .gfg-root { width: 100%; height : auto; position : relative; overflow : hidden; margin: 0 auto; text-align : center; font-size: 12px; border: 1px solid #DBDBDB; } .gfg-title { font-size: 16px; font-weight : bold; color : #6B6B6B; background:#F3F3F3; background-repeat: repeat; line-height : 1.4em; overflow : hidden; white-space : nowrap; padding: 5px; text-shadow: 0px 2px #fff; } .gfg-entry { background-color: #FFFFFF; width : 100%; height : 9.2em; position : relative; overflow : hidden; text-align : left; margin-top : 3px; } .gf-title a { text-transform: capitalize; color: #0000ff; font-size: 14px; } .gfg-subtitle { display: none; } .gfg-list { position : relative; overflow : hidden; text-align : left; } .gfg-listentry { line-height : 1.5em; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; padding-left : 15px; padding-right : 5px; } .gfg-listentry-odd { background-color : #F3F3F3; border-bottom : 1px dotted #CCCCCC; padding: 5px; } .gfg-listentry-even { background-color : #F3F3F3; border-bottom : 1px dotted #CCCCCC; padding: 5px; } .gfg-listentry-odd a{ color: #595959; padding: 0 0px 0 10px; } .gfg-listentry-even a{ color: #242424; padding: 0 0px 0 10px; } .gfg-listentry-highlight { background: #FFFFFF; } .gfg-listentry-highlight:before { position: absolute; left: 0; content: '\25BA '; font-size: 14px; color: #DBDBDB; } .gfg-listentry-highlight a { color: #242424; } .gfg-root .gfg-entry .gf-result { position : relative; background-color: #ffffff; width : auto; height : 100%; padding-left : 20px; padding-right : 5px; } .gfg-root .gfg-entry .gf-result .gf-title { font-size: 14px; line-height : 1.2em; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; margin-bottom : 2px; margin-top: 5px; } .gfg-root .gfg-entry .gf-result .gf-snippet { height : 3.8em; color: #000000; margin-top : 3px; } .clearFloat { clear : both;}</style> <script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <script type="text/javascript"> function showGadget() {var feeds = [{title:'List',url:'http://bloggingjogot.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=10'},]; new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget">Loading...</div>

[ বি: দ্র: হাই লাইট কালার করা স্থানে আপনার ওয়েব সাইট লিংক ব্যবহার করুন।

  • ব্যস এবার সেভ দিয়ে বের হয়ে আসুন।

এবার আপনার কাজ শেষ । বন্ধুরা তাহলে আজ এই পর্যন্ত । কোন কিছু  জানার থাকলে নিচের কমেন্ট এর মাধ্যমে জানাবেন। আল্লাহ হাফেজ।


ব্লগার ব্লগের ছবিকে কিভাবে Responsive করবেন!!

       Thursday, April 23, 2015      ,      No comments   
বন্ধুরা আমার সালাম নিবেন। আশা নয় একান্ত বিশ্বাস করি আপনারা সকলে ভাল আছেন। বন্ধুরা বর্তমান Android ফোনের যুগে যখন আমরা সর্বদা নেট ব্যবহার করি মোবাইল ফোনে। তো আমরা মোবাইলে ফোনে যখন কোন ওয়েব সাইট ভিজিট করি বিভিন্ন ধরনের সমস্যায় পড়তে হয়। আর যদি ওয়েব সাইটটি Responsive হয় তাহলে তো কোন কথাই থাকে না। অনায়াসে মোবাইলে ওয়েব সাইটটি সুন্দরভাবে দেখা যায়। যেমন : আপনারা যদি ব্লগিং জগৎ সাইটটি আপনার Android ফোনে ব্রাউজ করে তাহলে বিষয়টি পরিষ্কার ভাবে বুঝতে পারবেন। আর তবে আমরা যখন মোবাইল দিয়ে ব্লগ সাইটটি ভিজিট করে তখন উক্ত পোষ্টে যে ছবিটি ব্যবহার করা হয় সেটা অনেক বড় দেখা যায় এমনকি অনেক সময় ছবি দেখা যায় না। যদি ছবি টি Responsive  করা থাকে তাহলে অনায়াসে আপনারা মোবাইলে ছবিটি দেখতে পাবেন। তখন আপনি অনেক আনন্দ উপভোগ করবেন। তো আর দেরি নয় তাহলে দেকুন কিভাবে ব্লগার ব্লগ পোষ্টের ছবি Responsive  করা যায়। দেখুন তাহলে । 







আপনারা উপরের ছবিটি দেখলে কিছুটা হলেও বুঝতে পারবেন। উক্ত ছবিটি বিভিন্ন সাইজে দেখতে পাবেন। আর আমি আপনাদের সেটাই বুঝাতে চেয়েছিলাম। 


ব্লগার ব্লগের পোষ্ট ছবি কিভাবে Responsive করবেন!!



  • প্রথমে আপনার ব্লগার একাউন্ট প্রবেশ করুন। 
  • ড্যাশবোর্ড গতে টেমপ্লেট প্রবেশ করুন। 
  • এবং এডিট টেমপ্লেট প্রবেশ করুন। 
  • এবার নিচের কোডটুকু Ctrl+F ব্যবহার খুজে বের করুন।
</b:skin>
  • এবার উপরের কোডের উপরে নিচের কোডটুকু হুবাহু কপি করে পেষ্ট করুন।
.post-body img {
  max-width:100%;
  height:auto;
}

  • টেমপ্লেটটি সেভ করে বের হয়ে আসুন। 

ব্যস কাজ হয়েগেল। তাহলে আজ এই পর্যন্ত। আর যদি কোন বিষয় বুঝতে অসুবিধা হয় তাহলে নিচের কমেন্ট এর মাধ্যমে জানাতে ভূলবেন না। আপনার যদি পোষ্ট হতে সামান্যতম উপকার পান তাহলে লেখা সার্থক। আল্লাহ হাফেজ।

Friday, April 17, 2015

আপনি কিভাবে মজিলা ব্রাউজার লোকালাইজেশনে অবদান রাখবেন!!!

       Friday, April 17, 2015      ,      No comments   
বন্ধুরা আমার সালাম নিবেন। আশা করি আপনারা যারা এই বিশাল জগতে বিচরন করছেন তাদেরকে মধ্যে রাতের শুভেচ্ছা জানিয়ে আমার ভিন্ন ধারা লেখা শুরু করছি। বন্ধুরা আমার সকলে মজিলা ব্রাউজার ব্যবহার করি। কিন্তু এর বহু ব্যবহার সম্পর্কে আমরা ততটা তৎপর না। তো বন্ধুরা আপনারা শিরোনাম দেখে মনে ভয় পেয়েছেন। কারণ হলো ভয় পাওয়ার কোন কারণ দেখছি না। সেই জন্য আপনারা নিচের ধাপ গুলো অনুসরণ করলে হবে। তো শুরু করা যাক। 

Mozilla Firefox Browser Localization

মজিলা ফায়ারফক্স লোকালাইজেশন সম্পর্কে কিছু কথা?




  • লোকালাইজেশন কি?

প্রথমত, এটি একটি ইংরেজী শব্দ। একে localization অথবা localization দুই ভাবেই লেখা যায় , আবার আদর করে বা গিকি স্টাইলে একে l10n ও বলা যায়। আসলে l এবং n এর মধ্যবর্তি ১০ টা অক্ষরের কারণেই একে l10n নামে ডাকা হয়। টার্ম টা বাংলা করলে দাড়ায়, “স্থানীয়করন” ,এটা  অবশ্য শুনতে একটু অন্যরকম লাগে। নির্দিষ্ট দেশ বা অঞ্চলের উপযুক্ত করে একটি পন্য বা প্রোডাক্টকে ওই অঞ্চলের চলিত ভাষায় অনুবাদ করাটাই আসলে লোকালাইজেশন।


  • কেন দরকার এই লোকালাইজেশন ?


আলম একটি গ্রামের কলেজের ছাত্র । প্রযুক্তিকে সে খুবই ভালবাসে , সর্বশেষ প্রযুক্তি সম্পর্কে সে ধারনা রাখার চেষ্টা করে। তার একটি স্মার্টফোন ও আছে । কিন্তু সে স্মার্টফোনের অনেক কিছুই বুঝে না , কারণ সে ইংরেজি তে দুর্বল। হঠাৎ সে শুনল ফায়ারফক্স অপারেটিং সিস্টেমের কথা ,এবং সেটিতে তার কথা বলা ভাষা বাংলাও আছে। তার খুশি আর দেখে কে ? সে আনন্দের সহিত নতুন ফায়ারফক্স ফোন কিনে আনল । অবশেষে সে তার এই স্মার্টফোনের সাহায্যে অনেক কিছুই করতেপারল,যা কেউ কখনো ভাবতে পারে নি ।এমনকি এবার খরা হওয়া সত্যেও গ্রামে ফসল ঠিকই ফলল এবং এর পিছনে আলমের অবদান অনেক।
এটা আসলে আমার বানানো গল্প   :D। বরাবরই আমি গল্প বানানোতে কাঁচা :P। যাই হোক , এরকম অনেককিছুই হতে পারে নিজের ভাষায় একটি পন্য পেলে। মাহে আলম খান ভাইর সাথে লোকালাইজেশন  নিয়ে কথা বলার সময় উনি একটা কথা বলেছিলেন যেটার মূল কথা অনেকটা এরকম  ” তুমি লোকালাইজ করা প্রোডাক্টটি একজন ইংরেজি বা অন্য ভাষা না জানা লোককে দিলে বুঝতে পারবে তারা কিরকম খুশি হচ্ছে। ”


কিভাবে আপনার মজিলা ব্রাউজার লোকালাইজেশন অবদান রাখবেন। 

Bangla Mozilla Localization




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

  • প্রথমেই আপনাকে কষ্ট করে  http://mozilla.locamotion.org/ গিয়ে সাইন আপ ( নতুন একাউণ্ট খুলা) অথবা সাইন ইন করতে হবে।

  • এরপর http://mozilla.locamotion.org/bn_BD/ এই ঠিকানায় গিয়ে বাংলা ভাষার লোকালাইজেশন প্রসেস এবং বিস্তারিত দেখানো একটি পেজ পাবেন । যেটা দেখতে অনেকটা এই লিঙ্কের ছবির মত ।

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

  • প্রজেক্টে/ পন্যের লোকালাইজেশন পেজে ঢুকার পর আপনি কিছু অপশন দেখতে পাবেন । “need translation” এ ক্লিক করলে আপনাকে সাজেশন এবং স্ট্রিংএর পেজে নিয়ে যাবে । ওখানকার টেক্সটবক্সে স্ট্রিংগুলোর যথার্থ অনুবাদ বসিয়ে সাজেস্ট বাটনে ক্লিক করে আপনি পরবর্তি স্ট্রিং এ যেতে পারেন। আপনি চাইলে টেক্সটবক্সের নিচের user suggestion থেকেও সাজেশন নিয়ে তাকে সম্পাদনা করে সাজেস্ট করতে পারেন।

  • সব সময় চলিত বাংলাটা ব্যবহার করার কথা মাথায় রেখে লোকালাইজেশন করবেন । যেমন ধরুন  ঃ ইন্সটলের বাংলা “স্থাপন করা’ , যেটা একটু  গোলমেলে, এইক্ষেত্রে ইন্সটল ব্যাবহার করাটাই যুক্তিযুক্ত। আবার যেখানে ভাল বাংলা আছে সেখানে সেটাই সাজেস্ট করুন ।  ব্যাবহারকারি সম্পর্কে চিন্তা করবেন , তাহলেই ঠিক হয়ে যাবে।

  • যদি আপনি কোন স্ট্রিংএর সঠিক অনুবাদ করতে না পারেন বা অনিশ্চিত থাকেন। ওইটা স্কিপ করুন “next string” এ ক্লিক করে।

অভিনন্দন , আপনি লোকালাইজেশন শিখে গেছেন , মজিলা পন্য সমুহের একজন লোকালাইজার হিসেবে আপনাকে স্বাগতম :D। “Happy Localizing”
টিপসঃ বাংলা ফায়ারফক্স ব্রাউজার দেখে আপনি লোকালাইজেশনের কিছু টার্ম এবং এ সম্পর্কে ভাল কিছু ধারনা পেতে পারেন।
কৃতজ্ঞতাঃ Anam Ahmed ( @theanam) , Rony , Aninda এবং আরো অনেক নাম না জানা বা মনে না থাকা ব্যাক্তিবর্গ যাদের নিয়ে এই ব্লগ পোস্টের দিন আড্ডা মেরেছিলাম । :D

  1. মজিলা পন্যের লোকালাইজেশন সম্পর্কে আরো জানতে https://wiki.mozilla.org/L10n:Home_Page ঢু মেরে দেখতে পারেন । তবে এটা ইংরেজি, একটু কষ্ট করে পরতে হবে । :)

  1. কোন ভুল হলে ক্ষমাসুন্দর দৃষ্টিতে দেখে আমাকে জানানোর জন্য অনুরোধ রইল । bn_BD লোকালাইজেশন নিয়ে কোন প্রশ্ন থাকলে আমার সাথে যোগাযোগ করতে পারেন ।


সকলকে অসংখ্য ধন্যবাদ জানিয়ে আজকের মত বিদায় নিলাম। আল্লাহ হাফেজ।

Wednesday, April 15, 2015

আপনার সংগ্রহে রাখুন অসাধারণ একটি নিরো (Nero) সফটওয়ার এবং সিরিয়াল কিসহ!!!

       Wednesday, April 15, 2015      ,      No comments   
আমার নববর্ষের শুভেচ্ছা নিবেন। আশা করি আপনারা সকলে নবর্বষকে আকড়ে ধরে সামনের দিকের নতুন পথ চলাকে আরো গতিময় করতে সর্বদা প্রযুক্তি সাথে বিচলিত আছেন। তাই আমি সেই দিক লক্ষ্য রেখে আপনারা সাথে সফটওয়্যার নিয়ে হাজির হয়েছি।বন্ধুরা আমরা যারা কম্পিউটারের প্রতিনিয়ত কাজ করে থাকি। তো একটি বিষয় লক্ষ্যনীয় যে, আমাদের প্রতিদিনের কাজ টি আমরা সিডি রাইটে সংরক্ষণ করি রাখি। আর আমরা সেই রক্ষিত ডকুমেন্টটি কিভাবে ফাকা সিডিতে সংরক্ষন করবো তার জন্য একটি সফটওয়্যার ব্যবহার করতে হয়। আর সেই সফটওয়ারটি সাথে আপনাদের সকলে বেশ পরিচিত। তো আর কথা না বাড়িয়ে মুল আলোচনায় ফিরে আসি। এবার আপনারা সফটওয়্যারটি সম্পর্কে ধাপে ধাপে জানতে থাকুন। 






[আসলে একটি কথা না বললে আপনারা বিষয় মনে হয় পরিষ্কার ভাবে বুঝতে পারবেন না। তো আজ আমি আপনাদের সাথে যে Nero সফটওয়ারটি সম্পর্কে বিস্তারিত বর্ণনা দিলাম। সেই সফটওয়ারটি সর্বশেষ ভার্সন। ভার্সনটি হলো 7.7.5.1 এবং অসাধারন সিরিয়াল কি তো সাথে থাকছেই।

আপানারা কিভাবে Nero Micro 7.7.5.1 সফটওয়্যারটি সংগ্রহ করবেন?

বন্ধুরা Nero সফট্ওয়্যারটি খুবই সহজে আপনার সংগ্রহে করতে পারবেন। নিচে ছোট দুইটি ধাপ অনুসরণ করলেই হবে। তো সফটও্য়্যারটি নিচে লিংক হতে সংগ্রহ করুন। 




                          Serial key

1C82-0000-19E5-MAAX-4009-4390-XC13

1C82-0000-19E5-MAAX-4000-8691-9E02

1C82-0000-19E5-MAAX-4005-0137-20K1

1C80-0000-19E5-MA2X-4004-3933-593A

5C89-0000-1911-0000-4008-4440-5CX2

4C00-0000-1911-0000-4008-5506-878X

5C01-0000-1911-0000-4002-2124-6XMA

তো বন্ধুরা আজ এই পর্যন্ত । আগামীতে নতুন কিছুর আপনাদের সামনে হাজির হবে। ততদিন পর্যন্ত আপনারা আমাদের সাথে থাকুন। আল্লাহ হাফেজ।

Tuesday, April 14, 2015

গুগলে ইনডেক্স হওয়া আউটডেট পোষ্ট কিভাবে রিমুভ করবেন। অতিগুরুত্বপূর্ণ একটি পোষ্ট!!!

       Tuesday, April 14, 2015      ,      No comments   
বন্ধুরা আমার সালাম নিবেন। আশা নয় সকল ব্লগিং জগৎ ভিজিটরগণ বন্ধুদেরকে জানাই বাংলা নববর্ষে শুভেচ্ছা। আর নবর্বষের শুভেচ্ছা দিয়ে আমার আজকের লেখা শুরু করলাম। বন্ধুরা আমার যারা প্রতিনিয়ত ব্লগিং করে থাকি। কিন্তু এমন সময় আসে অনেক অনাকাংখিত ব্লগ পোষ্ট আছে তা মুছে দিয়ে হয়। তাই সেই ব্লগপোষ্টগুলো সাইট থেকে মুছে দিই। আমরা কারণ টা কখন ভাবী না। যে এই ব্লগ পোষ্টটি যথন আমরা পারলিশ করে থাকি তখন সংক্রিয়ভাবে সেই ব্লগ পোস্ট গুগলে ইনডেক্স হয়ে যায়। তো আমরা তো নিজের ব্লগ থেকে মুছে দিলাম। কিন্তু গুগল ইনডেক্স থেকে কিভাবে অনাকাংখিত ব্লগ মুছে দিব। তো ভাবার কোন কারণ নাই সেই ভাবনা সেই কাজ। তাই আপনারা যাতে সহজ ভাবে গুগল ইনডেক্স থেকে সেই অনাকাংখিত URL গুলো মুছে দিতে পাবেন। তো আর দেরি নয় এবার আপনারা ধাপে ধাপে দেখতে থাকুন Remove URL Link গুলো। 




তাহলে আপনারা উপরের বিষয়টি বুঝতে কোন অসুবিধা হয়নি। নিচ থেকে ধাপে ধাপে শুরু করা যাক-

কিভাবে গুগল ইনডেক্স হওয়া আউটডেট পোষ্ট মুছে দিবেন। 


বন্ধুরা আপনারা প্রথমে এই লিংক থেকে ঘুরে আসুন। https://www.google.com/webmasters/tools/removals তারপর একটি ফাকা পেজ দেখতে পাবেন। 
[বি: দ্র: একটি কথা না বললে নয় আপনারা যদি গুগল একাউন্ট না থাকে তাহলে আপনার কোন ভাবে এই কাজটি করতে পারবেন না। তাই কাজ বা সেবাটি গ্রহণ করা পূর্বে আপনারা গুগল একাউন্টে প্রবেশ করতে হবে। ]
এবার উপরে যে লিংকে যাওয়ার পরে ওপেন হওয়া পেজের Remove Outdated Content ফাকা ঘুরে আপনার সেই অনাকাংখিত লিংকটি হুবাহু কপি করে পেষ্ট করুন এবং রিকুয়েষ্ট রিমুভল লেখা বাটনে প্রবেশ করুন। আপনাদের বুঝার জন্য নিচে একটি ছবি যুক্ত করলাম। 




এবার আপানার রিকুয়েষ্ট রিমুভল বাটনে ক্লিক করার পরে একটি পপআপ পেজ ওপেন হবে। নিচের ছবিটি দেথুন।







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





আপনাদের জন্য একটি ভিডিও শেয়ার করলাম।


একনজরে আপনারা আমার ব্লগ থেকে ভিডিও টিপসটি দেথে নিতে পারেন। নিচ থেকে ভিডিওটি দেখতে থাকুন। 


তো বন্ধুরা আশাকরি আপনারা কাজটি সফলভাবে করতে পেরেছেন। যদি কোন ধরনের সমস্যা মনে করেন তাহলে নিচের কমেন্ট করে জানাতে ভুল করবেন না। যথা সাদ্য সমাধান দেওয়ার জন্য তৎপর থাক। তো আজ এই পর্যন্ত আগামীতে আরো নতুন কিছু নিয়ে আপনাদের মাঝে হাজির হব তত দিন পর্যন্ত আপনারা আমাদের সাথে থাকুন। আল্লাহ হাফেজ।

Friday, April 10, 2015

অসাধারন একটি সাইটম্যাপ যুক্ত করুন আপনার ব্লগ সাইটে!! নতুন ফিউচার

       Friday, April 10, 2015      , ,      No comments   
আমার সালাম নিবেন। আশা নয় বিশ্বাস করি আপনারা সকলে ভাল আছেন। বন্ধুরা আপনারা যথন অন্যে কেনা প্রিয় ওয়েব সাইট ভিজিট করি তখন আমরা বিভিন্ন স্টাইলে "সাইটম্যাপ" দেখতে পাই। তো আসলে আমার ব্লগে যুক্ত করবো সেটা পারি না। তো ভাবার কোন কারণ নাই খুবই সহজে আপনারা ব্লগ সাইটে "সাইটম্যাপ" যুক্ত করতে পারবেন। তাই আর বিষয়টি নিয়ে বিস্তারিত বলছি না। তাহলে নিচ থেকে দেখতে থাকুন। 









কিভাবে আপনার ব্লগ সাইটে "সাইটম্যাপ যুক্ত করবেন?

বন্ধুরা আপনাদের বুঝার সুবিধার জন্য নিচে একটি স্কীনসর্ট দেখে নিন। স্কীনসটটি হলো। 



  • প্রথমে আপনার ব্লগ সাইটে এ্যাডমিন প্যানেলে প্রবেশ করুন।
  • তার পর ড্রাপডাউন মেনু হতে "Page" অপশনটি নির্বাচন করুন।
  • সর্বশেষ পোষ্ট বাটন হতে "HTML" মুড়ে ক্লিক করুন। 
  • এবং নিচের কোডটুকু হুবাহু কপি করে পেষ্ট করুন। 




<style scoped="" type="text/css">
#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#comments {display:none;}
</style>
<div id="bp_toc" style="max-height:1200px;overflow:scroll;overflow-x:auto;">
</div>
<script src='https://googledrive.com/host/0B3jgs-7rv9eUNFdPU2RyeDZKakU' type='text/javascript'></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>



Page  এ Publish বাটনে ক্লিক করনেই হবে। ব্যস এবার আপনার কাজ শেষ।

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

আপনার ব্লগ সাইটে ব্যবহার করুন অনটাইম ফেসবুক পপআপ লাইক বক্স!!!

       Friday, April 10, 2015      ,      No comments   
বন্ধুরা আমার সালাম নিবেন। আশা নয় বিশ্বাস করি আপনারা সকলে ভাল আছেন। আর আপনাদের ভাল লাগাকে কেন্দ্র করে আমার ভিন্ন ধারার পোষ্ট। আমরা যথন অন্যে কোন ওয়েব সাইট ভিডিট করি তখন একটা বিষয় লক্ষ্য সেটা বিভিন্ন স্টাইলে ফেসবুক লাইক বক্স। কিন্তু আসলে আমরা জানি না কিভাবে আমাদের ব্লগ সাইটে ব্যবহার করা যায়। তো বন্ধুরা এই পদ্ধতি শুধুমাত্র One IP থেকে একবার মাত্র দেখতে পারেন। যাতে করে ভিজিটর গণ বিরক্ত হবেনা। তো দেখুন 


Live Demo

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

কিভাবে আপনার ব্লগে ব্যবহার করবেন।  

  • প্রথমে আপনার ব্লগার একাউন্ট লগিন করুন।
  • ড্যাশবোড হতে লেআউট নির্বাচন করুন।
  • তারপর এ্যাড এ ওয়েডগেট বাটনে ক্লিক করুন। 
  • এবার HTML/JavaScript বাটনে ক্লিক করুন এবং নিউ ইউন্ডোজ দেখতে পাবেন।
  • কনটেন্ট ঘরে নিচে কোডটুকু কপি করে পেষ্ট করুন। 
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbcontainer-bg {
background: #444444;
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#close-button {
width: 100%;
height: 100%;
}
#widget-display {
background: #FFFFFF;
padding-top:7px;
padding-left:8px;
border:5px dotted #000000;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
width: 340px;
height: 228px;
position: absolute;
top: 30%;
left: 35%;
}
#button-position {
float:right;
cursor: pointer;
position: absolute;
right: 2px;
top: 5px;
}

#button-position:before {
content: "Close";
padding: 4px 6px;
background: #000000;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Trebuchet MS;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: # BAB9B9;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key to get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_ box') != 'yes'){
$('#fbcontainer-bg').delay(3000).fadeIn('medium');
$('#button-position, #close-button').click(function(){
$('#fbcontainer-bg').stop().fadeOut('medium');
});
}
$.cookie('popup_ box', 'yes', { path: '/', expires: 6 });
});
</script>
<div id='fbcontainer-bg'>
<div id='close-button'>
</div>
<div id='widget-display'>
<div id='button-position'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/bloggingjagatbd&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://bloggingjagat.com" rel="nofollow">Blogging Jagat</a></div>
</div>
</div>
 
 
 
উপরের ব্লু কালার হতে আপনার  ফেসবুক নেম ব্যবহার করুন। ব্যস আপনার কাজ শেষ। এবার আপনারা ব্লগ সাইট ভিডিট করে দেখুন কাজ হয়েছে।

তো বন্ধুরা আপনাদের জন্য আজ এই পর্যন্ত। আল্লাহ হাফেজ।

Thursday, April 9, 2015

ফেসবুক মোবাইল মেসেঞ্জার ব্যবহার করুন আপনার ডেক্সটপ পিসির মাধ্যমে। নতুন ফিউচার

       Thursday, April 9, 2015      ,      No comments   
আমার সালাম নিবেন। দীর্ঘ সময়ের পর আমি আবার আপনাদের সাথে নতুন টিপস নিয়ে হাজির হলাম। কাজের এত ব্যস্ততার জন্য আপনাদের সাথে আগের মত নিয়মিত হতে না পারার জন্য আমি আপনাদের কাজ ক্ষমা চাইছি। বন্ধুরা আপনারা তো সকলে ফেসবুক মোবাইল মেসেঞ্জার সম্পর্কে আগ থেকে অবগত আছেন। তাই আর বিস্তারিত বলার কোন পন্থা বা উপায় দরকার নাই। এই মেসেঞ্জারটি শুধু মাত্র আপনারা বন্ধুদের সাথে চ্যার্ট করার জন্য ব্যবহার করা হয়। তো বন্ধুরা আপনারা দেখুন?










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


কিভাবে আপনারা পিনিতে ব্যবহার করবেন ফেসবুক মেসেঞ্জার।

বন্ধুরা আপনাদের সকলে উপকারে জন্য কথা না বললে নয়। এটা ব্যবহার করতে আপনাদের কোন রকম সফটওয়্যার ব্যবহার করতে হবে না। কেননা আপনারা শুধু এখান থেকে ওয়েব সাইটে প্রবেশ করবেন। এখানে যান- www.messenger.com এবং আপনারা মোবাইলের মত হুবাহু চ্যাট, ভিডিও শেয়ারিং করতে পারবেন।






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


Wednesday, April 1, 2015

ফ্রি ডাউনলোড করুন অসাধারণ একটি রিপ্সসিভ ব্লগার থীম।

       Wednesday, April 1, 2015      , , ,      No comments   
বন্ধুরা আমার সালাম নিবেন। আপনারা নিশ্চয় ভাল আছেন। আনাদের যাকে আরো মজা দিতে পারি সেই প্রত্যয় নিয়ে আমার আজকের লেখা। বন্ধুরা আজ আমি আপনাদের সাথে একটি ব্লগার Responsive Blogger Template নিয়ে হাজির হয়েছি। তো বন্ধুরা থীমটি আপনাদের সকলে পছন্দ হবেই। তো আপনারা থীমটি ধাপে ধাপে দেখতে থাকুন। 



বন্ধুরা একটি না বলেল নয় আপনারা যে থীমটির ছবি দেখতে পারছেন SEO & Responsive Tamplate করা। শুধু মাত্র আপনার ব্লগ সাইটে ব্যবহার করে মজা উপভোগ করতে থাকুন। 

থীমের সাথে কি কি থাকছে এক নজরে দেথে নিন। 


Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Mobile Version True Cek
Custom Threaded Comment True
Dynamic Heading True
2 Column True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Mini Homepage Share Button True
Sidebar Tab Widget True
Recent Post Widget True
Recent Comment Widget True
Custom 404 Page True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Sitemap Widget True Add
Contact Form Widget True Add
Well Documentation True Get

এবং থীমটি সম্পূর্ণ ভাবে CSS দিয়ে তৈরি করা।



এছাড়া থীমটির আপডেট ভার্সন থাকছে একই সাথে। তো আপনারা নিচ থেকে থীমটির আপডেট ভার্সন সংগ্রহে রাখতে পারেন।






তো বন্ধুরা আপনারা থীমটি ব্যবহার করে উপভোগ করতে থাকুন এবং আর আপনাদের জন্য নতুন কিছু টিপস প্রত্যয় নিয়ে আজকের বিদায় নিলাম। আল্লাহ হাফেজ।