Showing posts with label ব্লগার টিউটোরিয়াল. Show all posts
Showing posts with label ব্লগার টিউটোরিয়াল. Show all posts

Wednesday, April 5, 2017

Google এর Hidden Service!! এবার Google থেকে নিয়ে নিন .Com/.Net/.Org/.Net/.Biz/.Name ইত্যাদি প্রিমিয়াম ডোমেইন ১০০% ফ্রীতে!! সাথে থাকছে ফ্রীতে একটি ভার্চুয়াল Visa ক্রেডিট কার্ড!!


সবাই কেমন আছেন?? অনেকদিন পর আবার আপনাদের মাঝে ফিরে আসলাম নতুন টিউন নিয়ে। এবার আমাদের বিষয় ফ্রীতে প্রিমিয়াম ডোমেইন নিয়ে। ফ্রী ডোমেইন নিয়ে তো অনেক টিউন পড়েছেন, তবে কোনটায় হয় হোস্টিং প্যাকেজ কিনতে হবে আবার কোনটায় হয়ত আজব সব সার্ভে করতে হবে যার বেশিরভাগই ভুয়া। তবে আমি আপনাদের একদম জেনুইন ফ্রীতে ডোমেইন নেয়ার পদ্ধতি বলব। গুগুল আমাদের এই সুযোগটি দিচ্ছে। তবে এই সুযোগটি নিতে হলে আমাদের 4 টি তত্থ্য লাগবে-
  • 1. ক্রেডিট কার্ড ইনফর্মেশন। (ভয় পাবেন না। আপনার মত আমারও ক্রেডিট কার্ড নাই। তাই আমরা একটি ফ্রী ভার্চুয়াল ক্রেডিট কার্ড বানিয়ে নিব। যেটি দিয়ে সুন্দরভাবে কাজ হবে। এই ক্রেডিট কার্ড ইনফর্মেশন লাগবে শুধু ভেরিফিকেশনের জন্য। কোন টাকা লাগবে না। এই VCC (Virtual Credit Card) দিয়ে আরও অনেক কাজ করা যায়। যেমন- অনেক ওয়েবসাইটে রেজিস্ট্রেশন করতে হলে ভেরিফিকেশন প্রোসেস হিসাবে ক্রেডিড কার্ড ইনফো চায়। যা এটি দিয়ে করা যাবে। পরে একসময় এ নিয়ে বিস্তারিত বলব।)
  • 2. একটি Valid মোবাইল নম্বর। ক্রেডিট কার্ড বানানোর সময় এবং ডোমেইন রেজিস্ট্রেশন করতে লাগবে।
  • 3. একটি G-mail অ্যাকাউন্ট।
  • 4. এবং সবশেষে আপনার ঠিকানা লাগবে।
সবাই যাতে বুঝতে পারে, তাই আমি অনেক বেশী ScreenShot ব্যবহার করেছি। তাই টিউন অনেক বড় হয়ে গেছে। যা অনেককেই ঘাবড়ে দিতে পারে। আসলে ব্যপারটি খুবই সোজা। একবার শুরু করলে আপনারা নিজেই পারবেন
তাহলে আসুন শুরু করি -
  • *এবার নিচের মত একটি পেজ আসলে Phone এর ঘরে শুন্য ছাড়া আপনার মোবাইল নম্বর দিয়ে Next দিন। (যেমন- 1711987654)
  • * এবার ক্যপচা দিয়ে Call Me বাটনে চাপ দিন। তাহলে আপনার মোবাইলে একটি অটোমেটেড কল আসবে। কল রিসিভ করুন। অনেকসময় প্রথমবার কল আসার পরই কেটে যেতে পারে। সেক্ষেত্রে ১০/১৫ সেকেন্ডের মধ্যেই আবার একটি কল আসবে। যাই হোক কল আসলে রেকর্ড করা মেসেজে ইংলিশে বলবে যে- বিপ সাউন্ড এর পরে পিন কোড ঢুকাতে। সুতরাং বিপ সাউন্ড শোনার পর কিপ্যাড থেকে চার অংকের যেকোন সংখ্যা চাপুন। কিছুক্ষন পর আপনাকে থ্যাঙ্কিউ দিয়ে কল কেটে দিবে।
  • *এবার bancore.com এ ঢুকে ডান পাশের My Account এ কান্ট্রি বাংলাদেশ সিলেক্ট করে মোবাইল নম্বর দিন। তারপর একটু আগে যে পিন নম্বর ফোনে দিয়েছিলেন, সেটি দিয়ে লগিন করুন এবং আপনার নাম, ইমেইল অ্যাড্রেস দিয়ে সেভ বাটনে ক্লিক করুন।
