CCBins

The Power and Ability of Programming

2022-10-11T02:30:00.002-07:00

The Power and Ability of Programming

The power of programming extends far beyond our imagination. The programming you are familiar with has the potential to create a new world. can create a new virtual world.

You can make a clone of your programming program. Have you seen the film Tragedy? If there is no bar to seeing it, It is possible to make a copy of itself, as in the movie. It is possible to expand your understanding of virtual reality. It is possible to achieve extraordinary results by applying newly acquired knowledge. Nothing is impossible in the world of programming.

I described one aspect of what could be done. There are thousands of other factors to consider. What has already occurred is visible. Then I attempted to speak.

Sit down on Facebook; it's made up of code. There is a lot of code working behind the scenes to display a status, picture, and so on. The length of time we keep the mouse or finger on a photo is being tracked. It also follows us on Facebook. And because they know what we're interested in, they've noticed the related add-ons in the right corner. feed of mobile news.

One of the epidemic viruses puts us to sleep in our hearts. Scientists were so preoccupied when I was attacked that they were aware of the virus. The virus's gene sequence has been published. Make the antidote now. The vaccination — Previously, these processes were time-consuming. There will be some lag. For the benefit of computers and programming, it is very simple to learn about a virus and create an antidote in a short period of time. Despite the epidemic virus, the death rate has gradually decreased.

Programming improves people's thinking abilities. Thinking entails trying something new. Make use of the fact that we have a powerful brain. Those who know programming and those who do not know programming think in different ways. Programming allows us to change the way we think.

Everyone carries some tension in their life. Do not be concerned about your career if you know how to program. Even entry-level jobs require certificates. Programming is merely a certification. Certificate of existence For that, thousands of jobs have been written by programmers.

I'm wrapping up an example from Happy and Rubel's events... It is not possible to manually see who is involved in the sample and who is not. Everyone is aware that with the assistance of computers... and computer bricks are just as happy without software. Programming is used to create software. And who is involved in the events of Happy, how many people are involved, has been discovered for the purposes of programming.

It's exciting to learn something new. Why do programming and how to investigate these topics will be appealing.What you read about, no matter how old you are, If you are enthusiastic or interested, you can begin learning. All you need is a computer. Welcome to the wonderful world of programming.

The Future of Computer Science Study

2022-10-11T02:05:00.001-07:00

The Future of Computer Science Study

Some people think that it's not rice with computer science. And for those who keep a little bit of computer science, their ideas are worth millions of taka only after reading it.

Those who don't have rice in it should say something before. Before, people would wake up and then read the magazine. Now read a newspaper online. It doesn't fall through a tab on a smartphone, laptop, or PC. They need a lot of software, no matter where they end up. As for cell phones, they are run by a system called an operating system. It has a browser inside that is used to read the magazine. All of the programs must write or code. A lot of the code is what makes the magazine load in the browser. Which were written by someone who codes computers...

Smart TVs are now TV shows. All of them have many different shows. Cameras are smart cameras. Many have a lot of things to do. Maybe smart cars won't come to our country for a while longer, but all of the ones made in advanced countries now have smart control panels. A car that drives itself By default, the software that will control it will do so.

When does the same thing happen in the hospital? All of it is digital. Everything Robots are used to do jobs that are even harder to do by hand. They have the best software to run them. Better to use it more often and more correctly. When I write everything down, I can write a few pages. Software is being used to run everything. They just got started. They still have a long way to go.

Everything will change when technology can be worn. The clothes we put on them will be able to be changed by a computer. The glasses you wear can be set up in different ways. The lens will be able to be seen and set up. You can get ideas for a lot more by going to makeit.intel.com since it has already been made. There are a lot of gikes around right now...

All of them are probably very interested in computer science. Go ahead and keep moving. You can get a new view. If someone still thinks that computer science is not rice, they must live in the 19th century.

Robots will do most of the work that people used to do. Robots will do most jobs. Hardware and software are the two parts of robots. If you know how to code, you know that software can be made, right? Any engineer who knows about hardware and computers and any doctor will be able to develop.

Again, people with millions of rupees who believe in computer science are not so common.

The whole field can be used. To solve problems, to think about something, to put it into action, to put together hardware and software, and to do what needs to be done. When you read about computer science, you will first learn a lot of theories. Then, you will be asked to do some of these theories that will be useful. To do this new thing, you have to know a lot about what the organization teaches. Practice all day and all night.

It's not that you went somewhere to learn about computer science and finally got a certificate. You need to keep your skills up-to-date. And at some point, you'll find real success. If people need to work on computer science, they can do it even if they don't know how.

