TechnoWorld-टेक्नो वर्ल्ड

DOS COMMANDS

2026-06-03T21:04:13.884+05:30

#	Command / Key	Purpose

The net accounts command is used to view or configure account security policies for local user accounts on a Windows computer Changing settings with net accounts requires running Command Prompt as Administrator. Regular users can typically view settings but cannot modify them.

To see a particular wifi profile credentials- netsh wlan show profile "seeker" key=clear

How to format your messages over Whatsapp web

2025-05-03T18:13:00.003+05:30

WhatsApp allows you to format text inside your messages. Please note, there’s no option to disable this feature.

Note: New text formatting is only available on Web and Mac desktop.

Italic

To italicize your message, place an underscore on both sides of the text:

_text_

Bold

To bold your message, place an asterisk on both sides of the text:

*text*

Strikethrough

To ~~strikethrough~~ your message, place a tilde on both sides of the text:

~text~

Monospace

To monospace your message, place three backticks on both sides of the text:

```text```

Bulleted list

To add a bulleted list to your message, place an asterisk or hyphen and a space before each word or sentence:

* text

- text

Numbered list

To add a numbered list to your message, place a number, period, and space before each line of text:

1. text

2. text

Quote

To add a quote to your message, place an angle bracket and space before the text:

> text

Inline code

To add inline code to your message, place a backtick on both sides of the message:

`text`

Phishing Links, their Common Characteristics & Identification

2025-01-09T21:00:00.003+05:30

What is a Phishing Link?

A phishing link is designed to look legitimate but redirects you to a malicious website intended to steal sensitive information, such as usernames, passwords, or credit card details.

Common Characteristics of Phishing Links

Phishing links often:

Mimic legitimate URLs: They may look like real websites but have subtle changes, such as extra characters or different domain endings (e.g., "example.com" vs. "examp1e.com").
Use shortened URLs: Attackers often use URL shorteners (e.g., bit.ly) to disguise the malicious link.
Contain urgent or alarming messages: For example, “Your account will be locked! Click here to verify.”

How to Identify Phishing Links

Hover Over the Link:
- Without clicking, hover your cursor over the link to see the actual URL.
- Look for discrepancies, like misspelled domain names or suspicious subdomains.
Inspect the Email/Message:
- Check for spelling errors, generic greetings, or requests for sensitive information.
- Legitimate companies rarely ask for personal information via email.
Check the SSL Certificate:
- Look for "https://" in the URL. However, a secure connection doesn't guarantee the site is legitimate—it just means the data is encrypted.
Use Link Scanners:
- Websites like VirusTotal or URLVoid allow you to paste a link and check if it's malicious.
  Protecting Yourself and Others
- Educate yourself and others about phishing tactics.
- Enable multi-factor authentication (MFA): This provides an extra layer of security.
- Use security software to detect and
Phishers use various techniques to hide the actual malicious link and make it appear legitimate to trick users. Here are the most common methods they employ, along with explanations:
1. URL Shorteners
Phishers use services like Bitly or TinyURL to create shortened links that mask the actual destination. For example:
Original link: http://malicious-site.com/steal-data
Shortened link: http://bit.ly/3aBcDeF

How to detect:

Use a URL expander service like CheckShortURL to reveal the actual link.
. HTML Link Masking
Phishers use HTML to display a legitimate-looking link while directing users to a malicious site. For example:

3. Homograph Attacks (Unicode Characters)
Phishers replace characters in the URL with similar-looking characters from other alphabets. For example:
Real: www.paypal.com
Fake: www.pаypal.com (the "а" is a Cyrillic character, not a Latin "a")

How to detect:

Copy the URL and paste it into a plain text editor to reveal the true characters.
Use tools like Punycode Decoder to detect non-ASCII characters.

4. Subdomain Spoofing

Phishers create subdomains to make the URL appear legitimate. For example:

Legitimate: https://www.bank.com/login
Phishing: https://www.bank.com.malicious-site.com/login

How to detect:

Focus on the main domain (just before the .com, .net, etc.). In the example above, the main domain is malicious-site.com.

5. Email Embedding or Hidden Links

In phishing emails, the text of a link might appear legitimate, but clicking it takes you elsewhere. For example:

The email says: Click here to reset your password!
Behind the scenes: <a href="http://malicious-site.com/reset-password">Click here</a>

How to detect:

Right-click the link in the email and select "Copy Link Address." Paste it into a text editor to examine the URL.

6. Image Links

Phishers may embed a clickable image instead of text. The link is hidden in the image's HTML code.

How to detect:

Right-click the image and select "Inspect Element" (in most browsers) to view the underlying HTML.

7. URL Obfuscation

Phishers can use long, confusing URLs filled with parameters and strings to obscure the true destination:

Example: http://legitimate-site.com.redirect-to.malicious-site.com/secure?session=12345

How to detect:

