আপনাদের জন্য বাজারে এসেছে ওয়ালটনের নতুন সিরিজ ওয়ালটন প্রিমো জেডএক্স Smartphone?

‘বর্ন ফর শুটিং’ স্লোগান নিয়ে দেশের স্মার্টফোন বাজার মাত করতে এলো ওয়ালটন প্রিমো জেডএক্স।শুক্রবার থেকেই ক্রেতারা হাতে পাচ্ছেন এই সেট।ওয়ালটন প্লাজা ও ওয়ালটন ডিস্ট্রিবিউটর ছাড়াও রাজধানীর পান্থপথে অবস্থিত বসুন্ধরা শপিং সেন্টারে হ্যান্ডসেটটি পাওয়া যাচ্ছে বলে ওয়ালটনের এক কর্মকর্তা জানান।

বর্তমানে বিশ্বের সবচেয়ে শক্তিশালী প্রসেসর সংবলিত সর্বোচ্চ ধারণক্ষমতার হ্যান্ডসেট এটি। ইতোমধ্যে বাজারে বেশ সাড়া ফেলেছে জেডএক্স।

 

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

১৬ মেগাপিক্সেল অটোফোকাস ব্যাক ক্যামেরায় পাওয়া যাবে নিখুঁত প্রফেশনাল ছবি। ওয়ালটন জেডএক্সে আছে সর্বাধুনিক মানের ৮ মেগাপিক্সেল অটো ফোকাস ফ্রন্ট ক্যামেরা।

সেটটির ক্যামেরায় রয়েছে লারগান এম-৮ লেন্স। ৮ স্তরের এই লেন্সগুলোর সামনে স্যাফায়ার গ্লাসও থাকছে। এর কাস্টমাইজড ফ্লাশ লাইট অন্যান্য এলইডির চেয়ে শতকরা ৬০ ভাগ বেশি উজ্জ্বল আলো দেবে। এর ফলে কম আলো বা অন্ধকারেও গ্রাহকরা ছবি তুলতে পারবেন। 

এছাড়া মোবাইল ফোনসেট জগতের সবচেয়ে বড় (ওয়ান বাই ২.৩ ইঞ্চি) বিএসইআই সেন্সর থাকায় এলইডি ফ্লাশ ছাড়াও নয়েসলেস ছবি নেওয়া যায়।

আধুনিক সিএনসি (কম্পিউটার নিউমেরিক্যালি কন্ট্রোল) পদ্ধতিতে তৈরি প্রিমো জেডএক্স সেটের রয়েছে ৫.৫ ইঞ্চি ফুল এইচডি ডিসপ্লে। স্ক্রিন প্রটেক্টর হিসেবে গরিলা গ্লাস-৩ ডিসপ্লে প্যানেলকে দেবে অধিকতর সুরক্ষা। ২.২ মিলিমিটারের সরু ফ্রেম বর্ডারের কারণে সেটটিকে আকর্ষণীয় করেছে।

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

এছাড়া স্মার্টফোনটিতে রয়েছে অ্যান্ড্রয়েড ৪.২.২ সুবিধা, আছে প্রসেসিং ইউনিট ক্রেইট৪০০, ২.২ গিগাহার্টজ কোয়ালকম স্ন্যাপড্রাগন ৮০০ প্রসেসর, সর্বোচ্চ ধারণ ক্ষমতার ৩ জিবি ৠাম, ৩২ গিগাবাইটের বিশাল রম।

প্রয়োজনীয় তথ্য, ছবি, মিউজিক, অডিও, ভিডিও, অ্যাপস ইনস্টল এবং স্টোরের জন্যও রয়েছে পর্যাপ্ত জায়গা। 

উচ্চ মানের গ্রাফিক্স প্রসেসিংয়ের জন্য থাকছে অ্যাডরিনো ৩৩০ জিপিইউ। ওপেন জিএলইএস ৩.০ লাইব্রেরি থাকায় সর্বোচ্চ মানের ভিডিও গেমস খেলা যাবে।

মাল্টিমিডিয়াতে ফোরকে ভিডিও প্লেব্যাকের সঙ্গে পাওয়া যাবে ফুল এইচডি ভিডিও রেকর্ডিং, এফএম রেডিও, মিউজিক প্লেয়ারসহ নানারকম সুবিধা।