If you need a certificate, there are many universities in the country that will give you one if you pay them some money. Without washing water, the certificate doesn't seem to be useful. Computer science is not something that a business needs to know. On the internet, you can find everything you need to know. You must learn on your own. There are many places to live. If there is a problem, there are a lot of people who can help. What you think about computer science doesn't matter. What does matter is how much you know about it? The main point is to use what you know. And if you know better, doing it right will lead to success for sure if you use what you know.

Google and Facebook know more about us than we know about ourselves. No one can figure out what Facebook is all about, whether I know them or not.

At some point, there will be a website or app that says, "If you do this, your life will be like this." If you do that, then that's how your life will be. No, it's not magic, but it might be based on astrology. Technology. You might be able to see something similar. And it would be great if I could see it.

Is Programming So Hard?

2022-10-10T23:27:00.001-07:00

Is Programming So Hard

Is Programming So Hard?

It's accessible to program or code. Everyone can begin. Many programmers may say a lot of different things about seriousness. However, programming is hard, and it takes a lot of intelligence to do it well. It can't be said: "Anyone can write code. To be a good programmer, you need to write good code."

Even though programming is hard, it's not true that to be a good programmer; you have to write good code.

In fact, you need to know a lot about that subject if you want to be good at anything. This is true for any subject. This is not something different from programming. There is nothing more important to do. Takes time. So it takes a while to learn how to program well. Neither more nor less. This doesn't mean, though, that programming is hard. In fact, programming is just like anything else that is easy.

At the beginning of programming, it may be clear that small mistakes are keeping the program from running. The reason for this is that my program is wrong. I don't understand what's wrong. But if you find one wrong, life and the mistake won't be a problem. So, people who do programming all the time might say that a code is wrong in this line. It won't happen in one day. One day, one of the programmers made the same mistake. And changed because of it.

Good code or programming has a lot to do with two things. One is the structure of the data. The algorithm is a second one. Data Structure is How to Keep My Data Eggs we can't keep them in any box, they break, and we need special eggs to keep them. In the same way, it is important to keep your data in both. And the data structure is where these things are learned.

It's a little more fun to do the algorithm thing. Find out how to do a job in an easy way. You can't learn it in a day. We write our first computer program. Think about it later, but you can write a better program than this. If it goes, do it. After you've done that, think again because there's a better way. Use it if it does.

Common things to write in all programs and how to make these common problems easier have been written down by mathematicians and programmers before us. That is what the algorithms are. By studying the old algorithms, we didn't learn anything new over time. If we work on a new problem that no one has worked on before, we have to come up with a new way to solve it.

There are a few more things to know besides data structures and algorithms. A software design pattern is one example of how to make my program Use a design pattern, etc.

This won't be the case on the first day. On the first day, someone can't use Monalisa to draw a canvas or color palette. On the first day, you might be able to hold a piece of canvas. If Monalisa has a color palette and a blank canvas one day, she might make something great. Programming is similar. "Hello, world!" is the first line. Then, over time, you can turn your dream into your own code for the world. One day!

Does Your Career Depends On Your Study?

2022-10-10T22:20:00.003-07:00

Does your career depend on your study

Does Your Career Depends On Your Study?

Many computer scientists believe that programming is complicated but the average of a career in other fields. As a career average, some people in other departments are programming and software engineers.

Some teachers study a lot because they teach a lot of theories. Others may be unable to keep up with things like algorithms, data structures, or software architecture if attention is not initially focused. As a result, many people believe that programming is extremely difficult to grasp.

However, other departments have been able to build good careers in learning programming despite having a good educational background. One reason is that they have completed all of the practicals. Is this code being written? Let's see what happens in a different way, and then we'll see a new output. They will continue to learn in this manner. Having fun while trying something new. Then I'd like to do more. They will continue to learn in this manner. On the contrary, based on the examination excerpts, many people believe, 'Leave the father alone; it is enough!'

Programming is actually much simpler. It is simple to write code for any topic if you change your way of thinking. If you think about how a code works, it can be done on its own. The code can then be written to write the program once in two attempts.

We still require a large number of programmers. The demand for programmers is growing by the day. Approximately 26 lakh unemployed people have read about it in the newspapers. There isn't a single programmer among them. Programmers are unemployed.

Why Should Study For A Shinning Future?