Look for unnecessary redirects and focus on the main domain.

Tips to Stay Safe

Always verify links before clicking, especially in unsolicited emails or messages.
Use link-scanning tools like VirusTotal.
Be cautious with links that demand immediate action or claim urgency.
Keep your software, browsers, and antivirus tools updated.

If you’re learning this to educate others or investigate phishing, let me know how I can assist further!

hishing attacks are continually evolving, with cybercriminals adopting advanced technologies to enhance their deception. Here are some of the latest phishing techniques to be aware of:

1. AI-Generated Phishing Scams

Cybercriminals are increasingly using artificial intelligence (AI) to craft highly personalized and convincing phishing emails. By analyzing information from social media and other online sources, AI enables attackers to create messages that closely mimic legitimate communications, making them harder to detect.

New York Post

How to Protect Yourself:

Verify the Sender: Always check the sender's email address for authenticity.
Be Skeptical of Urgent Requests: Be cautious of emails urging immediate action or requesting sensitive information.
Use Two-Factor Authentication (2FA): Enable 2FA to add an extra layer of security to your accounts.

2. Deepfake-Assisted Phishing

Advancements in AI have led to the creation of deepfake technology, allowing attackers to produce realistic audio and video impersonations. These deepfakes can be used to impersonate executives or colleagues, convincing victims to divulge confidential information or authorize financial transactions.

Financial Times

How to Protect Yourself:

Verify Through Multiple Channels: Confirm requests through a secondary communication method, such as a phone call or in-person verification.
Be Aware of Unusual Requests: Be cautious of unexpected or out-of-character requests, even if they appear to come from known individuals.

3. QR Code Phishing

The use of QR codes has become widespread, and cybercriminals are exploiting this by embedding malicious URLs within QR codes. When scanned, these codes can direct users to phishing sites designed to steal personal information.

Barracuda Blog

How to Protect Yourself:

Avoid Scanning Unknown QR Codes: Only scan QR codes from trusted sources.
Use QR Scanner Apps with URL Preview: Utilize apps that allow you to preview the URL before opening it.

4. Phishing-as-a-Service (PhaaS)

The emergence of Phishing-as-a-Service platforms has lowered the barrier for conducting phishing attacks. These services provide ready-made phishing kits, enabling even unskilled attackers to launch sophisticated campaigns, including those capable of bypassing multi-factor authentication (MFA).

Barracuda Blog

How to Protect Yourself:

Stay Informed: Keep up-to-date with the latest phishing tactics and educate yourself on recognizing them.
Implement Advanced Security Measures: Use comprehensive security solutions that can detect and block phishing attempts.

5. Exploitation of Collaboration Tools

With the rise of remote work, attackers are targeting platforms like Slack, Microsoft Teams, and Zoom. Phishing links are being distributed through these channels, often disguised as shared documents or meeting invitations.

Charles IT Blog

How to Protect Yourself:

Verify Links and Attachments: Always confirm the legitimacy of links and files received through collaboration tools.
Be Cautious of Unexpected Messages: Be wary of unsolicited messages, even if they appear to come from colleagues.

General Tips to Enhance Security

Regular Training: Participate in cybersecurity awareness training to stay informed about emerging threats.
Use Strong, Unique Passwords: Employ complex passwords and avoid reusing them across multiple accounts.
Keep Software Updated: Ensure all applications and systems are up-to-date to protect against vulnerabilities.

By staying informed about these evolving phishing techniques and adopting proactive security measures, you can significantly reduce the risk of falling victim to such attacks.

Reporting a suspicious link is an important step in preventing potential harm to others. Here’s how and where you can report it:

1. Report to Authorities

Cybercrime Reporting in Your Country:
- India: Cyber Crime Portal – A government platform for reporting cybercrimes, including phishing and malicious websites.
- USA: FBI Internet Crime Complaint Center (IC3)
- UK: Action Fraud
- Australia: Australian Cyber Security Centre (ACSC)
- Search for your country’s official cybercrime reporting portal if not listed here.

2. Report to Web Browsers and Search Engines

Google Safe Browsing:
- Use the Google Safe Browsing Report to report phishing or suspicious websites.
Microsoft Edge/Internet Explorer:
- Use their Suspicious Site Report Tool to report.
Mozilla Firefox:
- Report phishing websites via the "Help -> Report Deceptive Site" option in the browser.

3. Report to Security Organizations

Anti-Phishing Working Group (APWG):
- Email suspicious links to: reportphishing@apwg.org. This is a global organization focused on tracking and mitigating phishing threats.
SpamCop:
- Use SpamCop to report links sent via email or suspicious activities.

4. Report to Hosting Providers

Identify the hosting provider using tools like Whois Lookup and report the site to the hosting company.

5. Inform Antivirus Companies

Report the suspicious link to antivirus software companies so they can include it in their threat databases:
- Norton: Report Phishing Scams
- Kaspersky: Report Spam or Phishing
- McAfee: Contact their support to report suspicious links.