তাহলেই নিচের মত একটি ক্রেডিট কার্ড পেয়ে যাবেন- এই কার্ডের মাঝখানে CVV লেখার পাশে দেখুন ৩ অংকের একটি সংখ্যা আছে। সেটি মনে রাখুন এটি ভবিষ্যতে আমাদের দরকার হবে।
ব্যাসক্রেডিট কার্ড বানানো শেষ! এবার আমরা ফ্রী ডোমেইন নিব-
  • * প্রথমেই আপনার জিমেইল অ্যাকাউন্টে লগিন করে রেখে দিন।
  • *এবার ব্রাউজারে নতুন একটা ট্যাব নিয়ে এই সাইটে যানএবং GET ONLINE বাটনে ক্লিক করুন।
  • *BUILD YOUR WEBSITE(60 MINS) বাটনে ক্লিক করে Create Your Website বাটনে ক্লিক করুন।
  • *নিচের মত একটা পেজ পেলে Create Your Website বাটনে ক্লিক করুন।
  • *নিচের মত কোন পেজ আসলে Accept বাটনে ক্লিক করুন।
  • *নিচের মত পেজ আসলে আপনার ডোমেইন অ্যাকাউন্টের জন্য পাসওয়ার্ড দিয়ে Terms of Service এ টিক চিহ্ন দিয়ে Continue বাটনে ক্লিক করুন।
  • *নিচের পেজ আসলে কন্টিনিউ চাপুন।
  • *নিচের মত পেজ আসলে প্রথম লিঙ্কটি নতুন ট্যাবে ওপেন করুন। নিচের মত অনেকগুলো টেমপ্লেট পাবেন। যেকোন একটি সিলেক্ট করুন।
  • *এবার Continue to Website Creator বাটনে ক্লিক করুন।
  • *SiteBuilderPlus নামে একটা পেজ আসবে। লোড হতে কিছুক্ষন সময় নিবে। পুরো পেজ লোড হলে ডানপাশের Publish বাটনে ক্লিক করুন।
  • *নিচের মত পেজ পেলে No Thanks বাটনে ক্লিক করুন। তাহলে পাবলিশ করা হয়ে যাবে।
  • *এবার প্রথম ট্যাবের ডোমেইনস এ ক্লিক করলে নিচের মত পেজ পাবেন। এখানে আপনার ওয়েবসাইটের নাম দিন Check Availability দিন। যদি ডোমেইনটি আগে কেউ না নিয়ে থাকে, তাহলে নিচের মত পেজ পাবেন। গেট ডোমেইন বাটনে ক্লিক করুন। আমি MyShahzadpur.Com ডোমেইনটি নিয়েছি।
  • *এবার নিচের মত আপনার নাম, অ্যাড্রেস, ফোন নাম্বার ইত্যাদি দিয়ে Save & Continue বাটনে ক্লিক করুন।
*এবার নিচের মত পেজ আসবে। এখানে ছবিতে দেখানো ১নং অপশন থেকে অবশ্যই টিক চিহ্ন তুলে দিতে হবে তারপর ছবির মত করে সাবমিট বাটনে ক্লিক করুন।
*নিচের মত পেজ আসলে আপনার কন্ট্যাক্ট ইনফরমেশন দিয়ে বিলিং ইনফর্মেশনে ক্রেডিট কার্ডে যে নাম দিয়েছিলেন সে নাম, কার্ড টাইপ ভিসা, কার্ড নাম্বার, এক্সপাইরি ডেট, এবং ক্রেডিট কার্ড সিকিউরিটি নাম্বার দিয়ে পারচেজ বাটনে ক্লিক করুন। এক্ষেত্রে বলে রাখা ভাল- ক্রেডিট কার্ড সিকিউরিটি নাম্বার-এ আবার আপনার পিন নম্বর দিয়েন না। এখানে ৩ অংকের CVV নাম্বার দিতে হবে। যেটি আপনাদের ক্রেডিট কার্ডের মাঝখানে দেয়া আছে।
  • *নিচের পেজটি আসলে বুঝবেন কাজ শেষ। সর্বোচ্চ ২৪ঘন্টার মধ্যে আপনার ডোমেইন রেজিস্টার করে আপনাকে নিচের মত একটি মেইল পাঠানো হবে। তাহলেই সব কাজ শেষ। আমার মেইলটি ৬ঘন্টা পর এসেছিল।
  • *ডোমেইন রেজিস্টার হওয়ার পর নিচের মত ডোমেইন কন্ট্রোল প্যানেল পাবেন।