We must learn everything because the demand is increasing by the day. Their needs will never diminish as people who have studied with vigor. Instead, it will spread further ahead. Agriculture, Bioscience, Biomedical, Aerospace, and Nuclear Engineering are some other examples. The issue is that there are far fewer opportunities in our country to study these issues. We are studying things that are not only used in the name of education but are also useless. That explains why we are so unemployed. Do not keep this news about where the world is going and what the world's needs are.

We've read a lot about it. However, we can now investigate any new issues. Massive Open Online Courses, or MOOCs, allow us to learn about any issue. We now have a career, and we can gradually learn about something that will be in high demand in the future. Those who have seen the film The Matrix may recall a scene in which Neo asks Trinity, "Can you fly this helicopter?" The Trinity then says, "Not yet." The operator then instructs the pilot program to install it. He could then pilot the helicopter despite the fact that the film depicts a very quick knowledge of the subject. Although we are not particularly quick in reality, we can learn anything about online MOOC assistance. I can handle it myself. Energy is required.

Our age is gradually increasing. Our children, our children, will catch up in our house after us. We need to see if we have a younger brother who has a child if they can learn the right things, if they need futures, and if they can learn about them. They will be responsible for arranging the best education for them. If not in the country, then elsewhere. They should not be forced to sit idle while studying a simple subject, and they must take action from the school college. Just need to know where the world is going and what the increasing demands are. Everyone hopes for a bright future.

Freelancing And Programming For A Better Career

2022-10-10T21:11:00.001-07:00

Freelancing And Programming For A Better Career

As a freelancer, you can work in many different fields. Freelancing has a lot of ways to do better. One of the skills is knowing what needs to be done before. I'll say programming, but there are many other things.

Almost everything in the world now has to do with computers. Suddenly, everyone knows that the computer can't do anything by itself. Can do what they are asked to do. Programming languages are used to give instructions.

Programming can do anything we can think of and more. You will be able to make a new world with the programming you know. Can make a new online world. We use programming to play computer games, draw pictures, write in the ward, Google through an Internet browser, and make everything you see on sites like Facebook. There are many codes at work behind them.

If you know how to code, you don't have to worry about your job. Even regular jobs need certificates. And learning how to code is just a certificate. For someone who knows how to code, there are thousands of jobs online and off.

People can only be successful if they want to get something. And getting what you want is what success is. If it's going to be successful, it has to start with a strong desire or dream. If you want to make software, you will eventually be able to become a programmer or make games bigger. And to get what they want, they need to learn how to code.

When they first start learning to program, many people might be scared to see a big book. Since the book is so big, you should learn something else. So much needs to be known, etc. We'll get to why the books are so big in a bit. But this does not always happen. Remember to read a big book. Nothing has to be learned by heart. Just figure out how to write code. No grammar needs to be learned. Just know how to put it on paper.

Programming is Logic. In real life, we have Logic; such Logic They don't have to be learned by heart. Just worry about getting there. Just have to think and know how to think. For instance, "If it's Friday, don't go to school. Unless it's Friday, you have to go to school. We thought programming would be just like this, and it is. If we use Sudo code to write, then:

if day = friday, no school, do enjoy.

else = go to school.

So simple programming.

There are a lot of ways to open up programming, which is why books are so big. Since methods are used in many libraries. So only one of these is read. If you don't read, there's nothing wrong with you. It is a great way to write programs if you read them. We don't have to remember the code because we can write it down and look at it in that part of the book.

The IDE is used to write the code. With if else, we wrote a program above. Once I've written the IDEs and figured out what we're going to write, the rest of the codes write themselves. Really cool. You only have to begin once. You need to put some time into it. Here's what

To learn how to program, you only need to read and understand two chapters of the book. You can write anything else you want. Use your own imagination. And none of us can be replaced by someone else's creativity. Many of us don't know how creative we are. They have to know, and they don't close their eyes to find out.

Tell me what part of programming is the most fun. Give a real case. Let's say we want to build the world's tallest tower. Which building is the tallest? Most likely Burj Khalifa, right? The building has 163 floors. We want to build a building with 200 floors that is bigger than this one. So, to make things happen, we have to go back to the beginning. It will take a long time. If someone in the programming program has a similar program with 163 floors and we want to make a 200-floor program, we can start from the 163-floor program. From the start, there was nothing to do. How long are you going to live? Being made is a great thing. Not nice?

It's really nice to know how to code. Programming makes it easier for people to think. To think is to try something new. Use the fact that we have a strong brain to our advantage. Those who know the programming and those who don't think about it in different ways. We can change the way we think by using programming. It helps us learn to think in new ways.

There are many ways to learn how to code. Since there are so many people who want to learn how to code, they might wonder how many languages they need to learn or what they should learn.