6. Educate Others

If you suspect the site is targeting specific users (e.g., through social media or email), notify those platforms to block or take down the links:

Facebook, Twitter, or Instagram: Use their "Report" feature.
Email providers like Gmail or Outlook: Mark the email as phishing.

How to Create Responsive Table with CSS and Html-Download Code file

2021-06-04T02:06:00.023+05:30

CSS AND HTML CODE FOR RESPONSIVE TABLE

In this post I am going to share with you few tips of making responsive table which looks very fancy and attractive when viewed on mobiles as well as on pc and tablets.Lets us have a look at the code given in code snippet and output of that code in the form of table below:


<style>
*{
margin : 0 ;
padding : 0 ;
box-sizing : border-box ;
}

body {
background-color : #32312f ;
font-family : sans-serif ;
}

.table-container {
padding : 0 10% ;
margin : 40px auto 0 ;
}

.heading {
font-size : 40px ;
text-align : center ;
color : #f1f1f1 ;
margin-bottom : 40px ;
}

.table {
width : 100% ;
border-collapse : collapse ;
}

.table thead {
background-color : blue ;
}

.table thead tr th {
font-size : 14px ;
font-weight : 600 ;
letter-spacing : 0.35px ;
color : #FFFFFF ;
opacity : 1 ;
padding : 12px ;
vertical-align : top ;
border : 1px solid #dee2e685 ;
}
.table tbody tr td {
font-size : 14px ;
letter-spacing : 0.35px ;
font-weight : normal ;
color : #f1f1f1 ;
background-color : #3c3f44 ;
padding : 8px ;
text-align : center ;
border : 1px solid #dee2e685 ;
}
.table .text_open{
font-size : 14px ;
font-weight : bold ;
letter-spacing : 0.35px ;
color : #FF1046 ;
}

.table tbody tr td .btn{
width : 130px ;
text-decoration : none ;
line-height : 35px ;
display : inline-block ;
background-color : #FF1046 ;
font-weight : medium ;
color : #FFFFFF ;
text-align : center ;
vertical-align : middle ;
user-select : none ;
border : 1px solid transparent ;
font-size 14px ;
opacity : 1 ;
}

@media (max-width : 768px) {
.table thead {
display : none ;
 }
.table, .table tbody, .table tr, .table td {
display : block ;
width : 100% ;
 }
.table tr {
margin-bottom : 15 px ;
 }
.table tbody tr td {
text-align : right ;
padding-left : 50% ;
position : relative ;
 }
.table th:before{
content : attr(data-label) ;
position : absolute ;
left : 0 ;
width : 50% ;
padding-left : 15px ;
font-weight : 600 ;
font-size : 14px ;
text-align : left ;
 }

}

</style>


<div class = "table-container">
<h1 class = "heading">Table of Index</h1>
<table class = "table">
<thead>
<tr>
<th>S.no</th>
<th>Class</th>
<th>Chapter Name</th>
<th>Read</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label = "S.no">1.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">BASIC CONCEPTS OF CHEMISTRY</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2020/05/basic-concepts-of-chemistry.html" target="_blank">View</a></td>
</tr>
<td data-label = "S.no">2.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">STRCUTURE OF ATOM</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/structure-of-atom.html" target="_blank">View</a></td>
</tr>
</tr>
<td data-label = "S.no">3.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">CLASSIFICATION OF ELEMENTS</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/classification-of-elements.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">4.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">CHEMICAL BONDING &amp; MOLECULAR STRUCTURE</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/5states-of-matter.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">5.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">STATES OF MATTER</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/chemical-bonding.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">6.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">CHEMICAL THERMODYNAMICS</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/thermodynamics.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">7.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">CHEMICAL EQUILIBRIUM</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/equilibrium.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">8.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">REDOX REACTIONS</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/8redox-reactions.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">9.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">HYDROGEN</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/hydrogen.htmL" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">10.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">ALKALI METALS</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/alkali-metals.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">11.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">ALKALINE EARTH METALS</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/alkaline-earth-metals.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">12.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">p-BLOCK</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/boron-family.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">13.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">p-BLOCK</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/boron-family.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">14.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">p-BLOCK</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/boron-family.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">15.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">p-BLOCK</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/boron-family.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">16.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">p-BLOCK</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/boron-family.html" target="_blank">View</a></td>
</tr>
<tr>
<td data-label = "S.no">17.</td>
<td data-label = "Class">+1</td>
<td data-label = "Chapter Name">p-BLOCK</td>
<td data-label = "View"><a class = "btn" href="https://www.theseekers.live/2021/05/boron-family.html" target="_blank">View</a></td>
</tr>
</tbody>
</table>
</div>

OUT PUT OF THE ABOVE CODE IS GIVEN BELOW IN

Table of Index