হুমমম......সব কাজ শেষ এবার আপনি পেয়ে গেলেন আনকরা নতুন ডোমেইন ১ বছরের জন্য ফ্রীতে!! তবে এদের সার্ভিস আমার তেমন ভাল লাগে নাই। তাই অন্য কোন কোম্পানীতে আপনার ডোমেইন ট্রান্সফার করে নিতে পারেন। তবে ৬০দিন না হলে ডোমেইন ট্রান্সফার করা যায় না। তাই ৬০ দিন অপেক্ষা করুন। ফ্রী ডোমেইন ট্রান্সফার করার মত অনেক সাইট পাওয়া যায়। যেমন Crazydomains.
ডোমেইন ট্রান্সফার নিয়ে আরেকদিন টিউন করব।

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

সবাই ভাল থাকবেন।
কোন সমস্যা হলে কমেন্ট করে জানাতে পারেন

ব্লগষ্পটে হোম পেজের মত অন্য পেজ তৈরী

আসসালামু আলাইকুম। আমরা যারা নতুন কোন ব্লগ সাইট তৈরী করি তাদের বিভিন্ন সময় পেজ তৈরী করতে অসুবিধা হয়। পেজ তৈরী করলে দেখা যায় হোম পেজের মত পেজ তৈরী করতে পারি না। হোম পেজে যেমন একটি টিউন এর ৩-৪ লাইন তারপর রিড মোর থাকে অন্য পেজ গুলোতেও এমন করতে চাই কিন্তু অন্য পেজে ক্লিক করলে একটি টিউন শেষ হলে অন্যটি শুরু হয় এই ভাবে পর্যায়ক্রমে চলে আসে। আজ আমি আপনাদের এই ঝামেলা থেকে মুক্তি দেব।
কাজটি খুব সোজা আমরা যদি পেজের লিংকটিতে লেবেল এর লিংক দিয়ে দেই তাহলেই হবে। আমার ব্লগের লিংকে ক্লিক করে অথবা নিচে আমার ব্লগের লিংক থেকে ডোমো দেখে আসতে পারেন।
চলুন শুরু করা যাক, প্রথমে ব্লগটিতে লে-আউট এ ক্লিক করুন। এবার যে লেবেলটি পেজে এড করতে চান সেই লেবেলে ক্লিক করুন এবার লিংটি কপি করে নিন
SSDweee
এখন লে-আউট থেকে এডিট এ ক্লিক করে পেজ ওপশন এ যান এখান থেকে Add external link এ ক্লিক করুন
SSDdd
Page title এ আপনার যে লেবেলটি পেজ বানাতে চান সেটি লিখুন এবং Web address (URL) তে লেবেল  URL টি লিখুন।
dsdfsdsf
এখানে মনে রাখতে হবে যে অগে থেকে যদি পেজ করা থাকে তাহলে টিক তুলে দিতে হবে। এবার সেভ দিন এবং রিলোড দিন। দেখুন আপনার লেবেল টি পেজ হয়ে যাবে।

আপনার ব্লগের জন্য দৃষ্টিনন্দন একটি ফিচার ইমেজ স্লাইডার ! নিয়ে নিন আপনার ব্লগের জন্যও ।