Many languages will learn how many languages or languages they have started, and many newcomers will be spoiled. Must start with a language for programming. From the start, all of your attention will be on one language. It is simple to learn. Which one to do first is up to it, which is nice. You can start with Python or C/C++ if you don't like it. After you start, you can find out how to program, how to think logically, and how to do both. If you know about this, you can learn how to make games, mobile apps, software, and other things. Once it is known, this job will move behind the joke so that it can't be found at the end. Those who know how to code are looking for a good job. Best A Future

As a freelancer trying to make a living in the market, there are some hard things to read. I say something based on what I know.

Sometimes there isn't enough work for everyone. So how do you get angry? And sometimes I get work from all of them. Together, we have a lot of work to do. It's also important to forget to eat.

Work that is hard to do can be seen without any results. When it comes to making a payment agreement, it's a lot harder than that. Even though it's helpful, you can learn a lot from it. Sheetatai is used for more than one project.

Getting paid to work in the Marketplace is a benefit. If you can finish the job, you can get paid. So worked, the money wasn't found, and there was no such day. Feedback packs for the Marketplace are very important. If the customer is happy, you should always keep an eye on it. So sometimes they have to finish the work by listening to what the bad clients have to say. There aren't many clients who don't follow the rules. Most clients are good, though. If you do more work, you should get more money for it. Getting a bonus is the best thing you can do as a freelancer. When a client is happy at work, it often pays more than the agreed-upon fee. There will be both bad and good things. It's just a person. Independent work is the same as A good-looking carrier all the way around.

What is the Difference Between 32-bit and 64-bit ?

2022-10-10T06:33:00.000-07:00

Difference Between 32-bit and 64-bit

People who know about computers have heard of 32 bits and 64 bits. 32bit and 64bit have different processors, operating systems, software, and drivers. But many new people don't know what 32 bits and 64 bits are. The difference between what is used and what it is used for, or how many bits your computer will check and how many of them, is unknown. This is my blog post. The answers to the questions are given below.

How are 32bit and 64bit different from each other?

1. Windows security uses 64 bits more than 32 bits, and the Kernel Patch Protection is much stronger than 64 bits. A kernel is a processor, hard drive, device driver, and a mix of other software that is based on the operating system. Different kinds of kernels are used by different kinds of operating systems.

2. 64-bit If drivers don't have digital signatures, Windows can't install them. The digital sign is similar to a company's seal. When the software tries to attack or change the virus, the digital sign that can be used to capture the windows is changed. 32bit has the option to not install drivers without a digital signature, but this is not how it is set up by default. Windows 64, on the other hand, don't let Windows Signature Broken.

3. You can use 64-bit and 32-bit operating systems with a 64-bit processor. But you can only use 32 bits of a 32-bit processor. So computers with 64-bit processors will have to run Windows.

4. Some 32-bit software and drivers can be used with 64-bit Windows, but there are many problems, and it doesn't work right. However, 64-bit software or driver does not work in 32-bit Windows. This means that drivers are needed for both 64-bit and 32-bit software. Drivers are also needed for 32-bit software. Again, 16-bit programs run on 32-bit computers but not on 64-bit computers. The speed of 64-bit programs is better than that of 32-bit programs. For example, 64-bit programs don't crash or have any other problems like that.

5. Most 64-bit processors have x64, while 32-bit processors usually run at x86 speed.

6. 512MB to 4GB of RAM is usually recommended for 32 bits, while 4GB is recommended for 64 bits. It's not that much. RAM: The most important thing is that 64-bit processors and Windows will be used if you want to use 4 GB of RAM. Because 4 GB of RAM is used on 4 GB, but it is not being used. Even the most RAM, which is up to 3 GB, can't be used because the hardware can't handle it. On the other hand, 64-bit can handle more than 1GB of RAM and up to 128GB. Even though it still can't keep track of how 128GB of RAM is used, the system is still in place.

There isn't a 64-bit version of every program that needs more RAM. All of the 64-bit programs that Hollywood movies use are used. In the same way, 64-bit is the only way to handle 3D, High Powerful Graphics, and Multimedia.

No one should wonder what the difference is between 32-bit and 64-bit or 32 bits and 64 bits, which is good.

How many bits does your computer have?

As was already said, 64-bit operating systems and programs can only be used with 64-bit processors. Even though 64-bit processors, 32-bit operating systems and programs can still be used. So the question is whether it has a 32-bit or 64-bit operating system. It is said that we use 32-bit most of the time. We think 64 bits and 32 bits are the same, so we don't use either. So, 32 bits is what we found in most of the market.