S.no	Class	Chapter Name	Read
1.	+1	BASIC CONCEPTS OF CHEMISTRY	View
2.	+1	STRCUTURE OF ATOM	View
3.	+1	CLASSIFICATION OF ELEMENTS	View
4.	+1	CHEMICAL BONDING & MOLECULAR STRUCTURE	View
5.	+1	STATES OF MATTER	View
6.	+1	CHEMICAL THERMODYNAMICS	View
7.	+1	CHEMICAL EQUILIBRIUM	View
8.	+1	REDOX REACTIONS	View
9.	+1	HYDROGEN	View
10.	+1	ALKALI METALS	View
11.	+1	ALKALINE EARTH METALS	View
12.	+1	p-BLOCK	View
13.	+1	p-BLOCK	View
14.	+1	p-BLOCK	View
15.	+1	p-BLOCK	View
16.	+1	p-BLOCK	View
17.	+1	p-BLOCK	View

Download code of responsive table

Taking Backup of Blogger Posts & Pages

2021-06-02T16:54:00.007+05:30

Its a good news that blogger has provided us to save our hard earned efforts that we have put in making and designing blogger posts and pages.Best part is that it is very easy to take back up of our posts and pages even comments as well.Due to any technical error or mistake we can loss our online post and pages data and as a online geek everyone knows the importance of taking backup of data.You can keep this backup on the hard drive or some cloud service like Google Drive, or Dropbox.

Steps for Backing up Blogger Posts, Pages, and Comments

Read the following steps to backup Blogger posts, pages, and comments.

1. It is required to log in to the Blogger dashboard.

2. Select a blog to take back up.

3. Settings menu is available on the left sidebar. Click on it.

4. you have an option named Back up content. Click on it.

5. You get an option to download and export blogger posts. Click on the Download button.

In a few steps, you can backup your Blogger posts, pages, and comments. It’s a handy option. This backup content can be imported into major blogging platforms, including WordPress, or merge two Blogger blogs.

★彡 𝕤𝕖𝕖𝕜𝕖𝕣 彡★

How to fix distorted images of blogger post when viewed on mobile deivces

2021-06-01T13:27:00.007+05:30

In order to avoid any adverse affect on the other custom images you can include the CSS styling code in the HTML section of your blog post.

Step 1: Access the HTML editor of blog post.

Step 2: Add your styling code manually for the selected text area.

Find the chunk of text in the HTML view, and then include your styling code.

just paste/type the following css code at the bottom of your post and you are done .

This will rectify all the images present in your current post:

<!--css code for image correction-->
<style>

.post-body img {
width: 100%;
height: 100%;
display: block;
}

</style>

Responsive Google Slides

2021-05-28T10:04:00.015+05:30

Google slides are a handy tool for carrying out large amount of presentation tasks and sharing with co-workers.It is very handy tool for teaching .You as a teacher can use them to create routine lecture presentations for students effectively.

you just simply need to publish these presentations through google web publish from your google drive dashboard. Then share this on your students mobiles or even you can embed google form code in your website if you are managing one.

But the problem with google embed code is that it is not responsive and hence it gives different looks on your PC and mobiles.

This is due to the reason that Google slides lack responsive design. But here is a easy solution to this problem .To prevent distorted look on different devices you just need to make few modifications in the google slides embed code .

By default your google slides embed code looks something like below with default dimensions of width and height.

<iframe src="https://docs.google.com/slides/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7l
 KXCEps8gyzTbE9KjTekQ/viewform?embedded=true" width="700" height="520" frameborder="0" 
  marginheight="0" marginwidth="0">Loading…</iframe>

change the width to 100% to make it responsive so that it can be viewed evenly on all devices .

<iframe 
src="https://docs.google.com/slides/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7lKXCEps8gyz
TbE9KjTekQ/viewform?embedded=true"
 width="100%" height="500" frameborder="0" marginheight="0" 
marginwidth="0">Loading…</iframe>

That is all your google slides is ready as a responsive one .

This slide is after making modifications for dimnesion of width.I have made width 100%

Having a comparative look at both views you can understand the power of responsive designs in the world of mobiles.

Google forms :How to make them Responsive

2021-05-28T09:22:00.012+05:30

Google forms are a handy tool for carrying out large amount of presentation tasks and sharing with co-workers.It is very handy tool for teaching .You as a teacher can use them to create routine quizzes for students evaluate the submits in no time.

you just simply need to share this form on your students mobiles or even you can embed google form code in your website if you are managing one.

But the problem with google embed code is that it is not responsive and hence it gives different looks on your PC and mobiles.

This is due to the reason that Google Forms lack responsive design. But here is a easy solution to this problem .To prevent its distorted look on different devices you just need to make few modifications in the google form embed code .

