Improvment in blogs

- Centered images that are not of full width - Corrected Code in Blog - TODO: Remove BackUp Links
Prakash4844 · Sep 11, 2023 · 3217425 · 3217425
1 parent 693946b
commit 3217425
Show file tree

Hide file tree

Showing 5 changed files with 128 additions and 29 deletions.
diff --git a/content/blogs/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP.md b/content/blogs/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP.md
@@ -118,13 +118,21 @@ And Visual Studio Community will Reconfigure the Project to target the Current V
 
 **Step 9:** In Visual Studio Community, Open** the solution explorer then open the source file and you will see a bunch of files there here create a new source code file(.**cpp**)
 
-![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/Sol_Explorer.jpg)
+
+<p align=center>
+<img src="/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/Sol_Explorer.jpg">
+</p>
+<!-- ![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/Sol_Explorer.jpg) -->
 
 ![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/New_Source_File.jpg)
 
 **Step 10:** Select C++ File (.**cpp**) File. Give the new file a name(we will use “Test”), and it will be added to your project.
 
-![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/test_file.jpg)
+
+<p align=center>
+<img src="/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/test_file.jpg">
+</p>
+<!-- ![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/test_file.jpg) -->
 
 **Step 11:** Now write this code in **test.cpp** and Save the file.
 
@@ -159,7 +167,11 @@ int main()
 
 And you will see that your Program runs and a Circle is drawn on the console that opens up as shown in the screenshot.
 
-![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/Drawn_Circle.jpg)
+
+<p align=center>
+<img src="/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/Drawn_Circle.jpg">
+</p>
+<!-- ![](/images/How-to-setup-Visual-Studio-Community-for-using-graphic.h-with-CPP/media/Drawn_Circle.jpg) -->
 
 
 Now, whenever you would need to write a new code just create a new file and write code in it and run just as we did for **test.cpp**

diff --git a/...How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner.md b/...How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner.md
@@ -45,13 +45,14 @@ For this, You should use an Integrated Development Environment. This will greatl
 
 *Here you can get to know about the setup process of Visual Studio Community for C++*
 
-
-
 ## **Step-by-step instructions**
 
 Step 1 – Launch Visual Studio Community by Double clicking on its icon or ***right click/open.***
 
-![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/VSComm_Open.jpg)
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/VSComm_Open.jpg">
+</p>
+<!-- ![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/VSComm_Open.jpg) -->
 
 *Open Visual Studio community*
 
@@ -83,13 +84,20 @@ Step 5 – When Visual Studio Community Editor opens up. Look for ***Solution Ex
 
 *An Initial hello world program provided by Visual Studio community*
 
-![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Solutionexplorer.jpg)
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Solutionexplorer.jpg">
+</p>
+<!-- ![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Solutionexplorer.jpg) -->
 
 Solution explorer tab
 
 Step 6 – Create a ***new item***. By right clicking Project in ***solution explorer*** then click ***Add*** and in next option menu click on ***new item***.
 
-![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Create_a_new_item.png)
+
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Create_a_new_item.png">
+</p>
+<!-- ![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Create_a_new_item.png) -->
 
 Create a new Item 
 