Go to My Computer > Properties > General, which is what we call My Computer, to check on yourself.

System Properties or Properties. There, you can find out what operating system you are using, what version it is, and how many bits it has. You can also look at how much RAM your computer is using. If you don't see the bit, you should know you're using 32-bit. If the number is 64, it must be shown. But 32 bits might not show up in the version.

Artificial Intelligence and Machine Learning Discussion

2022-10-10T02:32:00.021-07:00

Artificial Intelligence and Machine Learning

Artificial intelligence: This is the most important topic right now and in the future.

Artificial Intelligence We call that the machine is correct. The intellect is the ability to learn and use what you've learned. Machine learning is the sum of all the machine learning that has been done. AI is the one to learn and use with each other.

In movies and science fiction, we see robots get very strong. Kill all the people. Some robots help people with their jobs. The robots' brains are made of artificial intelligence. Without AI, robots are just like common inorganic substances. Not that artificial intelligence needs robots. There are a lot of apps on our smartphones that make us feel close to people in a fake way.

Steps to Artificial Intelligence.

Programs that use AI can be broken down into three steps.

ANI, which stands for Artificial Narrow Intelligence or Weak AI ANI programs, are experts in a particular task. Since the program can play chess, that's what you should do. If he works somewhere else, he can't do anything else. As if he could play Ludu, but he can't. The program will look like you because that's how they look for younger kids who can do hard things.

AGI or Artificial General Intelligence

I: AGI is the second step in the process of making machines more intelligent. Strong AI or Human-Level AI is what people call it. At this point, the computer can think like a human, plan like a human, and solve the problem. It will also be able to adapt to a new environment just by looking at it.

The third step in artificial intelligence is ASI or Artificial Super Intelligence. Artificial superintelligence is what we'll call it when computers are smarter than people. Researchers are now worried about what would happen if the artificial superintelligence system was made and whether or not it would be good or bad for humans.

Scientists worry a lot about whether or not we will be able to handle Artificial Super Intelligence when we get there. After we get to ASI, everything will change, whether we live or die. How can all the world's forces be used to get rid of it? Maybe it won't be hard to get to other planets from Earth. The world can change.

Where are we in the process?

We are still in the phase of narrow artificial intelligence. All of the ANI programs which we use or use. Google Search Engine, Self-Driving Car, Flight Control, Nuclear Project Control, and other complicated systems. They know how to do a certain job well. They can't do anything else besides that job.

Our achievements:

Deep Blue, a chess program made by IBM, lost to a Grandmaster in 1997, which was a very smart show. Artificial Intelligence did a great job with that.

In March of this year, the board game World Championship was lost by the AlphaGo program. This is a much more significant accomplishment than the first. Because there are about 25 basic moves that can be used to get from one position to the next in chess. There are 200 moves in Gu Go. People may think that it is easy for the computer to move, but it is not. The game of chess is also a logical one. Only logic can play. But the point of the game is to play smart. People have to think the way they do.

Watson, IBM:

In 2011, IBM Watson also lost two winners of the popular quiz show Jeopardy.

So far, IBM Watson is the smartest program that has done well. It starts out by asking questions to find answers to. Two people who were born to win Jeopardy are starting to lose their way. Now, you can use IBM Watson in many places. This program can be used in many places, such as for data analysis, teaching, medical care, and so on. IBM Watson has helped doctors figure out how to treat cancer. Also, about 90% of the work that Lange Cancer nurses do is based on what IBM Watson says they should do. The best thing about this program is that it gets better the more people use it.

With the Watson API, anyone can make software that works well. But not for nothing!

Assistant to the CEO:

We have a science fiction story about a personal assistant, but now many tasks can be done with them. You will answer any of them if you ask. You can talk to the computer with products like the Amazon Echo or Google Home. as much as we've seen in science fiction movies. Even though these things have been in stories before, they are now real.

Honey-made Robot:

Humanity Robot tells us that robots in movies are just like people. The Honda ASIMO Robot is the best robot that people have made so far. Also, Boston is working with military-grade robots that can change quickly. Their robots can do a lot of work. NAO stands for Open Humanoid Robot for All. It can be set up. You can buy it by putting your own changes on it. If you set up a program like IBM Watson, Google will work the same way as Amazon Echo or Google Home.

Self-Building Robot:

Most interesting robots are ones that put themselves together. Those who saw the movie Big Hero saw the microbots. Small robots. Which one side can hold any shape? After seeing the movie a few days ago, I can see that the work is being done on a robot like that. And have done well and have. The Self Assembly Lab at MIT is making these kinds of robots. And made great microbes.