By default your google form embed code looks something like below with default dimensions of width and height.

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7l
 KXCEps8gyzTbE9KjTekQ/viewform?embedded=true" width="700" height="520" frameborder="0" 
 marginheight="0" marginwidth="0">Loading…</iframe>

change the width to 100% to make it responsive so that it can be viewed evenly on all devices .

<iframe 
src="https://docs.google.com/forms/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7lKXCEps8gyz
TbE9KjTekQ/viewform?embedded=true"
 width="700" height="100%" frameborder="0" marginheight="0" 
marginwidth="0">Loading…</iframe>

That is all your google form is ready as a responsive one .

Green screen effects

2021-05-27T14:07:00.003+05:30

How to add code snippet in blogger post

2021-05-26T23:42:00.014+05:30

Just open the html editor of your blogger and type the following code there:


<pre style = "overflow-x : auto" ;>
<code> 
/* Paste your code here */
</code>
</pre>

Basic Layout of Blogger Theme Template

2021-05-26T22:31:00.012+05:30

We're going to learn to code a custom Blogger template. If you're already familiar with basic HTML and CSS,then its gonna be quite easily for you. Let's get started and learn to design a custom Blogger template—in a few easy steps:

We'll create and understand the basic structure and layout of the template —in an easy way.

The very first line of the template declares it as an XML document.

The next line is used to specify HTML5 code within our XML document.It helps web browsers process the template code in an efficient manner.

The attribute added to html tag declares the XML namespace for the document. It also has the language attribute for the document.

The blank head tag section is where the web page's metadata will go. It includes various meta tags, CSS styles and scripts.

Then we have blank body tag section where design of blog and layout will be coded.

The b:include tag adds some of the most important SEO tags within this section. It includes an all-important page description tag too.

The title tag adds the page title to the head section. All these tags are important for search engines and crawlers.

The meta tag with name attribute and value viewport is added to activate the responsive design mode so that the layout renders nicely on smaller devices too.

The b:skin tag includes all the CSS code to create both the layout and design of the blog.

The body tag section encapsulates all the elements visible—to the site visitors within the web browser.

The header section includes the blog's title and description. One can also replace them with a custom logo.

The b:section tag within the header tag is used to create different types of sections within a template.

Next one is the primary blog posts section where all the written articles appear on the page. Here's how to create this section. For that we use b:widget tag.

The next important section is the sidebar that'll appear on the right side of the primary content.For side bar we can use aside tag or div tag.

All the custom CSS rules will be written between the b:skin tags

And, last but not least is our footer section.The entire template code looks like.


<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <html lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
    <head>
        <b:include data='blog' name='all-head-content' />
        <title>
            <data:blog.pageTitle/>
        </title>
        <meta content='width=device-width, initial-scale=1' name='viewport' />
        <b:skin>
            <![CDATA[  
            /* Custom CSS code goes here... */
            ]]>
        </b:skin>
    </head>
    <body>
        <div id="blog-wrapper">
            <header>
                <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
                    <b:widget id='Header1' locked='true' title='' type='Header'></b:widget>
                </b:section>
            </header>
            <div id="content-wrapper">
                <div class="content-table">
                    <div class="content-row">
                        <b:section class='main column' id='main' showaddelement='yes'>
                            <b:widget id='Blog1' locked='true' title='Blog Posts Section' type='Blog' />
                        </b:section>
                        <aside class="column">
                            <b:section class='sidebar' id='sidebar' maxwidgets='' showaddelement='yes'>
                            </b:section>
                        </aside>
                    <div>
                </div>
            </div>
            <footer>
                <div>
                    Copyright © 2019 <strong><data:blog.title/></strong>
                </div>
            </footer>
         </div>
    </body>
    </html>

Our blog will be a classic two-column layout generally used for the blogs

Check mobile version of Blogger Blog on PC

2021-05-23T07:04:00.006+05:30

In order to view mobile version of blogger on PC you just need to follow the underlying few steps:

1. Open your Blogger .

2. Click at the end of Blogger address in the address bar.

3. Now simply type the following code at the end of the blogger address :

?m=1

For example: https://www.theseekers.live/p/home.html?m=1

Online Source Code Typing Skill for Developers

2021-05-16T18:45:00.009+05:30

People consider a programmer/hacker/coder as a person who has super fast skills in typing even in movies hackers hold same reputation for speedy typing of source code. Typing skills matters because it helps in coding faster.Here we will learn how we can code faster.You may know how to code but if your typing skills are poor then it may cost you time and energy and create mental tension .Hence it is of utmost important for the code to avoid making mistakes while coding because one mistake is going to be extremely costly for you ,it may cost you half an hour or more when you try to figure out where this bug lies in the code.The most important tip for coding to be free flowing is consistency in your routine of typing codes.Your keyboard should be clean and dust free and keys should be pressed softly.Next tip is you should have complete knowledge about your code editor interface.Last but not the least you should learn to speed up your typing speed and for that in order to practice typing speed in coding here I am giving you a link that can help to correct your finger placement for the coding keys .This online code typing program can really help you master coding skills in php,html,js,css,ajax etc.

