Blog, How to modify ContactForm in HTML on a Google blogger.

How to change the background color of ContactForm

 

ContactForm

 

 

First, search for the ContactForm text in HTML... 

Then, if you add the yellow part below, the background color will change from white to black.

 

  <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm' version='1'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;'
 name='name' size='30' style='background-color: rgba(155, 155, 155, 0.1); color: yellow;' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;'
 name='email' size='30' style='background-color: rgba(155, 155, 155, 0.1); color: yellow;' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;'
name='email-message' rows='5' style='background-color: rgba(155, 155, 155, 0.1); color: yellow;'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;'
                  expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>

 

 

Copyright2021olympithecus

 

Blog, This is the Google Translate with icons that I am using on my blog.

The following code is the Google Translate code currently used on my blog

 

 

Google Translate

Google Blog provides a basic Google Translate by default.
But it is too simple and inconvenient to use.
I wanted a Google Translate where each country is represented by an icon, so you can click directly to translate.
So, I eventually found this code.
Then, I added some styles and modified it.
It may be difficult to use the code below directly.
You can copy it to Notepad and organize the paragraphs to use it.

 

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_lang
uage":true,"languages":["ko","en","ja","zh-CN","fr","it","es","de"],"wrapper_selector":".gtra
nslate_wrapper","alt_flags":{"en":"usa","pt":"brazil","fr":"quebec"}}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/fd.js" defer></script>
<style>
  /*Dropdown box settings*/ 
  .gtranslate_wrapper select {
    background-color: rgba(155, 155, 155, 0.1); /* Set the background of the dropdown box to 70% opacity */ 
    color: white !important; /* Set the text color of the dropdown box to white */ 
    border-color: rgba(155, 155, 155, 0.1); /* Set the border color of the dropdown box to 70% opacity */ 
    padding: 5px;
    font-size: 15px;
    border: none;
    border-radius: 30px; /* Make the corners rounded with the application of the R value to the dropdown box */ 
    transform: translate(30%, 10%); /* Positioning of the dropdown box */ 
  }
  /* Settings of the internal option items in the dropdown box */ 
  .gtranslate_wrapper select option {
    color: black !important; /*The text color of the internal option items in the dropdown box is black */ 
    background-color: white !important; /*Background color of the internal option items in the dropdown box is white */ 
  }
</style>
 
Copyright2021olympithecus

Blog, Find the issue where indexing doesn't happen at all.

What crime has my writing committed? The indexing issue must be resolved.

Blogs used to be a place to record small things in our daily lives, but over time, they seem to have turned into something more like academic papers.

When you write a post on your blog, you hope that people can find and read it on the internet. but the problem is that the post you wrote doesn’t easily appear in internet search results. bo solve this problem, you need to go through a process called "indexing." Google indexing is the process where Google sends a robot to your blog, reads the blog posts, and then stores them on Google’s servers. through this process, Google understands what the content of your blog is about. then, when people enter related search terms, Google can show your blog’s content in the search results. In simple words, Google indexing is the process that prepares your blog’s content to be found in Google search

but google indexing process is much more complicated than expected. When it doesn’t work properly, many people feel frustrated. If the articles or websites I’ve worked hard on don’t show up properly on Google, all my effort feels like it was in vain. Google indexing can sometimes happen really quickly, but there are times when it takes weeks or even months for my content to be properly reflected on Google. In those moments, I have no idea when my content will appear in the search results, which makes me feel anxious. This uncertainty creates stress and can be really discouraging at times.
The kind of blog I'm talking about here is the type of blog written to get indexed by Google. If you search for "Google indexing," you’ll find tons of articles and posts.

For example:

    "Google indexing isn't working..."
    "Thousands of my posts aren't indexed by Google."
    "Only 3 posts are indexed by Google."

These are the kinds of questions people often ask... and the answers are almost always the same. Most of the time, the response is: "The content quality is poor."But I start to wonder, why does the content quality matter so much? A blog is not a research paper, and it shouldn’t have to be one. A blog shouldn’t be tied down by rules or formalities. it’s supposed to be free and unrestrained. The main goal of a blog is to share your writing on the internet, whether the content is good or bad. So why, then, isn’t Google indexing my posts? This question led me to run several tests. So far, the results show that Tistory blogs get indexed and displayed by Google quite easily. But with Google’s Blogger platform, indexing and visibility are close to zero… it’s pretty disappointing. Sometimes, one of my posts gets indexed and displayed by Google in under five days, but these cases are very rare. When I analyzed these posts, I found that it wasn’t about content quality. It also had nothing to do with the size of the images I attached. So what could it be? I’m still running a few more tests.I’m really looking forward to the results. I’m becoming more and more determined to get my Google Blog posts indexed by Google. I searched for the reasons why Google indexing doesn't work, and it seems that the issue has emerged following a recent update from Google. According to Google, the reason is that the content quality needs to be good. Ultimately, this seems to be a measure to block automated blogging tools or macros. In today's world, it's very easy for GPT (like me) to generate content. It seems that Google's update might have been implemented to block content generated by tools like GPT. 

 

 As a result, many people are suffering from this Google update, and because of it, blogs have lost their original free and unique nature, becoming bound by the format like academic papers. I hope that one day, everyone can easily and freely publish their writings on the internet.

 

 

 