When nanotechnology improves a lot, this robot that puts itself together will be able to fix any disease in the human body. Virus virus? Microorganisms get into the blood cells and kill the viruses. There won't be anything to say about the disease.

Robots in Industry:

Not that robots will look just like humans. Robots can look like anything. Robots do a lot of work in the business world. A robot does work on everything from making cars to making chips or processors for mobile phones.

Computers that learn:

We just used ANI to solve a lot of problems. We made our lives a lot easier. We don't tell these ANI programs what to do when we make them. We give some examples. The program then made an algorithm based on that example. Then it would be best if you did the work yourself, which is the next step. This is what machine learning means.

All of the programs or robots I talked about a while ago can learn on their own. For the next two or three years, all machine learning software and apps will be used.

Premise:

Many of the premise apps have been used by us. Those who didn't use it at least got to see pictures made with it. Why are the beautiful pictures beautiful works of art? This app is built around a Deep Neural Network. What is a machine learning method? We need to use machine learning to do great things now.

The job market for machine learning:

Work up After the skill index shares every four months. Machine learning is now the most sought-after skill. Machine learning is important not just for the future but also for the present.

Where do you learn?

There are many things to find online. The site I like the most is Uydashi. There are free resources as well as resources that cost money. Get Awab Awesome Artificial Intelligence and Awesome Machine Learning are the names of two projects. There is a list of all the information about AI and machine learning. If you think that sounds easy, you can start there.

Codebox With Copy And Download Button For Blogger

2022-10-08T23:38:00.018-07:00

This post is for you if you're looking for instructions on how to add a beautiful copy, preview, and download code button feature to your blogger website.

You may be aware that using third-party plugins or code libraries to add the Code Box feature slows down the website's loading time. So read this post without hesitation; even if you are not familiar with coding, you can still add the awesome Code Box feature to your website. As long as you follow my instructions, the work will be completed with beautiful results.

Code Box With Copy And Download Button

At the time, we only used HTML, CSS, and JS. Are you annoyed by the speed of your website? Do not worry; it has no impact on the speed of your website.

You fuss about how perfectly your website functions in dark mode even though it has a dark mode feature.

Do not be concerned if you only want to change the dark mode class that we provided with your theme's dark mode class; you can easily change it by carefully following this tutorial.

Therefore, let's check out how to add a code box in Blogger without wasting any more time.

How To Create A Code Box With Copy And Download Button in Blogger?

Important!
Before we start adding XML codes, I'd suggest making a backup of your current theme. If something goes wrong, you can always fix it later.

First of all Go to your Blogger Dashboard.
On Blogger Dashboard, click Themes.
Click the arrow icon next to 'Customize' button.
Click on Edit HTML, you will be redirected to XML editing page.
Now search for the code ]]></b:skin> or /*]]>*/</style> and paste the following CSS just above to it.

/* Code Box by CCBins */ .pre{background:#f6f6f6;color:#2f3337;direction: ltr;position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto} 

.pre pre{margin:0;color:inherit;background:inherit;display:block;position:relative;font-size:13px;line-height:1.6em;border-radius:3px;padding:30px 20px 20px;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; overflow:auto;direction:ltr;white-space:pre} 

.pre.adv{border-radius:10px}

.pre.adv::before{display:none}

.pre:not(.str) .prCd{display:none}

.pre.str .prTl{display:none;}

.pre.adv pre{padding-top:60px}

.preM{position:absolute;top:0;right:0;left:0;width:100%;background: rgba(0,0,0,.04);padding:10px 10px 10px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;z-index:2}

.preT{font-size:12px;font-family: var(--fontC);line-height:1rem;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:10px;}

.preA{display:flex;gap:8px;white-space:nowrap;}

.preA button{outline:none;border:none;width:30px;height:30px;background:#d9d9d9;padding:0;margin:0;border-radius:50%;transition:border-radius .2s ease;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}

.preA button:hover{border-radius:40%;}

.preA button >svg{width:18px;height:18px;stroke:none;fill:#2e2e2e;transition: all .5s ease;}

.pre.cpd .prCp svg, .pre.pnd .prDl svg, .pre.dwn .prDl svg{animation: jiggle 1s}

.pre.cpd .prCp svg .a,.pre:not(.cpd) .prCp svg .b{opacity:0}

.pre.dwn .prDl svg .a, .pre.pnd .prDl svg .a,.pre:not(.pnd) .prDl svg .b,.pre:not(.dwn) .prDl svg .c{opacity:0}

@keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(26deg)}40%{transform:rotate(-26deg)}60%{transform:rotate(26deg)}80%{transform:rotate(-26deg)}100%{transform:rotate(0)}}

@-webkit-keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(26deg)}40%{transform:rotate(-26deg)}60%{transform:rotate(26deg)}80%{transform:rotate(-26deg)}100%{transform:rotate(0)}}

