Posts

How to Show Your Posts on Google's First Page?

Image
Learn how to show your posts on the first page of Google search Engine by proper Search Engine Optimization.

Blogger or webmaster will not get enough organic traffic on the blog until the blog's posts are not seen on the first page of Google's results. In the case of online marketing, there is no success without organic traffic.If you can optimize Google search engine properly, it will be possible to get the first page of Google's the search results. When a blog shows its most posts on the first page of search result, the visitor will be increased at rapid speed.


Today I will discuss a very important issues. At present, more than 90% of the internet users use Google Search Engine. That's why if you can show your posts on the first page of Google search results, you will be able to make a good ranking of the blog by getting enough visitor from search engine. Here I am giving some suggestions for ranking up your blog.

Don't want to read this?? Watch t…

How to Earn Money From Youtube?

Image
Learn how to earn money from youtube easily.

There are many ways to earn from online . If you wish, you can easily earn money sitting at home. In recent times, the easiest way to earn money from online media is by uploading videos on YouTube.
You can also easily earn money from YouTube. Today I will show you how to earn money easily from YouTube.

You can make video in two ways. The first way is to create video by video camera and upload it to YouTube. The second way is that, you will edit some videos through video editors. Then you will upload the video in Youtube.
But before creating a video, one thing must be remembered that you have to make a good quality video. I mean educational or funny video.

But you can not copy any video or you can not upload any video after a little edit. Then you will get copyright strike. As a result your channel will be suspended.

But YouTube does not support their monetization feature in all countries. They support only some countri…

How To Increase Page View and Traffic Of Your Blog?

Image
Learn How to increase page views by showing different pages to Readers


It is seen in the most cases that visitors visit your blog from various sources including Search Engines, but they leave your blog after seeing a post. A reader visits your blog but there are some common reasons for not seeing other blog posts.By following a few tricks, you can increase your page views. If you do this properly , your blog will get a special value to search engine.


Follow Me on Twitter
How To Increase Page View and Traffic Of Your Blog? https://t.co/oPBrlt4yil— Code 'n science (@codensci) October 1, 2019


When a visitor leaves your blog
after seeing a post, the search engine think that there is no good quality post on your blog.
So the visitor is not staying on your blog for a long time.

Again those who are using Google AdSense on blog , increasing Page Views is an important factor.If you get more visitors on your blog your AdSense income will increase.

Don't want to read? See th…

সিএসএস এর ফ্লোট কি?

Image
ফ্লোট

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


যেভাবে একটি এলিমেন্ট ভাসে

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




উদাহরণ :--

<!DOCTYPE html>
<html>
<head>

<style>
img {
    float: right;
    margin: 0 0 10px 10px;
}
<…

সিএসএস এর ইনলাইন ব্লক কি?

Image
ইনলাইন-ব্লক

এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় অর্থাৎ যখন ব্রাউজার এর আকার পরিবর্তন করা হয়।
display প্রোপার্টি এর inline-block মান এটিকে আরও সহজ করেছে। inline-block এলিমেন্ট inline এলিমেন্ট এর মতই, কিন্তু এদের প্রসস্ততা ও উচ্চতা নির্ধারণ করা যায়।

পুরাতন পদ্ধতি অনুসারে float ব্যবহার করা অর্থাৎ floating বক্স এর পরে আমাদের clear প্রোপার্টিও নির্ধারণ করে দিতে হয়। একই কাজ display প্রোপার্টি এর inline-block মান নির্ধারণ করে দিয়েও করা যায় এবং কোন clear প্রোপার্টি এর পয়োজন হয় না।


<head>
<style>
.floating-box {
    display: inline-block;
    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #73AD21; 
}
</style>
</head>

উদাহরণ :-

 <!DOCTYPE html>
<html>
<head>

<style>
.floating-box {
    display: inline-block;
    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #73AD21; 
}

.after-box {
    border: 3p…

সিএসএস এর "এলাইন" কি? সিএসএস পার্ট -২২

Image
এলাইন [ Aline]
ওয়েব পেজের লে-আউট তৈরির ক্ষেত্রে এলাইন অত্যন্ত গুরুত্বপূর্ণ বিষয়। একটা ওয়েব পেজে ওয়েব সাইটটি কোন দিকে প্রদর্শিত হবে ডান দিকে বাম দিকে না মাঝখানে তা যেমন এলাইন করে নির্ধারণ করা হয়, এছাড়া সাইডবার নেভিগেশন বার, ফুটার, হেডার ইমেজের পজিশনও এলাইন করে নির্ধারণ করা হয়।
এলাইন করার বেশ কিছু পদ্ধতি রয়েছে। যেমনঃ

i) মার্জিন প্রোপার্টি
ii) পজিশন প্রোপার্টি
iii) ফ্লট প্রোপার্টি

মার্জিন প্রোপার্টি

যে কোন ভাল একটি ওয়েব টেমপ্লেট খেয়াল করলে দেখা যায়, টেমপ্লেটটি ব্রাউজারে প্রদর্শন করলে ঠিক মাঝখানে প্রদর্শন করে, একটা ওয়েব সাইটকে সুন্দর ভাবে প্রদর্শনের জন্য বিষয়টি খুবই গুরুত্বপূর্ণ।মার্জিন প্রোপার্টি ব্যবহার করে সেন্টার এলাইন করার মাধ্যমে এর গুরুত্বপূর্ণ কাজটি করা হয়।কোন ওয়েব সাইটকে ব্রাউজারে ঠিক মাঝখানে প্রদর্শন করার জন্য স্ট্যাইল সিটে উল্লেখ করতে হয়


, margin-left:auto; margin-right:auto; ।
<head>
<style>
.center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}
</style>
</head>



উদাহরণ :-

<!DOCTYPE html>

সিএসএস কম্বিনেটরস | সিএসএস এর পার্ট ২৩

Image
কম্বিনেটরস

CSS কম্বিনেটর সিলেক্টরগুলোর মধ্যে সম্পর্ক নির্দেশ করে। একটি সিএসএস সিলেক্টর একাধিক সিম্পল সিলেক্টর ধারণ করতে পারে। এই সিম্পল সিলেক্টরগুলোর মধ্যে আমরা একটি কম্বিনেটর যোগ করতে পারি।

CSS এ চার প্রকার কম্বিনেটর রয়েছেঃ
i) ডিসেন্ডেন্ট সিলেক্টর
ii) চাইল্ড সিলেক্টর
iii) অ্যাডজাসেন্ট সিবলিং সিলেক্টর
iv) জেনেরাল সিবলিং সিলেক্টর

নিচে এর বিস্তারিত আলোচনা করা হল--

ডিসেন্ডেন্ট সিলেক্টর

ডিসেন্ডেন্ট সিলেক্টর একটি নির্দিষ্ট এলিমেন্টের সবগুলো ডিসেন্ডেন্ট এলিমেন্টকে ম্যাচ বা সিলেক্ট করে। নিচের উদাহরণে <div> এলিমেন্টের ভিতরের সবগুলো <p> এলিমেন্টকে সিলেক্ট করা হয়েছে।


<head>
<style>
div p {
    background-color: yellow;
}
</style>
</head>
উদাহরণ :-

<!DOCTYPE html>
<html>
<head>

<style>
div p {
    background-color: yellow;
}
</style>
</head>
<body>

<div>
  <p>Paragraph 1 in the div.</p>
  <span><p>Paragraph 2 in the div.</p></span>
</div>

<p>Paragraph 3. Not in…