কানেকটিভিটিতে নতুন যোগ হয়েছে নেয়ার ফিল্ড কমিউনিকেশন-এনএফসি। এতে ফাইল ট্রান্সফার হবে দ্রুত। আরো আছে ডুয়েল ব্যান্ড ওয়াইফাই (২.৪ এবং ৫ গিগাহার্টজ), ইউএসবি ওটিজি এবং ব্লুটুথসহ সব ধরনের কানেকটিভিটি সুবিধা। জেডএক্সে ১০টিরও বেশি সেন্সর আছে। প্রিমো সিরিজে প্রথমবারের মতো যুক্ত হয়েছে প্রেসার সেন্সর।

এতসব অত্যাধুনিক সুযোগ-সুবিধা ভোগ করতে প্রিমো জেডএক্স ব্যবহারকারীকে সহায়তা করবে ২৭৫০ মিলি অ্যাম্পিয়ার লিথিয়াম পলিমার ব্যাটারি।

হ্যান্ডসেটটির দাম ধরা হয়েছে ৩০ হাজার ৯৯০ টাকা।

Read More

আপনার জন্ম তারিখ আপনার সম্পর্কে কী বলে জেনে নিন!!!!!!

আমরা সকলেই জানি সকল মানুষ একই ধরনের হন না। একেকজন মানুষের ব্যক্তিত্ব এবং সত্ত্বা আলাদা থেকে। যে কারণে সকলে একই রকমের চিন্তা ভাবনা করতে পারেন না বা করেন না। কিন্তু প্রশ্ন হলো কে কোন ধরনের মানুষ হবেন তা কি আগে থেকেই নির্ধারিত হয়ে যায়? মানুষের মধ্যকার আচার-আচরণ জিনগত বৈশিষ্ট্য থেকে আসে।

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

আপনার জন্ম তারিখ যদি ১, ১০, ১৯, ২৮ হয় তাহলে আপনার জন্ম সংখ্যা ১
আপনার জন্ম তারিখ যদি ২, ১১, ২০, ২৯ হয় তাহলে আপনার জন্ম সংখ্যা ২
আপনার জন্ম তারিখ যদি ৩, ১২, ২১, ৩০ হয় তাহলে আপনার জন্ম সংখ্যা ৩
আপনার জন্ম তারিখ যদি ৪, ১৩, ২২, ৩১ হয় তাহলে আপনার জন্ম সংখ্যা ৪
আপনার জন্ম তারিখ যদি ৫, ১৪, ২৩ হয় তাহলে আপনার জন্ম সংখ্যা ৫
আপনার জন্ম তারিখ যদি ৬, ১৫, ২৪ হয় তাহলে আপনার জন্ম সংখ্যা ৬
আপনার জন্ম তারিখ যদি ৭, ১৬, ২৫ হয় তাহলে আপনার জন্ম সংখ্যা ৭
আপনার জন্ম তারিখ যদি ৮, ১৭, ২৬ হয় তাহলে আপনার জন্ম সংখ্যা ৮
আপনার জন্ম তারিখ যদি ৯, ১৮, ২৭ হয় তাহলে আপনার জন্ম সংখ্যা ৯

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

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

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

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

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

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

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

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

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

Read More

আপনার ব্লগার ব্লগে কিভাবে Spinning Social Icons যোগ করবেন।

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

কিভাবে সোশাল সেযারিং কোড যক্ত করবেন?

১// আপনি আপনার প্রিয় ব্লগস্পট সাইটের ড্যাশবোর্ডে প্রবেশ করুন।

২// তার পরে আপনারা ড্রাউপডাউন মেনু হতে লেআউট নির্বাচন করনি। 

৩// নেআউট হতে আপনানরা HTML/Javascript লেখা ওয়েডটেগ নির্বাচন কর্নে। 

৪// তার পরে নিচের কোডটুকু করি করে আপনার ব্লগ সাইটে ওয়েডগেট পেষ্ট করুন। 

<style>
#wc-rotico
{
background:#ffffff;
border:1px solid #dcdcdc;
padding:10px;
box-shadow:1px 1px 4px  #dcdcdc;
-moz-box-shadow:1px 1px 4px  #dcdcdc;
-web-kit-box-shadow:1px 1px 4px  #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px  #dcdcdc;
}
#wc-rotico img{ 
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#wc-rotico img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