Click Here for Speed Coder for imporving code typing skills

How to create links within the same post:Jump links in Blogger

2021-05-16T00:17:00.004+05:30

Self made google drive direct download link for blogger posts

2021-05-16T00:05:00.008+05:30

Disabling Right Click & Copy Commands in Blogger

2021-05-15T23:02:00.021+05:30

Genuine Bloggers often do tireless job of searching,creating and designing fresh content for their blogs. But on the other hand Newbie Bloggers always try to find the backdoor entry for success in blogging. Which spurs them to just google the keywords and copy paste the content of Genuine bloggers from their blogs.Due to such pirated acts of data stealing it becomes hard for the True bloggers to maintain good rank in google search engine optimization.Keeping in view these hurdles I am suggesting a way out to protect their post data from copying by disabling right clicks and selection cum data copying.Hence Bloggers can implement following java script code to protect their post's data from being selected and copied through either right click of the mouse or through Ctrl + A and Ctrl + C.

Let us see the code and learn how to implement that java script code in our blog posts.

1. Log in to Blogger Account.

2.From Dashboard ,Open Theme option.

3.Then Opt for edit Html option.

4. Now in html editor just click anywhere in the code.

5. Now open search option by pressing ctrl + F command.

6.Paste the given content their in the search box : ]]></b:skin>

7. Now just above the ( ]]></b:skin> ) this part of the code paste the following Js code:

/*—– Disable Text Selection with CSS Code by TB—-*/
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}

8.Now save the changes in the theme template.

9.Job of data protection from selection and copying is done.you can check by opening blog post and try to copy the content.

In case if you are not able to copy the code form the code window due to disabling of right click and copying command , then you can download the file containing the same java script from the following download link:

Enabling Copy option for code snippets

If you want to share html,js,css or any other language codes with your viewers through code snippet,in that case you have to allow them right click and copy option only from the code snippet window and for that you can use following css code in html editor section of your theme.Just scroll and locate b skin tag and place this code just above it.


/*enable copy from code snippet in pre tags -starts here*/

.post-body blockquote, .post-body pre, .post-body code {
user-select: text !important;
-webkit-user-select: text !important;
-ms-user-select: text !important;
-moz-user-select: text !important;
}

/*enable copy from code snippet in pre tags- ends here*/

Blogging As Career

2021-05-15T12:56:00.003+05:30

Sitemap for Blogger

2021-05-15T10:25:00.009+05:30

A Sitemap is a list of accessible pages in your website. Sitemaps helps search engines like Google and Yahoo to easily crawl pages in your site which helps in better index. As a blogger you must create a sitemap so whenever you make a new post search engines can crawl and index them easily. By default your blogger blog will have sitemap, but the issue with that sitemap is it only shows your recent blog posts.A perfect sitemap is that it should contain the list of all you pages so that search engines know the complete structure of your site. let’s see how to create sitemap for Blogger blog and submit in robots.txt.

create sitemap for Blogger

sitemap creation is very simple . Just use the following syntax next to your blogs Url.

(atom.xml?redirect=false&start-index=1&max-results=500)

For example :

https://seekerstechie.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Now you have created sitemap for your Blogger blog, but you need to tell search engines about your sitemap so that bots can know your site structure.Let us see how to do that ?

Adding your Blogger sitemap in robots.txt file

Login to your Blogger blog and go to dashboard >> settings >> Crawlers and indexing-->>enable custom robot.txt and edit the custom robots.txt.Paste the following text and click save changes. Do change your blog name in Blogger sitemap below:

User-agent: *
Disallow: /search
Allow: /
Sitemap:href="https://seekerstechie.blogspot.com/

atom.xml?redirect=false&start-index=1&max-results=500"

Now onward whenever search engines crawls your site they will access your Blogger sitemap from robots.txt file.

Last step is you need to visit google search console and enter the sitemap url of your site in the space asking for add a new site map
then you need to add the sitemap url as follow

https://seekerstechie.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Pop-up Window opening in Blogger Post

2021-05-15T09:16:00.008+05:30

If you want a window to pop up suddenly in blogger posts then you can do it in easy way.

It’s easy to add popup window for blogger and adding popup window helps in increasing page views of your blog and you can help visitors to know useful links within your site and other external sites.

LET'US CREATE A POP -UP WINDOW FOR OUR BLOGGER

1.Login to your blogger account

2.Go to Dashboard >> layout and click “add a gadget” from sidebar or footer

3.Open HTML/JavaScript gadget

4.Add the following script in HTML/JavaScript content area and click save