Don't forget to change .drK with your website theme dark mode class, if your theme did not have a dark mode feature then keep default!

Find the tag </body> or some template will be </body> and add the JavaScript below and above it:

<script>/*<![CDATA[*/

0<document.querySelectorAll('div.pre.nb').length&&(() => {

let preD = document.querySelectorAll('div.pre.nb');

function saveDoc(x, d, n) {

    if (n = typeof n == 'string' ? n : 'text/plain', d = typeof d == 'string' ? d : 'File_' + (new Date).getTime() + '.txt', x) {

        n = new Blob([x], {

            type: n

        });

        if (navigator.msSaveBlob) return navigator.msSaveBlob(n, d); {

            let x = window.URL.createObjectURL(n),

                c = document.createElement("a");

            c.classList.add('hidden'), c.href = x, c.download = d, document.body.appendChild(c), c.click(), c.remove(), window.URL.revokeObjectURL(x)

        }

    }

}

for (let r = 0; r < preD.length; r++) {

    let b = preD[r];

    b.classList.add('adv');

    let x = b.dataset.text || 'File_' + (new Date).getTime(),

        e = b.dataset.file || x,

        _ = b.dataset.lang || '.txt',

        m = 'undefined' !== typeof b.dataset.time ? isNaN(Number(b.dataset.time)) ? 'false' === b.dataset.time ? 0 : 10 : Number(b.dataset.time) : 10,

        c = 'undefined' === typeof b.dataset.download || b.dataset.download == 'true',

        d = 'undefined' === typeof b.dataset.copy || b.dataset.copy == 'true',

        n = 'undefined' === typeof b.dataset.view || b.dataset.view == 'true',

        a = b.querySelector('pre'),

        t = a.innerText;

    b.insertAdjacentHTML('afterbegin', "<div class='preM'><div class='preT'><span class='prTl'>" + (null == x ? '&lt;/&gt;' : x) + "</span><span class='prCd'></span></div><div class='preA'>" + (n ? '\x3C!--[ Prev' + "iew ]--><button class='prVw'><svg viewBox='0 0 24 24'><path d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/></svg></button>" : "") + (c ? "\x3C!--[ Download ]--><button class='prDl'><svg viewBox='0 0 24 24'><path class='a' d='M8 17V15H16V17H8M16 10L12 14L8 10H10.5V6H13.5V10H16M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4Z'/><path class='b' d='M13,2.03C17.73,2.5 21.5,6.25 21.95,11C22.5,16.5 18.5,21.38 13,21.93V19.93C16.64,19.5 19.5,16.61 19.96,12.97C20.5,8.58 17.39,4.59 13,4.05V2.05L13,2.03M11,2.06V4.06C9.57,4.26 8.22,4.84 7.1,5.74L5.67,4.26C7.19,3 9.05,2.25 11,2.06M4.26,5.67L5.69,7.1C4.8,8.23 4.24,9.58 4.05,11H2.05C2.25,9.04 3,7.19 4.26,5.67M2.06,13H4.06C4.24,14.42 4.81,15.77 5.69,16.9L4.27,18.33C3.03,16.81 2.26,14.96 2.06,13M7.1,18.37C8.23,19.25 9.58,19.82 11,20V22C9.04,21.79 7.18,21 5.67,19.74L7.1,18.37M12,16.5L7.5,12H11V8H13V12H16.5L12,16.5Z'/><path class='c' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M7,15H17V17H7V15M10.3,11.2L8.4,9.3L7,10.7L10.3,14L17,7.3L15.6,5.9L10.3,11.2Z'/></svg></button>" : "") + (d ? "\x3C!--[ Copy ]--><button class='prCp'><svg viewBox='0 0 24 24'><path class='a' d='M20,16V4H8V16H20M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z'/><path class='b' d='M20,16V10H22V16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H16V4H8V16H20M10.91,7.08L14,10.17L20.59,3.58L22,5L14,13L9.5,8.5L10.91,7.08M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z'/></svg></button>" : "") + '</div></di' + "v>");

    let i = b.querySelector('.prVw'),

        l = b.querySelector('.prDl'),

        f = b.querySelector('.prCp'),

        W = b.querySelector('.prCd');

    null !== i && i.addEventListener('click', () => {

        var x = '#252526';

        x = '<!DOCTYPE html><html><head><title>' + e.replace(/\./g, "").replace(/ /g, "_") + _ + "</title><meta content='width=device-width,initial-scale=1,user-scalable=1,minimum-scale=1,maximum-scale=5' name='viewport'/><meta content='" + x + "' name='theme-color'/><meta content='" + x + "' name='msapplication-navbutton-color'/><meta content='" + x + "' name='apple-mobile-web-app-status-bar-style'/><link rel='shortcut icon' type='image/png' href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2ytKJJvyxZVhBy0MeWiFJKojSTigR33J6ZxcroTM8aNg1bv-G7Zg0Czpu1t6cq7Q56PuCsmK1Q5IntwA0qdrdI9Fvnw5Otjt75r-hfVYP8ncPBdxXHHu5p8RAf67SCoSd9SqfcbTt9WPfn-OiOCU_7fucSq61kZqXRrZ0aqW7AMuvFWDPKwzUHT8nw/s320/20221002_004326.png'><style>body{min-height:100vh;background:#252526;color:#fff}*{margin:0;padding:0}html{line-height:1em;background:#1d1f21;color:#c5c8c6}pre{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;padding:20px}pre i{font-style:normal}</style></head><body><div class='pre'>" + a.outerHTML + '</div></body></html>';

        x = new Blob([x], {

            type: 'text/html'

        });

        window.navigator.msSaveOrOpenBlob ? window.navigator.msSaveOrOpenBlob(blobObject, fileName) : (x = window.URL.createObjectURL(x), window.open(x, '_blank'), window.URL.revokeObjectURL(x))

    }), 

    null !== l && l.addEventListener('click', () => {

        l.disabled = !0;

        let c = m;

        b.classList.add('pnd', 'str'), W.innerHTML = 0 !== m ? 'Please wai' + "t " + c + 's...' : 'Please wai' + 't...';

        let a = setInterval(() => {

            0 !== m && --c, 0 !== m && (W.innerHTML = 'Please wait ' + c + 's...'), c <= 0 && (clearInterval(a), setTimeout(() => {

                W.innerHTML = 'Downloading...', setTimeout(() => {

                    b.classList.remove('pnd'), b.classList.add('dwn'), saveDoc(t, e.replace(/\./g, "").replace(/ /g, "_") + '_by_The_Pro_Project' + _, 'text/plain'), W.innerHTML = 'Download started...', setTimeout(() => {

                        b.classList.remove('dwn', 'str'), l.disabled = !1

                    }, 3e3)

                }, 2e3)

            }, 1e3))

        }, 1e3)

    }), 

    null !== f && f.addEventListener('click', () => {

        var x = getSelection(),

            c = document.createRange();

        c.selectNodeContents(a), x.removeAllRanges(), x.addRange(c), document.execCommand('copy'), x.removeAllRanges(), f.disabled = !0, b.classList.add('cpd'), setTimeout(function() {

            b.classList.remove('cpd'), f.disabled = !1

        }, 3e3)

    })

}})();