Copyright2021olympithecus

Blog, I created a manual to exclude your IP address in Google Analytics.

If you follow the steps below, anyone can easily set up IP exclusion in Analytics.

The reason for excluding your IP address in analytics is primarily to maintain data accuracy.
If your own activities or those of internal employees are included in the data, it can distort actual user behavior. For example, visitor counts and user behavior analysis may become inaccurate. By excluding your IP address, you ensure that only data from external users is collected. Therefore, I have prepared a manual on how to exclude your IP address in analytics settings for your reference. 

   

Step 1: Define Internal Traffic (Setting Up IP Blocking for Yourself) 

** Click on the gear icon in the bottom left corner, then go to Admin > Property > Data Stream.

.

 

 

 

**  Click on the arrow in the DATA Stream.

.

 

 

 

 

** Click on the arrow in the Configure Tag Settings.

.

 

 

 

 

 

** Click on "See more details"

.

 

 

 

 

** Click on "Definition of internal traffic"

.

 

 

 

** Click on "marking"

.

 

 

 

 

** Enter the information exactly as shown below. Click on 'K' to input the IP value.

.

 

.

 

 

This concludes Step 1: Creating Internal Traffic Rules.

 

 

 

 

 

 

 

 

Step 2: Create a Data Filter (Excluding Your IP from Step 1) 

** Click on the "gear icon" in the bottom left corner for settings. Then, click on 'Data Filters'.

.

 

 

 

 

** Click on "Create a fillter".

.

 

 

 

** Click on " Internal traffic"

   Then, please enter the information and check the boxes as shown in the image below.

   After that, click on 'Making'.

.

 

 

 

** Click on "Activate fillter"

.

 

 

That brings us to the final step of creating the second-level data filter.

 

 

** For your reference,

   you do not need to create additional comparison filters as shown in the image below.

   your own IP will be excluded from Analytics without needing to create extra filters.

.

Copyright2021olympithecus

Blog, Let’s understand how to use User-agent properly and resolve indexing errors.

It is important to accurately identify the types of robots when writing a robots.txt file.

 

 

Since Googlebot crawls using smartphones, redirection errors may occur. 

Therefore, let’s properly understand how to use User-agent.

 

 

Googlebot   (Desktop only)

Googlebot is Google’s desktop web crawler, which navigates and indexes web pages to reflect them in search engine results. Googlebot plays a crucial role in analyzing website content to provide users with the most relevant information.

Googlebot-Mobile   (Mobile only)

Googlebot-Mobile is Google’s mobile web crawler that crawls mobile-optimized web pages and reflects them in search engine results. This crawler is specifically designed to optimize the mobile user experience.

AdsBot-Google

AdsBot-Google is Google’s advertising crawler, used to assess whether advertisers can utilize their websites in Google Ads. 

This crawler plays a crucial role in determining the quality and suitability of web pages.

 

 

 

AdsBot-Google-Mobile

AdsBot-Google-Mobile is a specialized crawler used by Google to evaluate mobile web pages for advertising purposes.

 

 

Usage example

Allow all robots to access all documents.

User-agent: *

Allow: / 

 

User-agent: Googlebot

User-agent: Googlebot-Mobile

User-agent: AdsBot-Google

User-agent: AdsBot-Google-Mobile

 

 

Googlebot: Google's web crawler (desktop version)

Googlebot-Mobile: Google's mobile crawler

Bingbot: Bing search engine's crawler

Slurp: Yahoo's web crawler

Baidu: Baidu search engine's crawler (China)

Yandex: Yandex's web crawler (Russia)

DuckDuckBot: DuckDuckGo's web crawler

Exabot: Exabot's web crawler

Facebot: Facebook's crawler

Twitterbot: Twitter's crawler

 

 

 

Copyright2021olympithecus