আপনারা যারা ব্লগিং করেন তাঁরা প্রায়ই ভালো একটি ফিচার ইমেজ স্লাইডার খুঁজে থাকেন। কিন্তু সহজে মন মতো স্লাইডার খুঁজে পান না। একেকটি স্লাইডারের একেক সমস্যা আমাদের কাছে ধরা পড়ে। আজ একটি চমৎকার ইমেজ স্লাইডার সন্ধান দিচ্ছি ব্লগস্পট ব্লগের জন্য। গ্যারান্টি দিচ্ছিনা তবে বলছি, দেখুন আশা করি খারাপ লাগবেনা। এর মাধ্যমে আপনি সহজেই ব্লগে পছন্দের কিছু ইমেজ অথবা নির্বাচিত টিউনগুলো ফিচার আকারে দেখাতে পারবেন। আর প্রতিটা ইমেজ স্লাইডারের একটি বড় সমস্যা হল এইসব ইমেজ স্লাইডার গুলো চলতে কম্পিউটারে ফ্ল্যাশ সফটওয়্যার থাকতে হয়। কিন্তু অনেক সময় প্রায় ভিজিটরসের পিসিতে ফ্ল্যাশ সফটওয়্যার ইন্সটল দেয়া থাকে। এর ফলে ভিজিটরস সেইসব ফ্ল্যাশ ইমেজ স্লাইডার ফাঁকা দেখতে পায়। এই সমস্যা সমাধান করবে আজকের এই ইমেজ স্লাইডার। কারণ এই ইমেজ স্লাইডার চলতে ফ্ল্যাশ প্রয়োজন হয়না। কিন্তু এটি দেখতে ফ্লাশের মতই। এই স্লাইডশোটি জাভাস্ক্রিপ্ট এবং সিএসএস দিয়ে তৈরি। তাই ফ্লাশের ঝামেলা নেই। আপনি নিশ্চিন্তে এই আকর্ষণীয় ফিচার ইমেজ স্লাইডারটি আপনার ব্লগস্পট ব্লগে ব্যবহার করতে পারেন। প্রথমে লাইভ ডেমো দেখে নিন এখান থেকে। তারপর পছন্দ হলে তবেই আপনিও আপনার ব্লগে স্লাইডশো টি যুক্ত করুন।
  • প্রথমে ব্লগস্পট ব্লগের ড্যাশবোর্ডে লগিন করুন।
  • এখন আপনি আপনার ব্লগের যে স্থানে এই স্লাইডারটি লাগাতে চান সেখানে নিচের কোডগুলো বসান। আপনি লেয়াউট থেকেই সাধারনত এই কাজটি করতে পারবেন। কিন্ত আপনি যদি লেয়াউটে কাঙ্ক্ষিত জায়গা যেমন ব্লগ টিউনের প্রথমে তাহলে আপনাকে কষ্ট করে টেমপ্লেটের এইচটিএমএল কোডে যেয়ে স্লাইডারটি লাগাতে পারেন। তবে এর জন্য আপনাকে কিছুটা এইচটিএমএল কোড জানতে হবে। কারণ টেমপ্লেট থেকে সঠিক জায়গাটি খুঁজে বের করতে হবে আপনার এইচটিএমএল জ্ঞান দিয়ে।