</style>
<div id="wc-rotico">
<a href='http://www.facebook.com/2' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-FLrQQv4zXYY/Uh3H5HMmtLI/AAAAAAAACSo/CNjUCyfZY9E/s1600/Facebook.png" /></a>
<td valign="top" width="33"><a href='https://twitter.com/' target='_blank'  rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-zsElLEeWt_s/Uh3H7UcozEI/AAAAAAAACTE/wuU-BI1CZAc/s1600/Twitter.png" /></a>
<a href='http://feeds.feedburner.com/' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-i8XfPimO5lo/Uh3H7NLikpI/AAAAAAAACTA/b81bQXaDtVM/s1600/RSS.png" /></a>
<a href='https://plus.google.com/105802694845534710685' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-aBIFDEM9KR8/Uh3H5tRMZQI/AAAAAAAACS0/z6u6L8WXFgY/s1600/Google+plus.png" /></a>
<a href="#" target='_blank' rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-YFcScg8c5M8/Uh3H5QygjhI/AAAAAAAACSs/vvGO9oPWwZs/s1600/LinkedIn.png" /></a>
</td></div>

৫// সর্ব শেষে আপনার নির্বাচন করা লেআইটটি সেভ করে বের হয়ে আসুন।

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

 

Read More

আপনার ব্লগে কিভাবে অটোমেটিকভাবে এসইও করবেন? [মেগা পোষ্ট]

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

### আপনার প্রিয় ব্লগে কিভাবে এসইও করবেন?

১// প্রথমে আপনার প্রিয় ব্লগ সাইটের ড্যাশবোর্ডে প্রবেশ করবেন।

২// তার পরে আপনার ব্লগে ড্রাপডাউন মেনু থেকে টেমপ্লেট নির্বাচন করে HTML নির্বাচন করবেন। 

৩// তার পর </body> খুজে বের করে নিচের কোড টুকু কপি করবেন এবং </body> এর উপরে পেষ্ট করবেন।

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

৪// সর্ব শেষ টেমপ্লেট সেভ করবেন। ব্যাস আপনার এখনকার শেষ।

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

Read More

ব্লগার ব্লগে CSS3 Browser Support করে দেখে নিন। [ওয়েব ডিজাইনাদের জন্য]

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

আর সিএসএস৩ ব্রাউজা সম্পর্কে বিস্তারিত জানতে এখানে ক্লিক করুন এবং বিস্তারিত দেখুন। আপনারা জেনে আরো খুশি হবো শুধু মাত্র সিএসএস৩ শেখার জন্য আলাদা একটি ওয়েব সাইট তৈরি করা হয়েছে সেটাও আমি আপনার কাজের সুবিধান্তে শেয়ার করছি। তাই সুয়োগ পেলে আপনারা সিএসএস-৩ টিউটোরিয়া সাইট হতে ঘুরে আসতে পারেন। কেননা সেখান থেকে আমাদের অনেক কিছু শেখার আছে।

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

Read More

আপনার ব্লগার ব্লগে pure CSS page loading Spinners যুক্ত করুন। [২০১৪ সালের সেরা পেজ Loading Spinner]

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

১// প্রথমে আপনার ব্লগ সাইটের ড্যাশবোর্ডে প্রবেশ করুন।
২// তার আপনার ব্লগ ড্যাশবোর্ড হতে টেমপ্লেট নির্বাচন করুন এবং Edit HTML  নির্বাচন করুন।
৩// তার পর বডি ট্যাগ থুজে আপানার বের করুন।

<body> or </body>

৪//আপনারা <body> খুজে পেলে তার উপরে নিচের কোডগুলো কপি করে পেষ্ট করুন। আর বডি ট্যাগ খুজে না পেলে </body> এর উপরে কোডগুলো কপি করে পেষ্ট করুন।

 

<div class="animation-1">
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box4"></div>
</div>

৫// CSS Code ব্যবহার করতে হবে।

]]></b:skin>

৬// ঠিক উপরে নিচের কোড গুলো কপি পেষ্ট করুন।