@@ -136,7 +144,7 @@ int square(int num)
 
 {
 
-    return (num \* num);
+    return (num * num);
 
 }
 ```
@@ -153,23 +161,33 @@ Adding a Header File works same as how we added another CPP source file(Squre.cp
 
 Step 8 – Create a ***new item***. By right clicking Project in ***solution explorer*** then click ***Add*** and in next option menu click on ***new item***.
 
-![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Create_a_new_item.png)
+
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Create_a_new_item.png">
+</p>
+<!-- ![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Create_a_new_item.png) -->
 
 Create a new item
 
-Step 7 – This time select ***Header File (.h)*** File.
+Step 9 – This time select ***Header File (.h)*** File.
 
 Header files are commonly used with CPP (Source) code files, with the header file providing forward declarations(Prototype) for the corresponding CPP code file. Since our header file will contain a forward declaration for functions defined in *Square.cpp*, we’ll Name our new header file *Square.h*. and Click *Create* and it will be added to your project.
 
 ![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Adding_Header.jpg)
 
 Choose Header file
 
-**NOTE:** If a header file is paired with a code file (e.g. Square.h with Square.cpp), they should both have the same base name (Square).
+> **NOTE:** If a header file is paired with a code file (e.g. Square.h with Square.cpp), they should both have the same base name (Square).
+
+
 
 Also, Check in Solution explorer if it is added to your solution
 
-![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Header_Solution_explorer.jpg)
+
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Header_Solution_explorer.jpg">
+</p>
+<!-- ![](/images/How-to-use-multiple-code-files-Custom-Headers-and-Source-in-CPP-for-beginner/media/Header_Solution_explorer.jpg) -->
 
 Check if header is included in our solution
 

diff --git a/content/blogs/How-to-use-multiple-code-files-in-CPP-for-beginners.md b/content/blogs/How-to-use-multiple-code-files-in-CPP-for-beginners.md
@@ -74,13 +74,22 @@ Explorer***, its either in RHS or LHS. In ***solution explorer*** click
 of ***Source files*** and you will see a intial file that the vs code
 provides. And it will open the hello world program in editor
 
-![](/images/How-to-use-multiple-code-files-in-CPP-for-beginners/media/image5.png)
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-in-CPP-for-beginners/media/image5.png">
+</p>
+
+<!-- ![](/images/How-to-use-multiple-code-files-in-CPP-for-beginners/media/image5.png) -->
 
 Step 6 – Create a ***new item***. By right clicking Project in
 ***solution explorer*** then click ***Add*** and in next option menu
 click on ***new item***.
 
-![](/images/How-to-use-multiple-code-files-in-CPP-for-beginners/media/image6.png)
+<p align=center>
+<img src="/images/How-to-use-multiple-code-files-in-CPP-for-beginners/media/image6.png">
+</p>
+
+<!-- ![](/images/How-to-use-multiple-code-files-in-CPP-for-beginners/media/image6.png) -->
+
 
 Step 7 – Select ***C++ File (.cpp)*** File. Give the new file a name(we
 will use “square”), and it will be added to your project.
@@ -123,7 +132,7 @@ int square(int num)
 
 {
 
-  return (num \* num);
+  return (num * num);
 
 }
 ```

diff --git a/content/blogs/Learn-to-use-Google-part-1.md b/content/blogs/Learn-to-use-Google-part-1.md
@@ -42,48 +42,94 @@ When you're deciding what words to put in the search box, try to choose words th
 
 simply saying `my head hurts` won't yield anything specific.
 
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip2.png" alt="Tip 2">
+</br> </br>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip2-1.png", alt="Tip 2-1">
+</p>
+
+<!-- 
+
 ![Tip 2](/images/Learn-to-use-Google-part-1/media/Tip2.png)
 
-![Tip 2-1](/images/Learn-to-use-Google-part-1/media/Tip2-1.png)
+![Tip 2-1](/images/Learn-to-use-Google-part-1/media/Tip2-1.png) 
+
+-->
 
 **Tip 3: Don’t worry about the little things**
 
 Spelling: Google's spell checker automatically uses the most common spelling of a given word, whether or not you spell it correctly. 
 
-![Tip 3](/images/Learn-to-use-Google-part-1/media/Tip3.png)
+<!-- ![Tip 3](/images/Learn-to-use-Google-part-1/media/Tip3.png) -->
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip3.png" alt="Tip 3">
+</p>
 
 Capitalization: A search for New York Times is the same as a search for new york times.
 
-![Tip 3-1](/images/Learn-to-use-Google-part-1/media/Tip3-1.png)
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip3-1.png" alt="Tip 3-1">
+</br> </br>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip3-1-1.png", alt="Tip 3-1-1">
+</p>
+
+<!-- ![Tip 3-1](/images/Learn-to-use-Google-part-1/media/Tip3-1.png)
 
-![Tip 3-1-1](/images/Learn-to-use-Google-part-1/media/Tip3-1-1.png)
+![Tip 3-1-1](/images/Learn-to-use-Google-part-1/media/Tip3-1-1.png) -->
 
 **Tip 4: Find quick answers**
 
+
 For many searches, Google will do the work for you and show an answer to your question in the search results. Some features, like information about sports teams, aren't available in all regions. 
 
 1. Weather: Search `weather` to see the weather in your location or add a city name, like - `weather seattle`, to find weather for a certain place.
 
