Home About-us Privacy Policy Contact-us Services

ওয়েব ডিজাইন লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান
ওয়েব ডিজাইন লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান

কিছু প্রয়োজনীয় গেজেট নিয়ে নিন আপনার ওয়েবসাইটের জন্য

By

আসসালামু আলাইকুম। আজকে আমি আপনাদের ওয়েবসাইটে যোগ করার জন্য কিছু গেজেট নিয়ে এসেছি। এগুলো অনেক কাজে লাগে। অনেক সেবা আছে যা পেতে হলে বিভিন্ন সাইটে যেতে হয়, যেমনঃ ইউটিউব থেকে ভিডিও ডাউনলোড করা বা ইন্টারনেট স্পীড মাপা। কিন্তু এসব সেবা যদি আপনার সাইটে থাকে তাহলে তো ভিসিটরদের জন্য অনেক সুবিধা। তাই দেরী না করে গেজেটগুলি এখনি আপনার সাইটে অ্যাড করে ফেলুন।
১. ইউটিউব ডাউনলোডারঃ                                                                                                          লাইভ ডেমো
<script src="http://downloadutube.googlepages.com/ytdwid.js" type="text/javascript"></script><a href="http://technojuice.blogspot.com/2007/11/download-youtube-video-widget-blogger.html"><img alt="Download youtube Video" border="0" src="http://i197.photobucket.com/albums/aa309/technojuiceblog/blank.gif" height="5" width="5" /></a>
২. ইন্টারনেট স্পীড মিটারঃ                                                                                                          লাইভ ডেমো 
<script type="text/javascript" src="http://100widgets.com/js_data.php?id=199"></script>   
৩. আইপি ট্রেসারঃ                                                                                                                      লাইভ ডেমো 
<script src="http://100widgets.com/js_data.php?id=202" type="text/javascript"></script>
অথবা
<script src="http://100widgets.com/js_data.php?id=69" type="text/javascript"></script>
৪. লাইভ ক্রিকেট স্কোরঃ                                                                                                           লাইভ ডেমো
<script type="text/javascript">
app="www.cricwaves.com"; mo='Ext'; nt="8"; mats =''; tor =''; Width='302px'; Height='304px'; wi ='w'; co ='Ext'; ad="1";
</script>
<script type="text/javascript" src="http://www.cricwaves.com/cricket/widgets/script/scoreWidgets.js"></script>

৫. ওয়ার্ল্ড টাইমঃ                                                                                                                      লাইভ ডেমো
<script type="text/javascript" src="http://100widgets.com/js_data.php?id=174"></script>
৬. লাভ ক্যালকুলেটরঃ                                                                                                              লাইভ ডেমো
<center>
<h1>
লাভ ক্যালকুলেটর</h1>
<script language="JavaScript">
<!-- Begin
function calc() {
first = document.loveform.name1.value.toUpperCase();
firstlength = document.loveform.name1.value.length;
second = document.loveform.name2.value.toUpperCase();
secondlength = document.loveform.name2.value.length;
var LoveCount=0;
for (Count=0; Count < firstlength; Count++) {
letter1=first.substring(Count,Count+1);
if (letter1=='L') LoveCount+=2;
if (letter1=='O') LoveCount+=2;
if (letter1=='V') LoveCount+=2;
if (letter1=='E') LoveCount+=2;
if (letter1=='Y') LoveCount+=3;
if (letter1=='O') LoveCount+=1;
if (letter1=='U') LoveCount+=3;
}
for (Count=0; Count < secondlength; Count++) {
letter2=second.substring(Count,Count+1);
if (letter2=='L') LoveCount+=2;
if (letter2=='O') LoveCount+=2;
if (letter2=='V') LoveCount+=2;
if (letter2=='E') LoveCount+=2;
if (letter2=='Y') LoveCount+=3;
if (letter2=='O') LoveCount+=1;
if (letter2=='U') LoveCount+=3;
}
amount=0;
if (LoveCount> 0) amount=  5-((firstlength+secondlength)/2)
if (LoveCount> 2) amount= 10-((firstlength+secondlength)/2)
if (LoveCount> 4) amount= 20-((firstlength+secondlength)/2)
if (LoveCount> 6) amount= 30-((firstlength+secondlength)/2)
if (LoveCount> 8) amount= 40-((firstlength+secondlength)/2)
if (LoveCount>10) amount= 50-((firstlength+secondlength)/2)
if (LoveCount>12) amount= 60-((firstlength+secondlength)/2)
if (LoveCount>14) amount= 70-((firstlength+secondlength)/2)
if (LoveCount>16) amount= 80-((firstlength+secondlength)/2)
if (LoveCount>18) amount= 90-((firstlength+secondlength)/2)
if (LoveCount>20) amount=100-((firstlength+secondlength)/2)
if (LoveCount>22) amount=110-((firstlength+secondlength)/2)
if (firstlength==0 || secondlength==0) amount= "Err";
if (amount < 0) amount= 0;
if (amount >99) amount=99;
document.loveform.output.value=amount+"%";
}
//  End -->
</script>
<form name="loveform">
<input name="name1" size="20" type="text" value="Abdullah Al Mamun" /> +
<input name="name2" size="20" type="text" value="Farzana Binte Hossain" /> =
<input name="output" size="6" type="text" value="ভালবাসা মাপুন" />
<br />
<br />
<input name="calculate" onclick="calc()" type="button" value="ভালবাসা মাপুন" />
</form>
</center>