/*]]>*/</script>

Save the theme.
Then go to the page/post or place where you want to add code box.
Then if you are doing this in page/post then don't forget to change Compose view to the HTML view.
Now paste the following HTML code to that place.

<div class='pre nb' data-text='typecode' data-file='filename' data-lang='fileformat' data-time='true' data-download='true' data-copy='true' data-view='true'>
  <pre>
      <!-- Code -->
  </pre>
</div>

Then Save or Publish.

Important Information:

data-text is the type of code, e.g. CSS, HTML or JavaScript
data-file is the download name of File
data-lang is the format of the file, for example: .css, .js, .html, .txt .
If it is not changed it will remember the default which is .txt
data-download is to show download button true or false
data-copy is to show copy button true or false
data-view is to show preview button true or false
data-download,data-copy, data-view these three changes are not necessary.
 Enter your code here
If you write direct html code here it won't work. You need to use HTML PARSER to change the html code

Terms of Use

Consider keeping the credits in canons so that you can appreciate our workshop.

Do not modify this post in any way. It is strictly forbidden to copy this post, the canons, or any other part of the composition without permission. However, if you do, legal action will be taken against you.

Conclusion

I hope you found this article on How to Create A Code Box With Copy and Download Code Button For Blogger useful. Please leave a comment if you have any questions or encounter any problems installing it. Share this with your musketeers. I appreciate your visit. Enjoy your day!