-![Tip 4-1](/images/Learn-to-use-Google-part-1/media/Tip4-1.png)
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip4-1.png" alt="Tip 4-1">
+</br> </br>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip4-1-1.png", alt="Tip 4-1-1">
+</p>
+<!-- ![Tip 4-1](/images/Learn-to-use-Google-part-1/media/Tip4-1.png) -->
 
-![Tip 4-1-1](/images/Learn-to-use-Google-part-1/media/Tip4-1-1.png)
+<!-- ![Tip 4-1-1](/images/Learn-to-use-Google-part-1/media/Tip4-1-1.png) -->
 
 
 2. Dictionary: Put `define` in front of any word to see its definition. 
 
-![Tip 4-2](/images/Learn-to-use-Google-part-1/media/Tip4-2.png)
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip4-2.png" alt="Tip 4-2">
+</p>
+
+<!-- ![Tip 4-2](/images/Learn-to-use-Google-part-1/media/Tip4-2.png) -->
 
 3. Calculations: Enter a math equation like `3*9123`, or solve complex graphing equations.
 
-![Tip 4-3](/images/Learn-to-use-Google-part-1/media/Tip4-3.png)
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip4-3.png" alt="Tip 4-3">
+</p>
+
+<!-- ![Tip 4-3](/images/Learn-to-use-Google-part-1/media/Tip4-3.png) -->
 
 4. Unit conversions: Enter any conversion, like `3 dollars in euros`.
 
-![Tip 4-4](/images/Learn-to-use-Google-part-1/media/Tip4-4.png)
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip4-4.png" alt="Tip 4-4">
+</p>
+
+<!-- ![Tip 4-4](/images/Learn-to-use-Google-part-1/media/Tip4-4.png) -->
 
 5. Sports: Search for the name of your team to see a schedule, game scores and more. 
 
-![Tip 4-5](/images/Learn-to-use-Google-part-1/media/Tip4-5.png)
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-1/media/Tip4-5.png" alt="Tip 4-5">
+</p>
+
+<!-- ![Tip 4-5](/images/Learn-to-use-Google-part-1/media/Tip4-5.png) -->
 
 6. Quick facts: Search for the name of a celebrity, location, movie, or song to find related information. 
 

diff --git a/content/blogs/Learn-to-use-Google-part-2.md b/content/blogs/Learn-to-use-Google-part-2.md
@@ -151,13 +151,22 @@ You can track (most) packages in your search bar. Just paste the tracking number
 
 No more Wondering where that delivery has gone? 
 
-![Tip 4](/images/Learn-to-use-Google-part-2/media/Tip4.webp)
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-2/media/Tip4.webp" alt="Tip 4">
+</p>
+
+<!-- ![Tip 4](/images/Learn-to-use-Google-part-2/media/Tip4.webp) -->
 
 ### **Tip 5. Spell out absurd Numbers**
 
 How do you spell out 200,845,106,052? Google can tell you if you search `[number]=english`. A card will show you that it's two hundred billion eight hundred forty-five million one hundred six thousand fifty-two.
 
-![Tip 5](/images/Learn-to-use-Google-part-2/media/Tip5.webp)
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-2/media/Tip5.webp" alt="Tip 5">
+</p>
+<!-- ![Tip 5](/images/Learn-to-use-Google-part-2/media/Tip5.webp) -->
 
 ### **BONUS TIP: Some FUN things | Easter Eggs**
 
@@ -181,7 +190,12 @@ there are a number of search-related Easter eggs. Here are a few words or phrase
   - `Super Mario. Bros. 1985`: An animated sprite of a coin block will appear in the search card. Click it to grab a coin.
   - `Webdriver torso`: The Google logo will turn into colored blocks.
 
-![Fun](/images/Learn-to-use-Google-part-2/media/Fun.webp)
+
+<p align=center>
+<img src="/images/Learn-to-use-Google-part-2/media/Fun.webp" alt="Fun">
+</p>
+
+<!-- ![Fun](/images/Learn-to-use-Google-part-2/media/Fun.webp) -->
 
 
 ### **Conclusion**