<script type="text/javascript">
document.body.onclick= function(){
window.open('https://www.theseekers.live', 'poppage', 
'toolbars=0, scrollbars=1, location=0, statusbars=0, 
menubars=0, resizable=1, width=950, height=650, 
left = 300, top = 50');
}</script>

Make sure to change the url for your own site.

Customize the width and height of the popup window like you wish

Now when users click somewhere on your blog a popup window will open pointing to that page

Blogger's unlinked, unclickable and un-draggable images.

2021-05-14T14:40:00.006+05:30

In Blogger blog you know that all your media files are hosted in Google’s server that is in Picasa.For media files you will get a free storage space of 1 GB which is more than enough. Since Blogger is free people never care about optimizing their images, they simply upload huge image files to the server which eventually slow downs the site. For the purpose of SEO and to preserve the server space and image bandwidth it is must that you optimize all your images before uploading.What will you do if you run out of free space in feature, probably you will start to host your images in sites like photo bucket, Flickr, Image Shack etc. You will host in third party image servers and call it to your site. In Blogger Whenever you add an image in to your post or page whether by uploading or calling straight from the URL, you don’t have the option to unlink the image.

As normally you can notice that all your images are clickable and draggable. On clicking it the image gets enlarged and if you wish to disable it then here is how you do it.

After inserting the image using compose mode click on that image and you can see that the link option will be highlighted. To make the image unclickable just unlink it and if you would like to link the image to some other URL then click on the link option and then add the URL. You will also have options like making the image link nofollow and opening the image link in new tab, enable it if you want.

You have un-linked and unclickable image now.so how to make it un-draggable. To make the image un-draggable switch to HTML editor and add draggable=”false” in to your image tag just like you see below.

As I have done in the following image.

How to add Whatsapp Sharing Button in Blogger Post/page

2021-05-14T12:56:00.020+05:30

In order to add whats app sharing button in your blogger post or page you do not need to be a back-end developer or you can say that its not a rocket science.You just need to enter a simple whats app API code in the post/page of your blogger.The syntax pattern of that code is given below in black code window .

just copy this code and open the html view of post/page.

Then locate the desired place in the html code and hit enter and paste the following code there.

you need to replace the "www.theseekers.live" with the url of your website. so that if anybody clicks on your url he will be directed straight to your website.

<p style="text-align: center;">
<a  href="https://api.whatsapp.com/send?text=One drop at a time.
via www.theseekers.live"target="_blank"title="share with smile">
<img   src="https://1.bp.blogspot.com/-fn0iE3U1asM/YJrKLpJjGxI/
AAAAAAAAFh0/XpZxxXHZ2coJmeSUggICLDt8h2-3oA2RACPcBGAYYCw/s468/output
-onlinepngtools%25281%2529.png" alt="button" width="468" height="128" /></a>
</p>

That is all you are done. Now you will be able to share your posts on whats app by just one click.

For clarity you can see the whats app button share link I have posted here below this post.

HTML CODE FOR METADATA

2021-05-13T14:13:00.003+05:30

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta charset = "UTF-8" />
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "seeker" />
      <meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
      <meta http-equiv = "refresh" content = "5: url=https://www.theseekers.live" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

BASIC STRUCTURE OF HTML

2021-05-13T14:03:00.004+05:30

<!DOCTYPE html>
<html>

   <head>
      <title>html layout</title>
      <meta>
   </head>
	
   <body>
      <p>BASIC STURCTURE OF HTML </p>
   </body>
	
</html>

Web browsers shortcut keys

2021-05-13T11:07:00.016+05:30

Web Browsers shortcuts
Sr.no	Function	Command
1	Refresh a webpage	F5
2	Toogle ful screen	F11
3	Open Home page	Alt + Home
4	Find Text	Ctrl + F
5	Open new Tab	Ctrl + T
6	Close current Tab	Ctrl + W
7	Go to next Tab	Ctrl + Tab
8	Open new Window	Ctrl + N
9	Close window	Alt + F4
10	Switch Windows	Alt + Tab
11	Print Web Page	Ctrl + P
12	Save Web page	Ctrl + S

Metadata

2021-05-13T09:03:00.021+05:30

Metadata

Metadata is simply data about data

Metadata is data that gives information about website data.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used to specify character set, page description, keywords,

Author of the document, and viewport (the user's visible area of a web page) settings.

Metadata is used by browsers (how to display content or reload page),

search engines (keywords), and other web services.

Metadata is enclosed within the meta tag.

Meta tags always go inside the head element.

This tag is an empty element and so does not have a closing tag but it carries information within its attributes.You can include one or more meta tags in your document based on what information you want to keep in your document but in general, meta tags do not impact physical appearance of the document so from appearance point of view, it does not matter if you include them or not.

Meta tag also supports the Golbal attirbutes in HTML

Global html Attributes:The global attributes are attributes that can be used with all HTML elements.

Web designers can take control over the viewport through the meta tag.

Web developers set the viewport to make your website look good on all devices:

Lets us see most common attributes used in meta tag

Character set :(charset= "UTF-8")

The default character set in HTML5 is UTF-8

Full form of UTF :Unicode Transformation Format)

It Specifies the character encoding for the HTML document.

A character in UTF8 can be from 1 to 4 bytes long.

UTF-8 can represent any character in the Unicode standard.

UTF-8 is the preferred encoding for e-mail and web pages

The Unicode Standard covers (almost) all the characters, punctuations, and symbols in the world.

Unicode enables processing, storage, and transport of text independent of platform and language.

The Difference Between Unicode and UTF-8

Unicode is a character set. UTF-8 is encoding.

Unicode is a list of characters with unique decimal numbers (code points). A = 65, B = 66, C = 67, ....

This list of decimal numbers represent the string "hello": 104 101 108 108 111

Encoding is how these numbers are translated into binary numbers to be stored in a computer:

UTF-8 encoding will store "hello" like this (binary): 01101000 01100101 01101100 01101100 01101111.

Specifying Keywords

You can use <meta> tag to specify important keywords related to the document and later these keywords are used by the search engines while indexing your webpage for searching purpose.

Document Description

You can use <meta> tag to give a short description about the document. This again can be used by various search engines while indexing your webpage for searching purpose.

Document Revision Date

You can use <meta> tag to give information about when last time the document was updated. This information can be used by various web browsers while refreshing your webpage.

Document Refreshing

A <meta> tag can be used to specify a duration after which your web page will keep refreshing automatically.

Page Redirection

You can use <meta> tag to redirect your page to any other webpage. You can also specify a duration if you want to redirect the page after a certain number of seconds.

Setting Cookies

Cookies are data, stored in small text files on your computer and it is exchanged between web browser and web server to keep track of various information based on your web application need.

You can use <meta> tag to store cookies on client side and later this information can be used by the Web Server to track a site visitor.f you do not include the expiration date and time, the cookie is considered a session cookie and will be deleted when the user exits the browser.

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta charset = "UTF-8" />
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "seeker" />
      <meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
      <meta http-equiv = "refresh" content = "5: url=https://www.theseekers.live" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

TechnoWorld-टेक्नो वर्ल्ड

DOS COMMANDS

Windows Command Prompt reference — 25 commands and 7 keyboard shortcuts

How to format your messages over Whatsapp web

Italic

Bold

Strikethrough

Monospace

Bulleted list

Numbered list

Quote

Inline code

Phishing Links, their Common Characteristics & Identification

What is a Phishing Link?

Common Characteristics of Phishing Links

How to Identify Phishing Links

Protecting Yourself and Others

1. URL Shorteners

. HTML Link Masking

3. Homograph Attacks (Unicode Characters)

4. Subdomain Spoofing

5. Email Embedding or Hidden Links

6. Image Links

7. URL Obfuscation

Tips to Stay Safe

1. AI-Generated Phishing Scams

2. Deepfake-Assisted Phishing

3. QR Code Phishing

4. Phishing-as-a-Service (PhaaS)

5. Exploitation of Collaboration Tools

General Tips to Enhance Security

1. Report to Authorities

2. Report to Web Browsers and Search Engines

3. Report to Security Organizations

4. Report to Hosting Providers

5. Inform Antivirus Companies

6. Educate Others

How to Create Responsive Table with CSS and Html-Download Code file

CSS AND HTML CODE FOR RESPONSIVE TABLE

OUT PUT OF THE ABOVE CODE IS GIVEN BELOW IN

Table of Index

Download code of responsive table

Taking Backup of Blogger Posts & Pages

Steps for Backing up Blogger Posts, Pages, and Comments

How to fix distorted images of blogger post when viewed on mobile deivces

Responsive Google Slides

Google forms :How to make them Responsive

Green screen effects

How to add code snippet in blogger post

Basic Layout of Blogger Theme Template

Check mobile version of Blogger Blog on PC

?m=1

For example: https://www.theseekers.live/p/home.html?m=1

Online Source Code Typing Skill for Developers

Click Here for Speed Coder for imporving code typing skills

How to create links within the same post:Jump links in Blogger

Self made google drive direct download link for blogger posts

Disabling Right Click & Copy Commands in Blogger

Enabling Copy option for code snippets

Blogging As Career

Sitemap for Blogger

create sitemap for Blogger

Adding your Blogger sitemap in robots.txt file

Pop-up Window opening in Blogger Post

LET'US CREATE A POP -UP WINDOW FOR OUR BLOGGER

Blogger's unlinked, unclickable and un-draggable images.

How to add Whatsapp Sharing Button in Blogger Post/page

HTML CODE FOR METADATA

BASIC STRUCTURE OF HTML

Web browsers shortcut keys

Metadata

Metadata

The Difference Between Unicode and UTF-8

Specifying Keywords

Document Description

Document Revision Date

Document Refreshing

Page Redirection

Setting Cookies