পূর্বে প্রকাশিত টিপস ওয়ার্ল্ডে     
Read More

HOSTINGER থেকে কিভাবে ফ্রী ডোমেইন এবং হোস্টিং নিবেন

By
কথা বাড়ালামনা ,নিচে আসুন
কীভাবে HOSTINGER থেকে ফ্রী ডোমেইন এবং হোস্টিং নেওয়া যায়,
তা নিয়ে একটি ভিড়িও টিউটোরিয়াল নিচে দিলাম
Youtube link
ভিড়িওটি দেখার জন্য উপরের লিংক এ ক্লিক করেন।
তাহলে দেখতে পারবেন।
এই রকম আর সুন্দর সুন্দর  টিউটোরিয়াল পেতে
এই
লিংক এ ক্লিক করেন এবং উপরের  Subscribe লিখার উপর ক্লিক করেন।
Subscribe লিখার উপর ক্লিক করলে নতুন নতুন টিউটোরিয়াল
পাবেন

Read More

সফটওয়্যার অথবা অ্যাপস বিষয়ক ব্লগের জন্য টেমপ্লেট লাগবে? Hippo Mag রেস্পন্সিভ ব্লগার টেমপ্লেট ফ্রি ডাউনলোড [File Hippo সাইটের মাস্টারকপি]

By

অনেকদিন যাবত ব্লগস্পটের টেমপ্লেট শেয়ার করিনা। যদিও প্রায়ই আমি ব্লগস্পট সংক্রান্ত পোস্টই লিখে থাকি। চোখের সামনে অনেক ব্লগার টেমপ্লেট পেলেও খুব পছন্দের কোন টেমপ্লেট পাচ্ছিনা। কিন্তু আজ আর শেয়ার না করে থাকতে পারলাম না! আজ ইন্টারনেটে ঘুরতে ঘুরতে পেয়ে গেলাম সত্যিই অসাধারন একটি টেমপ্লেট।
আমি নিশ্চিত আপনারা File Hippo নামের সফটওয়্যার ডাউনলোডের জনপ্রিয় সাইটের সাথে পরিচিত। আজকে যে টেমপ্লেটটি শেয়ার করছি তা এই File Hippo সাইটকে অনুকরন করেই বানানো হয়েছে। টেমপ্লেটটির নাম Hippo Mag Responsive Blogger Template। যেহেতু সফটওয়্যার ডাউনলোডের সাইট File Hippo কে ভিত্তি করে তৈরি হয়েছে এই ব্লগস্পট টেমপ্লেট সেহেতু টেমপ্লেটটি সফটওয়্যার বিষয়ক ব্লগের জন্যই উপযোগী। এছাড়া অ্যান্ড্রয়েড অ্যাপস ব্লগেও ব্যবহার করতে পারেন Hippo Mag টেমপ্লেটটি। এক কথায় বলব, সফটওয়্যার বা অ্যাপস বিষয়ক কোন ব্লগস্পট ব্লগ খুলতে চাচ্ছেন? তাহলে Hippo Mag ব্লগার টেমপ্লেটটি একদম পারফেক্ট।

Hippo Mag ব্লগার টেমপ্লেট ফিচারসমূহ

  • সম্পূর্ণ রেস্পন্সিভ
  • অটো ডাইনামিক ডাউনলোড লিংক
  • জনপ্রিয় এবং সর্বশেষ সফটওয়্যারগুলোর দুটি আলাদা লেয়াউট
  • অ্যাড স্পেস
  • সোশ্যাল প্রোফাইল উইডগেট
  • সার্চ বক্স
  • আরও অনেক কিছু

Hippo Mag ব্লগার টেমপ্লেট ডেমো এবং ডাউনলোড

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

ফ্রী ডোমেইন / ওয়েবসাইটঃ কিভাবে ব্লগার এ .ga, .cf, .ml, .tk, .co.cc ডোমেইন সেট আপ বা রিডাইরেক্ট করবেন ?

By
আপনি কি ব্লগার.কম এর মাধ্যমে আপনার ব্লগ পাবলিশ করছেন ?
আপনার কি মনে হচ্ছে ব্লগার এর এ লম্বা ডোমেইন নেম (ex: your-webname.blogspot.com) আপনার সাইট রেপুটেশন এর জন্য খারাপ ?
যদি আপনার উত্তর হ্যা হয়। তাহলে আপনি ঠিক জায়গায় ই এসেছেন। আমার এ পোস্টটি পড়ুন। এ টিউটোরিয়াল টির মাধ্যমে আপনি কোন টাকা ছাড়াই .ga, .cf, .ml, .tk, .co.cc ডোমেইন ফ্রী তে আপনার ব্লগার এ কনফিগার করতে পারবেন।

কেন সাইট এর জন্য কাস্টম ডোমেইন দরকারঃ

গুগল বাদে কোন সার্চইঞ্জিন ই blogspot.com এর ডোমেইন যথাযথ ভাবে লিস্টিং দেবেনা। এবং সোশ্যাল সাইটগুলোও টপ লেভেল ডোমেইন এর কাছে blogspot.com ট্যাগ কে গুরুত্ব দেয়না।
এক্ষেত্রে ব্যাক লিংক ও পাওয়া যায়না। আরও একটি কথা blogspot.com ডোমেইন চায়নাসহ কিছু ইন্টারনেট সার্ভিস প্রোভাইডার কর্তৃক ব্লকড।
তাই আমি স্টেপ By স্টেপ ইন্সট্রাকশন দিয়ে দিচ্ছি যেভাবে Freenom.com এর মাধ্যমে ফ্রী তে .ga, .tk, .cf, .ml, co.cc ডোমেইন নেয়া যায়।
ফ্রীনম কাস্টম ডোমেইন সেট আপ ইন্সট্রাকশনঃ
রেজিস্টার Freenom ডোমেইন
স্টেপ ১
Freenom.com এ যান আপনার পছন্দের ডোমেইন এর নাম লিখুন এবার Go বাটন এ ক্লিক করুন। ডোমেইন এভেইলেবল হলে আপনাকে পরবর্তী স্টেপ এ রিডাইরেক্ট করা হবে।