.animation-1
{
    width:55px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform:rotate(45deg);
}

.animation-1 div
{
    display:inline-block;
    background-color: #0088d0;
    width:25px;
    height:25px;
    margin:0;
    padding:0;
}

.animation-1 .box1
{
    -webkit-animation: animation1-box1 1.5s infinite;
    animation: animation1-box1 2s infinite;
}

.animation-1 .box2
{
    -webkit-animation: animation1-box2 1.5s infinite;
    animation: animation1-box2 2s infinite;
}

.animation-1 .box3
{
    -webkit-animation: animation1-box3 1.5s infinite;
    animation: animation1-box3 2s infinite;
}

.animation-1 .box4
{
    -webkit-animation: animation1-box4 1.5s infinite;
    animation: animation1-box4 2s infinite;
}

@keyframes animation1-box1
{
    40%
    {
        transform: translate(-25px, -25px) rotate(85deg);
    }
    50%
    {

        transform: translate(-25px, -25px) rotate(90deg);
    }
    100%
    {
        transform: translate(-0px, -0px) rotate(180deg);
    }
}


@keyframes animation1-box2
{
    40%
    {
        transform: translate(50px, -25px) rotate(85deg);
    }
    50%
    {
        transform: translate(50px, -25px) rotate(90deg);
    }
    100%
    {
        transform: translate(-0px, -0px) rotate(180deg);
    }
}

@keyframes animation1-box3
{
    40%
    {
        transform: translate(-50px, 25px) rotate(85deg);
    }
    50%
    {
        transform: translate(-50px, 25px) rotate(90deg);
    }
    100%
    {
        transform: translate(-0px, -0px) rotate(180deg);
    }
}


@keyframes animation1-box4
{
    40%
    {
        transform: translate(25px, 25px) rotate(85deg);
    }
    50%
    {
        transform: translate(25px, 25px) rotate(90deg);
    }
    100%
    {
        transform: translate(-0px, -0px) rotate(180deg);
    }
}

৭// ব্যাস আপনার কাজ শেষ এবং টেমপ্লেট সেভ দিয়ে বের হয়ে আসবেন।
তাই আজ এই পর্যন্ত। আপনার সকলে ভাল থাকুন এই  কামনা করে লেখা শেষ করলাম। আল্লাহ হাফেজ।

Read More

কিভাবে আপনার ব্লগার ব্লগে CSS3 সাইট ম্যাপ পেজ তৈরি করবেন!!!!

আমার সালাম ও শুভেচ্ছা নিবেন। আশা করি আপনারা সকলে রমজানের পড়ন্ত বিকালে আপনারা সকলে ভাল আছেন। আর তাই আমি রমজানের পড়ন্ত বিকালে হঠাৎ করে এই পোষ্টটি লিখতে বসলাম। পোষ্ট আপনারদের সকলের বুঝার জন্য বিস্তারিত লেখা চেষ্টা করছি। আপনারা আপনাদের প্রিয় ব্লগ সাইটটে কিভাবে CSS3 Style সাইট ম্যাপ পেজ তৈরি করবেন। তাহলে আর দেরি না করে এবার কাজের কথা শুরু করা যাক। তাহলে দেখুন.........

লাইভ ডেমো দেখার জন্য আপনার নিচের ছবি দেখুন

লাইভ ডেমো

কিভাবে কাজটি সম্পূর্ণ করবেন

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

৩// সর্ব শেষে নিউ পেজ নির্বাচন করবেন।

৪// HTML কোডে নিচের কোড গুলো কপি করুন।

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #15C1F9;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#15C1F9;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#15C1F9 0%,#15C1F9 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#152AF9),color-stop(1,#152AF9));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #BB15F9;-webkit-box-shadow:3px 3px 1px #BB15F9;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#BB15F9;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#EC15F9 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#EC15F9));
}
.postname li{
border-bottom: #F915BB 1px dotted;
margin-right:5px
}

</style>


<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.asobondhuaso.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>

৫// উপরের হাইলাইট কালার করা URL টি মুছে সেখানে আপনার ব্লগের URL বসান । তারপর Publish বাটনে ক্লিক করুন । ব্যাস এবার View তে ক্লিক করে দেখে আসুন কেমন হয়েছে ।