1
<style type="text/css"> /* http://dimpost.com */ #sliderFrame {position:relative;width:700px;margin: 0 auto 40px;} #slider { width:700px;height:306px;/* Make it the same size as your images */ background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQbFmSMYuFzyJGi91C5n9uTxRdmg3sMwNKQWHEoOcAWDh0iFFSmP1Mp8fjFYIiUtfCVWfTMcfp24vKaZqli4tOxraikGCbhL0pjn3QkRroBferQoDOZWO8ZtckpWHbH7JhLD5YP28XHP2/s1600/loading.gif) no-repeat 50% 50%; position:relative; margin:0 auto;/*make the image slider center-aligned */ box-shadow: 0px 1px 5px #999999; } #slider img { position:absolute; border:none; display:none; } /* the link style (if an image is wrapped in a link) */ #slider a.imgLink { z-index:2; display:none;position:absolute; top:0px;left:0px;border:0;padding:0;margin:0; width:100%;height:100%; } /* Caption styles */ div.mc-caption-bg, div.mc-caption-bg2 { position:absolute; width:100%; height:auto; padding:0; left:0px; bottom:15px; z-index:3; overflow:hidden; font-size: 0; } div.mc-caption-bg { background-color:black; } div.mc-caption { font: bold 14px/20px Arial; color:#EEE; z-index:4; padding:10px 0; text-align:center; } div.mc-caption a { color:#FB0; } div.mc-caption a:hover { color:#DA0; } /* ------ built-in navigation bullets wrapper ------*/ div.navBulletsWrapper { top:320px; left:280px; /* Its position is relative to the #slider */ width:150px; background:none; padding-left:20px; position:relative; z-index:5; cursor:pointer; } /* each bullet */ div.navBulletsWrapper div { width:11px; height:11px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWTDesIISkIf2upqV5KLzDsHz5r5da21WfUpTarQWvV3Ne1n2bNkPrH8iW-3JavtrAM-dzb3SusmAsVaBjo_A96EP9BtdlUWUw5tXOuO-ZKIwm7vu4vfOsqoZocAL19YLy2ueHDap8NnJr/s1600/bullet.png) no-repeat 0 0; float:left;overflow:hidden;vertical-align:middle;cursor:pointer; margin-right:11px;/* distance between each bullet*/ _position:relative;/*IE6 hack*/ } div.navBulletsWrapper div.active {background-position:0 -11px;} .intro { bottom: 0; color: rgba(0, 0, 0, 0.2); font-size: 16px; position: absolute; right: 0; text-decoration: none; z-index: 99999; } /* --------- Others ------- */ #slider { transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); } </style> <script src="http://project.dimpost.com/image-slider/js-image-slider-1.js" type="text/javascript"></script> <script src="http://project.dimpost.com/image-slider/js-image-slider-2.js" type="text/javascript"></script> <div id="sliderFrame"> <div id="slider"> <a href="<span style="color: #ff0000;">#</span>"><img src="<span style="color: #ff0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjrhHHyatNbqk7Wuw2Yf4oj4SyKSqc0w_bo8U3_fKAQi1fMcrPik-DqTZfhFsMM_AH9fvPPmKVSsoeMbNX9cAgAygMMVAS0yzBxEDv2vgkeGdph-2knjleIUs0vWjWT2ZdfRxK3FNlMz8I/s1600/image-slider-1.jpg</span>" alt="<span style="color: #ff0000;">#htmlcaption1</span>" /></a> <a href="<span style="color: #ff0000;">#</span>"><img src="<span style="color: #ff0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFN1s0ndNmj-9X79tgwRfmpwodRFrlwzLRBFPoZ3bIqQbi8bZE2ahC9NIbG4EifvS6gds7PhL37udkVVFQdxgPiI9kB47e1xge_oWRnnvprPN7UVTI34KtlT8BEwiDPM6eOXofri35c7_K/s1600/image-slider-2.jpg</span>" alt="<span style="color: #ff0000;">Go UP!</span>" /></a> <a href="<span style="color: #ff0000;">#</span>"><img src="<span style="color: #ff0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsMfpz9wOfsOdtbtX9RusFmYEAlOUw6CO4DygmcCNhdTpnBBjpwTar10KrbwHOxJgvzE6gXLZYI1GlbvizxO3U4ySbrV9J2V2xuq2nOP76lfGSrz_NdFSCXmIpe2oyWSX2rPng-9agxDQY/s1600/image-slider-3.jpg</span>" alt="<span style="color: #ff0000;">Pure Javascript. No jQuery. No flash.</span>" /></a> <a href="<span style="color: #ff0000;">#</span>"><img src="<span style="color: #ff0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ6nLAsRtPGbru3vTBZEFBqc0JG8o6anl5ZJQ5dOA6Dl-18uno32fEmht_sd30RXYtyPvyAt14bwFLK2N2DrLD2JMOCLQP4bjyTyROP8jrPhXH_Tdah84tBMc2qO-DsB-vckK9TwQE3g3U/s1600/image-slider-4.jpg</span>" alt="<span style="color: #ff0000;">#htmlcaption2</span>" /></a> <a href="<span style="color: #ff0000;">#</span>"><img src="<span style="color: #ff0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoocnBAjPB_g2kuACkxl58Jojot-yB8t_3eGrVctLS2orN32igkGGMmh4MuxZHRLQYIprKtoW7chejPmcIBEgyGaNbAItIp-zWr3QbNYbmRuJ4P1DHhuf6eZKnTBo6iQRL_6MO175_SFzq/s1600/image-slider-5.jpg</span>" alt="<span style="color: #ff0000;">Stay Connected"</span>/></a> </div> <div id="htmlcaption1" style="display: none;"> Image Slider by <a href="http://dimpost.com/" target="_blank">DIMPost.com</a> </div> <div id="htmlcaption2" style="display: none;"> <a href="http://www.w3schools.com/css/" target="_blank">CSS</a> <a href="http://www.w3schools.com/js/default.asp" target="_blank">JavaScript</a> Rocks. </div> </div>
  • এখন স্লাইডার কোডগুলোতে আপনার ইমেজ, লিংক এবং শিরোনামগুলো পরিবর্তন করার পর Save করে দেখুন চমৎকার এই স্লাইডারটি। আপনার জন্য রয়েছে আরও একটি বোনাস টিপস। যদি স্লাইডারটি শুধুমাত্র হোমপেজে দেখাতে চান তাহলে উপরের কোডগুলোর সবার প্রথমে <b:if cond='data:blog.url == data:blog.homepageUrl'> এবং সবার শেষে </b:if> যুক্ত করে দিন। যদি ইমেজ, লিংক এবং টাইটেল পরিবর্তন করতে সমস্যা হয় তাহলে এখানে থেকে দেখে নিন সংক্ষিপ্ত টিউটোরিয়াল।