এখন আপনার blogspot URL এবং রেজিস্ট্রেশন এর সময় ১২ মাস দিন। এখন ফ্রীনম এ সাইন আপ করুন। এখন ইমেইল থেকে ভেরিফাই করে একাউন্ট এক্টিভ করুন।

Freenom সেটিংস অন ব্লগারঃ

স্টেপ ২
আপনার ব্লগার একাউন্ট এ লগইন করুন।
সেটিংস > পাবলিশিং অপশন এ যান। এখন Setup a 3rd party domain এ ক্লিক করুন।

এখন বক্সে আপনার ডোমেইন নেম (ex: www.yournameweb.cf) লিখুন। এখন আপনাকে আপনার ডোমেইন এর Ownership ভেরিফাই করতে হবে CNAME রেকর্ড ইন্টারিং এর মাধ্যমে।
আপনার ডোমেইন নেম Enter করার পর সেইভ বাটন এ ক্লিক করুন। এখন আপনি একটি Error সাইন দেখতে পাবেন দুটি CNAME রেকর্ড সহ ডিটেইলস ইনস্ট্রাকশনস।

ভয় পাবেন না। এটি শুধুমাত্র একটি ইন্সট্রাকশন মাত্র আপনার ডোমেইন সেট আপ এর জন্য।ডিএনএস কনফিগারেশন ইন ফ্রীনম (Freenom);স্টেপ ৩
এখন আপনার Freenom একাউন্ট এ লগইন করুন। ডোমেইন সেকশন থেকে My Domains এ যান। এতে আপনার সবগুলো ডোমেইন এর লিস্ট দেয়া আছে। এখন যে ডোমেইন টি blogger এ ইনপুট করেছিলেন সেটির Manage Domain এ ক্লিক করুন।
  • এখন Management Tools > NameServers এ যান।

  •  Use Default Name Servers এ টিক করুন > Change NameServers.

  • এবার Manage Freenom DNS অপশন এ যান DNS কনফিগার করার জন্য।