☞ আপনি চাইলে এই সাইট ম্যাপ টিকে আপনার মেনু বারেও ব্যবহার করতে পারেন ঠিক যেমন আমি ব্যবহার করছি এর জন্য আপনাকে View তে ক্লিক করে লিঙ্ক টিকে কপি করে নিতে হবে এবং সেই লিঙ্ক আপনি আপনার মেনু বারে ব্যবহার করতে পারবেন ।



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

Read More

ব্লগার ব্লগে যুক্ত করুন Stylish Note, Announce, Success and Warining Box's খুবই সহজে????

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

আপনার ব্লগ সাইটে কিভাবে সেট করবেন দেখুন!!!

১// প্রথমে আপনার ব্লগার সাইটের ড্যাশবোর্ডে প্রবেশ করুন
২// তার পরে ড্রাপ ডাউন মেনু হতে টেমপ্লেট নির্বাচন করুন।
৩// Edit HTML ক্লিক করুন।

]]></b:skin>

৪। সর্বশেষ নিচের কোডগুলো কপি করুন এবং ]]></b:skin> উপরে যুক্ত করুন।

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  }
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  }


  .message_box {
    margin:15px 0;
  }

  .note {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #FDEBA5;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhR9UmfqfKqT4fntKtXdybFuAESnRBv1YYVU94CoMuz83ssST2ut5AcfOVL4BqLFclHG0NJNH0SYfCKFgdVXAdIZ5jMgqKGmvVDXj9flERHhEUg5ADHhRV41BqHR_3HOdfJOcSgBdQrhR/s1600/thumb.png) no-repeat scroll 10px center #FEF4C8;
    padding:.5em 1em .5em 3em;
  }

  .announce {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #BEE5F8;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOfMDzOJVDtYWf0dJeW7pU_h-qDwx5-d5BCvpAax1WG8uvpOeQ2aXz3eGZN-0N9sWQpHb8sXXwix5dmE1s4s_6OTkjjwu2h1gkl_DCgO1JdkmqjPCVzPE-FtmP_ALuvRYsLS7MSnyqmU8C/s1600/speaker.png) no-repeat scroll 10px center #D7EFFB;
    padding:.5em 1em .5em 3em;
  }

  .success {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #DEF1BF;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk3cfwe-RYDHpLUVODT8UdTIrKsIjgxc1CVllqqyDx6kQoMTjPxj7c6mPodkkljssBkVVq4GcZOWHJUPmak_P2AE2VrknnIFZpKHRsG1m8NpbKvQLVR0FMitU0wAx5Re-djcQQBGUvTDJz/s1600/tick.png) no-repeat scroll 10px center #E8F6D2;
    padding:.5em 1em .5em 3em;
  }

  .warning {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #FFDBDB;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFRQ_n24u8FlWPZ-0FCxPbCeB8XYEwhgVX4tCEPb9kQGdXQfT02CWZqIXJLh8vbxHY8lO5S3a5kjJCaWUpLckk9lRCYeEFz8UrX854b_KFdkhbd1xZxx8TD8Y0gOdSdta_9mtVkx2m9xN/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;
    padding:.5em 1em .5em 3em;
  }

৫// টেমপ্লেটটি সেভ করুন।

2# Step দেখুন পোষ্টের মাঝে কিভাবে সেট করবেন স্টেপ স্টেপ :

১// প্রথমে আপনার ব্লগ পোষ্ট করার জন্য নিউ পোষ্ট নির্বাচন করুন।
২// তার পরে HTML নির্বাচন করুন।
৩// আপনার যখন যে ধরনের কোন প্রয়োজন সে কোডটুকু কপি করে পেষ্ট করুন।

Note Box :

<div class="message_box note">
  Hi, I am Mr.Noter. I'll notify your readers about the news.
</div>

Announce Box :

<div class="message_box announce">
  Mr.Annoucer is having meetup with Blogger Yard's Readers.
</div>

Success Box :

<div class="message_box success">
  Mr.Success. Never give up! A day wil come when you will catch me.
</div>

Warning Box : 

<div class="message_box warning">
  Mr.Warner. I will try my best to warn from such worst things.
</div>

ব্যস আপনার কাজ শেষ।

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

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

আল্লাহ হাফেজ।

Read More