বিঃদ্রঃ এতে ১ম লাইন এ উপরের ছবির মতো A এবং 216.239.32.21 সেলেক্ট করুন। ২য়
এবং ৩য় লাইন এর জন্য ব্লগার এর সেই Error ( স্টেপ ২ ইন্সট্রাকশন ৩ ) এর দেয়া CNAME রেকর্ডস গুলো Enter করুন।
  • পরের স্টেপ এ যাবার আগে ৩০ মিনিট অথবা ১ ঘন্টা অপেক্ষা করুন। ( তবে বেশিরভাগ ক্ষেত্রেই ২ বা ৩ মিনিট এর বেশি সময় লাগেনা। তারপর Save বাটন এ ক্লিক করুন।

কাস্টম ডোমেইন সেভ করুন এবার ব্লগার এঃ

স্টেপ ৪
এখন আবার ব্লগার এ ডোমেইন সেটিংস এ যান তারপর Redirect yourwebname.cf to www.yourwebname.cf এ অপশন টিতে ☑  টিক দিন।

যদি কোন স্টেপ এ সমস্যার সম্মুখীন হন তাহলে দ্বিধা ছাড়াই জানাতে পারেন। তাই কমেন্ট করুন এবং আমাকে আপনার সাহায্য করার সুযোগ দিন।
Tags: how to park .tk to blogger, how to transfer .tk .ga .cf .ga to blogger, how to redirect freenom domain  to blogger.
Read More

ওয়েব ডিজাইন ট্রেন্ডজ ২০১৫ | আগামী বছর ওয়েব ডিজাইন চাহিদা কেমন হবে

By
ডিসেম্বর মাস শুরু হল। আর ১ টা মাস পর আসছে নতুন বছর। মানুষের চাহিদা নিয়ত পরিবর্তনশীল। আর ঠিক একই ভাবে প্রজুক্তির বিশ্বেও পরিবর্তিত হচ্ছে মানুষের চাহিদার। যত বেশি নতুন পরিবর্তন আসছে ততই বেড়ে ছলেছে ওয়েব ডিজাইনের চাহিদা। আর সেই চাহিদার প্রেক্ষিতে নিজেকে কাংখিত একজন সফল ওয়েব ডিজাইনার হিসেবে দেখতে চাইলে বা নিজের অবস্থান অটুট রাখতে চাইলে চলতে হবে পরিবর্তনের সাথে।
ওয়েব ডিজাইনের ক্ষেত্রে পরিবর্তন কয়েকবছর থেকে বেশ দ্রুতই হয়ে যাচ্ছে। গত কয়েক বছরে HTML5, CSS3, flat design, minimal design ইত্যাদি নানা নতুন নতুন শব্ধের ব্যাবহার মোটামোটি বেড়েই চলেছে অনলাইন ওয়েব ডেভেলপমেন্ট ইন্ডাস্ট্রিতে। পূর্ববর্তী পরিবর্তন গুলোকে কেন্দ্র করেই আগামি পরিবর্তন অনুমান করা যায়। আর এটাই আমার আজকের পোস্টের উদ্দেশ্য।
তো দেখে নেই কি কি পরিবর্তন হতে পারে ২০১৫ সালে ওয়েব ডিজাইনের ক্ষেত্রেঃ

রেসপন্সিভ ওয়েব ডিজাইন করেন নইলে রাস্তা মাপেন (Responsive Web Design):

Design trend 2015 Responsive
এটাই সবথেকে আলোচিত বিষয়। গত কয়েক বছরে রেসপন্সিভ ডিজাইন ট্রেন্ড দখল করে নিয়েছে পুরো ওয়েব ডিজাইন ইন্ডাস্ট্রি। ভিন্ন ভিন্ন ডিভাইসে সেই ডিভাইসের উপযোগী হয়েই প্রদর্শিত হবে একই ওয়েবপেজ, এটাই রেস্পন্সিভ ডিজাইনের মুল উদ্দেশ্য। ২০১৪ তেই মোটামুটি রেস্পন্সিভনেস বিহীন ওয়েব সাইট খুজে পাওয়া যায় না। আর প্রফেশনাল ডিজাইনার হতে গেলে তো রেস্পন্সিভনেস অত্যাবশ্যক।

ঘোস্ট বাটন অন ওয়েব ডিজাইন (Ghost Button):

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

টাইপোগ্রাফি তে বেশি মনোযোগ দিতে হবে (Typography):

ওয়েব ডিজাইন টাইপোগ্রাফি ট্রেন্ডজ ২০১৫
গুগল ফ্রন্ট এবং অন্যান্য টাইপকিটের সহজলভ্যতা এবং ব্যাবহার সহজতর হওয়ার কারনে টাইপোগ্রাফির প্রতি ওয়েব কোম্পানিগুলোর আগ্রহও বেড়েছে। সেই সাথে বেড়ে গেছে ওয়েব ডিজাইনারদের দায়িত্ব। আগে টাইপোগ্রাফির প্রতি বেশি নজর না দিলেও চলত, কিন্তু ঠিক এই মুহূর্তে বা পরবর্তী বছর  আপনি যদি টাইপোগ্রাফির প্রতি নজর না দেন তবে ওয়েব ডিজাইন ইন্ডাস্ট্রিতে টিকে থাকতে পারবেন না।

বড় এবং সুন্দর ব্যাকগ্রাউন্ড ইমেজ বা ভিডিও ব্যাকগ্রাউন্ড (Image or video background):

web design 2015
বিশেষ করে কল-টু-একশন বা এই জাতীয় কন্টেন্ট এর ব্যাকগ্রাউন্ড হিসেবে বর্তমানে সুন্দর সুন্দর ইমেজ বা লাইভ ভিডিও এর জুড়ি নেই। এমনকি এখন সাইটের হোমে উপরের দিকের যে স্লাইডার সেটাও ব্যাকগ্রাউন্ড স্টাইলে দেওয়া হয় এবং এর উপরে বিশেষ মেনু, কল-টু-একশন, ঘোস্ট বাটন বা এইজাতীয় কন্টেন্ট রাখা হয়। এইধরনের ব্যাকগ্রাউন্ডটি আগের স্ট্যাটিক এক রঙের ব্যাকগ্রাউন্ডের পরিবর্তে ব্যবহৃত হওয়ার অন্যতম কারন সাইটের ভিসিটরদের উজ্জীবিত করা এবং একঘেয়ে ভাব দূর করা। কন্টেন্ট বা পেজের টপিকের সাথে মিল রেখে ইমেজ বা ভিডিও ব্যাকগ্রাউন্ড ব্যাবহার করলে এটি অর্থবহও হয়ে উঠে। সুতরাং বুঝতেই পারছেন ২০১৫ তে এর চাহিদা বাড়বে না কমবে।

স্ক্রলিং ওভার ক্লিকিং (Scrolling over click):

scrolling over clicking web design 2015
এটি একটি অন-পেজ ক্লিক-টু-একশন ইভেন্ট। সাধারনত উপরের কন্টেন্ট সেকশনের নিছের দিকে একটা বিশেষ বাটন থাকে যেখানে ক্লিক করলে ইউজার অটো-স্ক্রল হয়ে পরবর্তী সেকশনে চলে যাবে। এর জন্য অবশ্য সাধারনত উপরের সেকশনের হাইট ব্রাউজার উইন্ডোর হাইটের থেকে কম হতে হয় অথবা বেশিরভাগ ক্ষেত্রে সমান হয়। এই ট্রেন্ড আসার অন্যতম কারন হচ্ছে ওয়েব সাইটটি মোবাইল ডিভাইসে আরও বেশি ইউজার ফ্রেন্ডলি করা। অর্থাৎ মুল উদ্দেশ্য এখানে মোবাইল ডিভাইস। এই ধরনের কাজের চাহিদাও ২০১৫ তে বাড়বে।

কার্ড স্টাইল ডিজাইন (Card Design):

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

ফ্লাট ডিজাইন অবশ্যই সম্ভাবনাময় (Flat Web Design Growing):

Flat web design 2015
ফ্লাট ডিজাইন মানে হচ্ছে এমন ধরনের ডিজাইন যেখানে কোন প্রকার ত্রিমাত্রিক ইফেক্ট থাকে না । যেমন ধরেন সেখানে কোন ধরনের গ্লোসি বাটন, অপ্রয়োজনীয় কোন শেডো ইত্যাদি থাকবে না। এটাই বর্তমান ওয়েব ডিজাইনের অন্যতম হট টপিক। বর্তমানে ফ্লাটটাইপ ছাড়া তেমন একটা ডিজাইন পাওয়া যায় না। বা পাওয়া গেলেও তা তেমন একটা বিক্রির সম্ভাবনা নেই। ২০১৫ তে এর চাহিদা ব্যাপক বাড়বে।

পারসোনালাইজ কন্টেন্ট (Personalize Content):

web design 2015
এটা অনেক আগে থেকেই প্রচলিত একটা বিষয়। তবে এই ব্যাপারটা এতোটা ওয়েব ডিজাইনের অন্তর্ভুক্ত নয়। এটি মুলত ওয়েব প্রোগ্রামারদের কাজ। কারন এর প্রধান কাজ হচ্ছে ইউজারের লোকেশন, বিহেবিওর, ব্রাউজার অথবা এক্টিভিটির ভিত্তিতে ডাটা প্রদর্শন করে। এধরনের সাইটের সবথেকে বড় উদাহরন হচ্ছে ইউটিউব। এই ধরনের ওয়েব ফাংশনালিটি দিনদিন জনপ্রিয় হচ্ছে।
এই ছিল ২০১৫ সালের সম্ভাব্য ওয়েব ডিজাইন ট্রেন্ড সম্পর্কে আমার আজকের পোস্ট। মনে রাখবেন কেন ক্লায়েন্ট আপনাকে কাজ দেবে বা কেন আপনার ডিজাইন বেশি বিক্রি হবে? একটাই কারন আপনি সবার ছেয়ে আলাদা এবং আপনার ক্যারিয়ারের সকল বিষয় সম্পর্কে আপ-টু-ডেট।
Read More

ডাউনলোড করে নিন একটি চরম সি এস এস মেনু তৈরির সফটওয়্যার

By

আসসালামু আলাইকুম কেমন আছেন
সবাই আশা করি ভালোই আছেন ,
আমিও আল্লাহর রহমতে ভালোই
আছি , যাইহোক যে কথা আজ
আপনাদের সাথে বলব
তা দেরি না করে বলেই
ফেলি কি বলেন আপনারা ? আজ
আমি আপনাদের সাথে মেনু
তৈরি করার একটি জটিল সফটওয়্যার
এর সাথে পরিচয় করিয়ে দেব
সফটওয়্যারটির নাম ? হা বলব
চলুন ..............................
সফটওয়্যারটির নাম Sothink DHTML menu
creater . এই সফটওয়্যারটি ব্যবহার
করে আপনি অনেক ধরনের মেনু
তৈরি করতে পারবেন ।

বলা যেতে পারে এটি একটি মেনু
তৈরি করার বহুরুপি সফটওয়্যার ।

সফটওয়্যারটির নাম Sothink DHTML Menu
Creator । সফটওয়্যারটি ব্যবহার
করা তেমন কোন জটিল কাজ না ,
সফটওয়্যারটি ইন্সটল করার পর ওপেন
করলেই আপনি বুঝতে পারবেন কারন
সফটওয়্যার এর মধেই সব দেয়া আছে ।

তাহলে আর
দেরি না করে সফটওয়্যারটি ডাউনলোড
করে নিন এখান থেকে ।

Read More

আসুন নিয়ে নিন আর ডিজাইন করুন মনের মত ওয়েবপেজ

By

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

সফটওয়্যারটির notepad++.যারা নতুন
ওয়েব ডিজাইন শিখা শুরু করেছেন
তাদের জন্য এই সফটওয়্যারটি গুরুত্তপূর্ণ
ভূমিকা পালন করবে । notepad ++
হলো একটি কার্যকরি ফ্রি source code
editor. ওয়েব পেইজ ডিজাইনারদের
তাদের ওয়েব পেইজ ডিজাইন
করতে কোড লিখার সময় বিভিন্ন
ধরনের সাহায়্য করে থাকে notepad +
+. উদাহরন সরুপ যে কোন Div এর উপর
ক্লিক করলে notepad ++ বলে দেয় ওই
Div টি কথায় শেষ হয়েছে | notepad ++
এডিটরটি ডাউনলোড করতে এখানে
ক্লিক করুন ।

Read More

আপনি যদি জাভাস্ক্রিপ শিখতে চান তবে এই টিউনটি আপনার জন্য

By

ওয়েব ডিজাইন শেখার ধারাবাহিকতায় এইচটিএমএল, সিএসএস শেখার পর যা শিখতে হয় তা হল জাভাস্ক্রিপ। এইচটিএমএল, সিএসএস সেখা সহজ হলেও জাভাস্ক্রিপ শিখতে গেলে আমাদের অনেক বেগ পেতে হয়। তাই আজ আপনাদের সাথে জাভাস্ক্রিপ শেখার খুব সহজ একটি ইবুক শেয়ার করছি। এই ইবুকটি দ্বারা আপনি খুব সহজেই জাভাস্ক্রিপ শিখতে পারেবন। ইবুকটিতে একদম বেসিক থেকে আলোচনা করা হয়েছে তাই নতুনদের বুঝতে কোন সমস্যা হবে না। শুধুমাত্র আপনার এইচটিএমএল, সিএসএস শেখা থাকলেই হবে, আর একটু শেখার মনমানসিকতা থাকলেই চলবে।
ইবুকের নামঃ জাভাস্ক্রিপ বাংলা ইবুক
লিখকঃ মোঃ আবদুল্লাহ আল ফারুক
ফাইল টাইপঃ পিডিএফ
ফাইল সাইজঃ ২.৩১ এমবি
প্রকাশকঃ ওয়ার্ডপ্রেস বাংলা গ্রুপ ( প্রকাশক দ্বারা সর্বসত্ত্ব সংরক্ষিত ও বিনামূল্যে বিতরণ যোগ্য )
Read More

আপনার ওয়েবসাইটের জন্য কিছু ভিসিটর widgets

By
আসসালামলাইকুম। কেমন আছেন সবাই? আশা করি ভালই আছেন। আজকে আমি দুটি ভিসিটর কাউন্টার+অনলাইনে কতজন ভিসিটর আছেন তা show করার widgets দেখাব।
১. Flag Counter: কোন কোন দেশ থেকে ভিসিটর  ভিসিট করছে তা দেখাবে। প্রথমে এখানে যান। তারপর আপনার পছন্দমত customize করুন। Get your flag counter এ ক্লিক করার পর রেজিস্টার করতে বলবে।ভয় নেই...।।কোনো স্পাম আসবে না।।

২. Radar URL: এই মুহূর্তে অনলাইনে
কতজন আছে তা দেখাবে। প্রথমে এইখানে যান।

Online Widget Simulation এ আপনার website এর ঠিকানা দিন। তারপর আপনার widget এর লোকেশন দিন। ধরি আমরা widget টি Bottom left  এ দিব। তাহলে Genarate widget code for bottom left এ ক্লিক করি। এরপর সেখানে কোড আসবে। কোডটি আপনার ওয়েবসাইটে দিলেই widget টি সক্রিয় হবে
Read More

আসুন আমারা SERVER এ সাইট হস্ট্রিং করে CPANEL কাজ করার দক্ষতা অর্জন করি.

By

আমাদের প্রত্যেকের রয়েছে
নিজস্ব চিন্তা,
ভাবনা,মতামত,রয়েছে আলাদা আলাদা
দৃষ্টি ভঙ্গী ।

এবং সে গুলো আমরা অন্যদের
সাথে প্রকাশ করতে চাই ।

ইন্টারনেট হল নিজের
অনুভূতি বা ভাবনা চিন্তা
গুলো প্রকাশের অন্যতম একটা মাধ্যম

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

ওয়েবের ব্যবহার এখন আগের
চেয়ে অনেক বেশি। যা কিনা দিন
দিন বেড়েই চলছে ।

এছাড়া রয়েছে ওয়েব
অ্যাপ্লিকেশন, ওয়েব পোর্টাল,
স্যোশাল নেটওয়ার্ক
এবং আরো নানা ধরনের ওয়েব
সম্পৃক্ত মাধ্যমেরও ব্যবহার ।
ওয়েবসাইট তৈরীর মূল এবং গুরুত্বপূর্ণ
চালিকাশক্তি হচ্ছে ওয়েব
হোস্টিং ।

আমি কয়েকটি ফ্রি ব্লগ সাইট
ঘুরে এসেছি যেমন
000webhost
freehostia
zymic
byethost
এগুলো ফ্রি হোস্ট্রিং দেয় ঠিকই
কিন্তু আপনার ডাটার কোন
সুরক্ষা দেয় না, এরা যেকোন সময়
আপনার সাইট বন্ধ
করে দিতে পারে।

আমি নিজে দেখেছি, এরা ১
সপ্তাহ বা ১০ দিন পার সাইট বন্ধ
করে দেয়।যা নির্দিষ্ট
করে বলা যাই না। এতে আপনার
সাইটের পিছনে ব্যায় করা সময়
এবং শ্রম দুটিই বিফলে চলে যায়।

এজন্য আমাদের এমন একটি সাইট
দরকার
যেখানে আমরা নিশ্চিন্তে সাইট
হোস্ট করেতে পারি।
তাই আমি অনেক কষ্ট একটি ওয়েব
সাইট পেয়েছি,
যেখানে নিশ্চিন্তে ৩০ দিনের
জন্য ওয়েব সাইট তৈরি করা যাই ।

সাইট টি হচ্ছে mylighthost
এখান কার বিশেষ সুবিধা সমুহ হল ,
১/ এখানে আপনি ৩০ দিনের জন্য
ফ্রি সাব ডোমেইন এ host
করতে পারবেন ।
২/ cPanel, ftp, Email account, sub domain
সুবিধা পাবেন ।
৩/ DISK SPACE ২ জিবি সহ মাসিক
ব্যান্ডউইডথ, ৫ GB
৪/ WordPress, Joomla, Magento
ইত্যাদি CMS খুব সহজে Install
করতে পারবেন।
৫/ নিয়মিত Database সহ পুরো সাইটের
ব্যাক আপ নিতে পারবেন।
৬/ পছন্দ মত সাব ডোমেইন
তৈরী করতে পারবেন । যেমন
yourdomain.mylighthost.com অথবা এ
ধরনের ৪ টি নাম
থেকে একটি বেচে নিতে পারেন।

যেভাবে কাজ শুরু করবেন:
প্রথমে এই ঠিকানায় যান এবং 30
days free trial এখানে যান,
Click Try it now তে ক্লিক করুন।
এখন নিচের দিকে দেখুন
লেখা আছে , I want to use a free
subdomain. এইখানে click ক্লিক করুন।
এরপর একটি Sub Domain Name পছন্দ করুন
এবং Click to Continue এ Click করুন ।
এর পর আপনি একটি From
দেখতে পাবেন, সেটি পুরন করুন।

Payment Method এ
গিয়ে যেকনো একটি Select করুন।

এবং I have read and agree to the Terms of
Service ক্লিক করে Complete Order ক্লিক
করুন।
আপনার ইমেইল চেক করুন ।

এরা আপনার ইমেইলে আপনার
প্রয়োজনীয় তথ্য পাঠিয়ে দিবে।
যদি ইমেল আপনার Indox এ না যাই
তাহলে spam folder চেক করুন।

এখানে cPanel সহ অনান্য লগিন এর
তথ্য পাওয়া যাবে ।

অথবা নিন্মে প্রদত্ত
উপায়েও cpanel এ Login করতে পারবেন।
MyLightHost এ ডুকে Login করুন,
উপরে 30 Days trial-এ আপনি Login to
Control Panel লেখাতে ক্লিক করুন।
Services à My services à View Details এ
ক্লিক করেন ।

সি প্যানেল ব্যবহার করার নিয়ম:

আপনি File Manager এ Public_html এ
আপনার তৈরি করা web data
রাখতে পারেন।

অথবা আপনি Softaculous
থেকে Wordpres, Joomla ,Drupal,
Prestasop ইত্যাদি install
দিতে পারবেন।

এ ছাড়া কোন সাহায্যের জন্য live
chat এ অথবা তাদের support center এ
যোগাযোগ করতে পারেন ।

Read More

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

By
ব্লগারের টেমপ্লেট তৈরি করার জন্য অনেকেই আগ্রহ প্রকাশ করে থাকে কিন্তু তারা জানে না আসলে ব্লগারের টেমপ্লেট ডিজাইন/ডেভেলপ করার জন্য কি কি জানা প্রয়োজন।ব্লগার দিয়ে ও অনেক ভালো মানের সাইট তৈরি করা যায় যদি সে রকম জানা থাকে।আজ আমি বলবো কি কি দক্ষতা লাগবে ব্লগারের টেমপ্লেট ডিজাইন/ডেভেলপ করার জন্য।

টেমপ্লেট ডিজাইন করার জন্য কি কি দক্ষতা লাগবেঃ

টেমপ্লেট ডিজাইন করার জন্য আপনাকে কিছু কম্পিউটার প্রোগাম জানা লাগবে।প্রোগাম ছাড়া আপনি কখনোই ব্লগারের টেমপ্লেট ডিজাইন করতে পারবেন না।আপনাকে নিচের প্রোগাম গুলো জানা লাগবে।
  • এইচটিএমএলঃ অবশ্যই এইচটিএমএল অথবা এইচটিএমএল৫ জানা লাগবে।কারন প্রতিটা সাইটের মূল প্রোগাম থাকে এইচটিএমএল।এটি ছাড়া আপনি কখনোই সাইট ডিজাইন/ডেভেলপ করতে পারবেন না।তাই প্রথমেই এইচটিএমএল শিখে নিন এটা শিখার জন্য www.w3schools.com ব্যবহার করতে পারেন।
  • সিএসএসঃ CSS or Cascading Style sheet ব্যবহার করা হয় একটা সাইটের ডিজাইন কে আকর্ষণীয় করে তোলার জন্য।সিএসএস ছাড়া কখনোই একটি সাইটকে সুন্দর করতে পারবেন না এটা ছাড়া ডিজাইন কখনোই সুন্দর হবে না।তাই এটা শিখে ফেলুন জলদি।
  • এক্সএমএলঃ যেহেতু ব্লগার পিএইচপি ল্যাঙ্গুয়েজ সাপোর্ট করে না তাই আপনাকে এক্সএমএল ব্যবহার করতে হবে।এটা সম্পর্কে আপনাকে মোটামুটি ধারনা থাকতে হবে।
  • জাভাস্ক্রিপ/জেকুয়েরিঃ বাড়তি ফিচার যোগ করার জন্য অবশ্যই এটা জানা লাগবে। এটা ছাড়া কখনোই ভালো মানের ব্লগার টেমপ্লেট ডিজাইন করা সম্ভব না।একজন প্রফেশনাল ডেভেলপার হতে হলে এ দুটো জানা থাকতেই হবে।
  • ফটোশপঃ প্রত্যেক প্রফেশনাল ডেভেলপার অথবা ডিজাইনার প্রথমে তাদের টেমপ্লেট কে ফটোশপে ডিজাইন করে তারপর এটার প্রোগামিং করে।তাই আপনাকে একজন প্রোফেশনাল ডেভেলপার অথবা ডিজাইনার হতে হলে ফটোশপের উপর ভালো দক্ষতা থাকতে হবে।

শিখবেন কোথা থেকেঃ

এত গুলো জিনিস শিখতে বললাম যে আপনাকে এবার হয়তো ভাবছেন কোথা থেকে শিখবেন এগুলো আপনাকে ভাবতে হবে না আমি আপনাকে এগুলো শিখার সাইটের নাম বলে দিচ্ছি।
  • www.w3schools.com
  • www.jquery.com
  • www.codeschool.com
  • www.lynda.com
  • www.tutsplus.com
  • www.code.org
  • www.codecademy.com
  • www.youtube.com
আশা করি লেখাটি আপনার ভালো লেগেছে।
Read More

আপনার ব্লগস্পট সাইটে গেস্ট পোস্টিং চালু করুন ২ টি সহজ উপায়ে

By
আজকের বিষয়- কিভাবে আপনার ব্লগস্পট সাইটে গেস্ট পোস্টিং চালু করবেন। SEO র ক্ষেত্রে গেস্ট পোস্টিং গুরুত্বপূর্ণ একটি টুলস। এর মাধ্যমে আপনি আপনার সাইটে অর্গানিক ভিজিটর আর ব্যাকলিঙ্ক পাবেন।
নিচে ২ টি পদ্ধতি শেয়ার করলাম। ১ম পদ্ধতিটি তাদের জন্য, যারা নতুন এবং শুধু পরিচিতদের গেস্ট পোস্টিং করতে দিতে ইচ্ছুক। ২য় পদ্ধতিটি তুলনামুলক অভিজ্ঞদের জন্য। কেননা এ পদ্ধতিতে যে কেউ আপনার সাইটে গেস্ট পোস্টিং করতে পারবে এবং এ কারনে স্প্যামিং এর সম্ভাবনা রয়েছে।
পদ্ধতি ১:
আপনার ব্লগার অ্যাকাউন্টে লগ ইন করুন। "Settings" অপশন এ যান।
"Basic" সেটিংস এর নিচের অংশে "Permissions" নামে একটি অপশন আছে যার নিচে পাবেন "Blog Authors" নামে আরেকটি অপশন। এর পাশে যে বক্সটি দেখতে পাবেন তার ঠিক নিচেই "+Add author" লেখাটিতে ক্লিক করুন।
নতুন যে বক্সটি ওপেন হবে, সেখানে যাকে গেস্ট পোস্টিং এর জন্য অনুরোধ করতে চান তার ই-মেইল অ্যাড্রেস লিখুন এবং "Invite authors" এ ক্লিক করুন। কাজ শেষ।
আপনার গেস্টের কাছে মেইল চলে যাবে এবং সে চাইলেই এখন আপনার ব্লগে লিখতে পারবে। ভয়ের কিছু নেই। শুধু লিখতেই পারবে, কোন কিছু পরিবর্তন করতে পারবে না।
পদ্ধতি ২:
আপনার ব্লগার অ্যাকাউন্টে লগ ইন করুন। অন্য একটি ট্যাব থেকে এই ওয়েবসাইটে গিয়ে রেজিস্ট্রেশন করুন। ই-মেইল ভ্যারিফিকেশান এর পর লগ ইন করুন।
এরপর ওয়েবপেজের উপরের দিকে যে ট্যাবগুলো রয়েছে সেখান থেকে "Widgets" এ ক্লিক করুন। নিচের ছবির মত একটি পেজ আসলে সেখান থেকে "Form" লেখা আইকনটিতে ক্লিক করুন।
ডিফল্ট হিসেবে Pro সার্ভিস সিলেক্ট করা থাকবে। আপনি Basic সিলেক্ট করে নিয়ে "Make Widget" বাটনে ক্লিক করবেন। নিচের মত একটি পেইজ আসবে।
এখান থেকে মনের মাধুরী মিশিয়ে Widget ডিজাইন করে "Save Widget" বাটনে ক্লিক করুন। নতুন লোড হওয়া পেইজের নিচের দিকে "Get Widget" লেখা লিঙ্ক পাবেন, যেখানে ক্লিক করা মাত্র ছোট্ট একটা বক্স ওপেন হবে। এখান থেকে "Blogger" আইকনটি সিলেক্ট করুন। তারপর "Add Widget" বাটনে ক্লিক করলেই আপনাকে Blogger অ্যাকাউন্টে রিডায়রেক্ট করা হবে। সেখান থেকে আবার "Add Widget" বাটনে ক্লিক করুন, আপনার কাজ শেষ।
এবার ব্লগ চেক করে দেখুন, গেস্ট পোস্টিং এর Widget টি চালু হয়ে গেছে। আপনার কাজ হবে দিনে একবার এই ওয়েবসাইটে আপনার অ্যাকাউন্ট থেকে Widget টির রেজাল্ট চেক করে যতগুলো ইমেইল অ্যাড্রেস পাবেন, তাদের কে পদ্ধতি ১ এর মত করে ইনভাইট করা।
সীমাবদ্ধতাঃ Basic সার্ভিস এ পাওয়া আপনার Widget টিতে একটা পিচ্চি অ্যাড ইম্বেড করা থাকবে আর এই সার্ভিস ২৮ই মার্চ, ২০১৪ সালে বন্ধ হয়ে যাবে।
সতর্কীকরণঃ এভাবে গেস্ট পোস্টিং এর ঝুঁকি হল, যে কেউ আপনার ব্লগে স্প্যাম পোস্ট করতে পারবে। তাই আপনাকে সবসময় সতর্ক থাকতে হবে। স্প্যাম পোস্ট হওয়া মাত্র সেটা রিমুভ করে Author কেও ব্লগ থেকে ডিলিট করে দিতে হবে। এছাড়া, আপনার ব্লগের সাথে অপ্রাসঙ্গিক গেস্ট পোস্ট থেকে রেহাই পেতে চাইলে, "Guest Posting Rules" নামে একটি পেইজ ব্লগে যুক্ত করে রাখতে পারেন।
Read More
Home About-us Privacy Policy Contact-us Services
Copyright © 2014 kite | All Rights Reserved. Design By Templateclue - Published By Gooyaabi Templates