Blog start

A mixed ENG / HUN page. Egy kevert angol/magyar oldal.

Start date / kezdő dátum: January 2020 / 2020 január 

I beleived that starting the blog is easy... and basically it is not hard, just not evident.

Azt gondoltam, hogy a blog elindítása egyszerű lesz,... végül is nem nehéz, de nem is egyértelmű.

1) Cookiiieees / Sütiiiiiik

EU laws and all around the world Users have to be warned about cookies. 

EU, meg világ szabály, hogy kell értesíteni a felhasználót a sütikről.

But this site is not clear on what you should add to your HTML template (for all the pages on your blog)

De az oldal, ahova küldenek a Bloggeren, az nem segít a figyelmeztetés kódjának a blogod HTML kódjában való elhelyezésében

Cookies notification in European Union countries

"To change this notice, add a SCRIPT tag with 'cookieOptions = {...};' in the HEAD tag with values for any of msg, close, learn and link.

To disable this notice, add a SCRIPT tag with 'cookieChoices = {};' in the HEAD tag."

Oh, yes, that's clear. No!
Aha, igen ez érthető! Hm, mégsem!

Let's follow the links (don't!) / kövessük a linkeket (inkább ne!):

1. https://policies.google.com/privacy#enforcement
2. https://policies.google.com/technologies/cookies
3. https://policies.google.com/technologies/types
4. https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage?hl=hu
5. https://developers.google.com/analytics/devguides/collection/gtagjs/cookies-user-id?hl=hu

and at the end some example / és végül egy példa (Google search result)

https://xomisse.com/blog/cookie-notification-on-blogger/

The code ... please check there (or at other useful pages)!

A kód... nézzétek meg ott (vagy hasonló hasznos oldalon)!

2) Blogger site (general) page template / Blogger oldal (általános) oldal minta

Should be edited but (!) there is no ...

Szerkeszteni kellene, de nincs ...

... until you create your first page or post... and it takes some minutes for the Blogger system to recognise the new item. Then in the Theme menu you should chose a Theme (design) and then...

... amíg létre nem hozod az első oldalad, vagy posztot... és még pár perc, amíg a rendszer ezt felismeri. Akkor célszerű egy stílust (dizájnt) választanod a Theme menüben és ...

Use the Customise button...

Használd a Customise gombot...

Select Edit HTML menu option and then you will get to the HTML code.

Válaszd az Edit HTML opciót és akkor eljutsz a HTML kódhoz!

What and where to paste? See above and google for it. Don't forget to Save!
Mit és hova kell beilleszteni? Lásd feljebb, illetve guglizz utána! Ne felejts el menteni (Save)!

3) Google Analytics tag insert (code) / ... tag beillesztése

There is an in-built visit-analytics in Blogger, but for more specified analytics use the tag. See in another post.
Van egy egyszerűbb beépített látogatás-analitika a Bloggerben, de összetettebbhez használd a tag-et! Egy másik posztban.

Ready, steady, ... go!
Vigyázz, kész, ... rajt!

Note: in ~2018 Google changed the tag system!

4) How to create a menu like posts-collection reach out where the posts have a shared Label? / Hogyan készítsünk egy olyan menüt, aminek az egyes pontjai az azonos címkével (Label) rendelkező oldalkat összegyűjtik?

English first / magyar(ázat) a végén

To connect Google Blogger posts with the same label to a static Page or a Menu element, follow these steps:

1. Create a Label URL:

• Google Blogger automatically generates a URL for each label you use in your posts. The URL structure looks like this:

  http://yourblogname.blogspot.com/search/label/LabelName
  

• Replace yourblogname with your actual blog name and LabelName with the label you want to connect. Remember that label names are case-sensitive (!) and spaces are replaced by %20 (e.g., Label%20Name).
  My recommendation: it is better not to use spaces (and special characters, including special letters in your alphabet) in Labels!
  
  for example on this site: http://d4e1.blogspot.com/search/label/DataScience

2. Create a Static Page or Menu Item:

If you want to add a link to this label on a static page or in your blog's menu, follow these steps:

A. Link in a Static Page:

Prerequisites:

1. A static Page has to be created in advance, preferably with a name connected to or be the same as the 'topic' which is defined by the shared Label. See step 2 below!
2. Posts that have the same label which defines their common nature or based on what one can make a collection. For example: 'DataScience'. Be careful, Labels are case sensitive!

Steps:

• Step 1: Go to your Blogger Dashboard.
• Step 2: Navigate to Pages and click New Page.
• 
  Step 3: In the page editor, you can add a hyperlink that points to the label URL. Use the following HTML code to list the posts, add this to the page content in HTML view that you can reach usually at the top left corner as a pencil icon:
  Clicking on it select HTML view with < > icon from the two options in the drop-down list (another option is the Compose view, with the pencil icon)
  

  in general:
  <a href="http://yourblogname.blogspot.com/search/label/LabelName">View all posts under LabelName</a>
  
  on this website case it is like this:
  <a href="http://yourblogname.blogspot.com/search/label/DataScience">View all posts related to DataScience</a>

• Step 4: Save and publish the page.

Note: the page may contain further text, but making it simple with the above code only makes Visitors' life easier.

B. Link in Gadget: Pages - creating Menu Item:

This method results in a behaviour that someone clicks on a menu item and the defined (label) search results is loaded and presented.

• Step 1: Go to your Blogger Dashboard.
• Step 2: Navigate to Layout.
• Step 3: Find the section where your menu is located, typically labeled as Pages or Menu or a cross-section element includes the Pages gadget: 
  
  
  

  
  
  It is advised to have it on top of the page in a Cross-column section (see above).
  
  
• Step 4: Click on Add a Gadget and select Pages depending on your template or select Edit if Pages already exists.
• Step 5:
  
  
   Add New Item and insert the label URL as a link in your menu:
  
  
  • 
    Name: The text you want to appear in the menu (e.g., "LabelName Posts").
    in this case: "DataScience" was added
  • URL: http://yourblogname.blogspot.com/search/label/LabelName
  
  
  
• Step 6: Save your changes,
  and see the result how it looks on the website

When clicking on DataScience occurs the collection appears with a starting note:

your label here + a See all  posts link.

C. Link in a Gadget (Link list):

• Step 1: Go to your Blogger Dashboard.
• Step 2: Navigate to Layout.
• Step 3: Find the section where your menu is located, typically labeled as Pages or Menu.
• Step 4: Click on Add a Gadget and select Link List or Pages depending on your template.
• Step 5: Add the label URL as a new link in your menu:
  • Name: The text you want to appear in the menu (e.g., "LabelName Posts").
  • URL: http://yourblogname.blogspot.com/search/label/LabelName
• Step 6: Save your changes.

3. Customizing the Label Page Appearance:

By default, the label page will display all posts with that label in a chronological list. If you want to customize how this list appears (e.g., number of posts per page), you'll need to adjust your Blogger theme settings or potentially modify the HTML/CSS of your template.

4. Dynamic Search Results Option:

• Step 1: Instead of using the label URL, you can also create a search query URL for the label:

  http://yourblogname.blogspot.com/search?q=LabelName
  

• Step 2: Link this search URL to a static page or menu item following the same steps as above.

By following these steps, you can easily connect your Blogger posts by label to a static page or menu element, enabling visitors to quickly access related content on your blog.

---

Hát most csak Google translatorral fordítva:

Az azonos címkével ellátott Google Blogger-bejegyzések statikus oldalhoz vagy menüelemhez való csatlakoztatásához kövesse az alábbi lépéseket:

1. Hozzon létre egy címke URL-t:

A Google Blogger automatikusan generál egy URL-t minden egyes, a bejegyzéseiben használt címkéhez. Az URL szerkezete így néz ki:

http://yourblogname.blogspot.com/search/label/LabelName

Cserélje ki a blognevét a tényleges blog nevére, a LabelName-et pedig az összekapcsolni kívánt címkére. Ne feledje, hogy a címkenevek megkülönböztetik a kis- és nagybetűket (!), és a szóközöket a %20 helyettesíti (pl. Label%20Name).

Javaslatom: jobb, ha nem használunk szóközöket (és speciális karaktereket, beleértve az ábécé speciális betűit is) a Címkékben!

például ezen az oldalon:

http://d4e1.blogspot.com/search/label/DataScience

2. Hozzon létre egy statikus oldalt vagy menüelemet:

Ha egy statikus oldalon vagy a blog menüjében szeretne linket hozzáadni ehhez a címkéhez, kövesse az alábbi lépéseket:

A. Hivatkozás egy statikus oldalon:

Előfeltételek:

Előzetesen létre kell hozni egy statikus oldalt, lehetőleg a megosztott Címke által meghatározott "témához" kapcsolódó névvel vagy azzal megegyező névvel. Lásd lent a 2. lépést!

Olyan bejegyzések, amelyek ugyanazzal a címkével rendelkeznek, amely meghatározza a közös jellegüket, vagy az alapján, hogy mi alapján lehet gyűjteményt készíteni. Például: 'DataScience'. Legyen óvatos, a címkék megkülönböztetik a kis- és nagybetűket!

Lépések:

1. lépés: Nyissa meg a Blogger irányítópultját.

2. lépés: Lépjen az Oldalak elemre, és kattintson az Új oldal elemre.

3. lépés: Az oldalszerkesztőben hozzáadhat egy hivatkozást, amely a címke URL-jére mutat. Használja a következő HTML kódot a bejegyzések listázásához, adja hozzá az oldal tartalmához HTML nézetben, amelyet általában a bal felső sarokban érhet el ceruza ikonként:

Ha rákattint, válassza ki a HTML nézetet < > ikonnal a két lehetőség közül a legördülő listában (egy másik lehetőség az Írás nézet, ceruza ikonnal)

általában:

<a href="http://yourblogname.blogspot.com/search/label/LabelName">Az összes bejegyzés megtekintése a LabelName alatt</a>

ezen a weboldalon ez a következő:

<a href="http://yourblogname.blogspot.com/search/label/DataScience">A DataScience-hez kapcsolódó összes bejegyzés megtekintése</a>

4. lépés: Mentse el és tegye közzé az oldalt.

Megjegyzés: az oldal tartalmazhat további szöveget, de a fenti kóddal történő egyszerűsítés csak megkönnyíti a Látogatók életét.

B. Link a Gadgetben: Oldalak - Menüpont létrehozása:

Ez a módszer olyan viselkedést eredményez, hogy valaki rákattint egy menüpontra, és a meghatározott (címkés) keresési eredmények betöltődnek és megjelennek.

1. lépés: Nyissa meg a Blogger irányítópultját.

2. lépés: Lépjen az Elrendezés elemre.

3. lépés: Keresse meg azt a részt, ahol a menüje található, általában Oldalak vagy Menü címkével, vagy egy keresztmetszeti elem tartalmazza az Oldalak modult:

Google Blogger – Oldalak modul

Javasoljuk, hogy az oldal tetején legyen a Keresztoszlop szakaszban (lásd fent).

4. lépés: Kattintson a Gadget hozzáadása lehetőségre, és válassza az Oldalak lehetőséget a sablontól függően, vagy válassza a Szerkesztés lehetőséget, ha már léteznek oldalak.

5. lépés:

 Új elem hozzáadása és a címke URL-címe hivatkozásként szúrja be a menübe:

Új oldalelem hozzáadása

Új oldalelem paraméterek

Név: A menüben megjeleníteni kívánt szöveg (pl. "Címkenév bejegyzések").

ebben az esetben: "DataScience" került hozzáadásra

URL: http://yourblogname.blogspot.com/search/label/LabelName

6. lépés: Mentse el a módosításokat,

és nézze meg az eredményt, hogyan néz ki a webhelyWebhely menüben

Amikor a DataScience-re kattintunk, a gyűjtemény egy kezdő megjegyzéssel jelenik meg:

a címkéd itt + a Minden bejegyzés megtekintése link.

C. Hivatkozás egy modulban (linklista):

1. lépés: Nyissa meg a Blogger irányítópultját.

2. lépés: Lépjen az Elrendezés elemre.

3. lépés: Keresse meg azt a részt, ahol a menüje található, általában Oldalak vagy Menü címkével.

4. lépés: Kattintson a Gadget hozzáadása lehetőségre, és válassza a Hivatkozáslista vagy az Oldalak lehetőséget a sablontól függően.

5. lépés: Adja hozzá a címke URL-jét új hivatkozásként a menüben:

Név: A menüben megjeleníteni kívánt szöveg (pl. "Címkenév bejegyzések").

URL: http://yourblogname.blogspot.com/search/label/LabelName

6. lépés: Mentse el a változtatásokat.

3. A címkeoldal megjelenésének testreszabása:

Alapértelmezés szerint a címkeoldalon az összes, ezzel a címkével ellátott bejegyzés időrendi listában jelenik meg. Ha testre szeretné szabni a lista megjelenését (például az oldalankénti bejegyzések számát), módosítania kell a Blogger-téma beállításait, vagy esetleg módosítania kell a sablon HTML/CSS-jét.

4. Dinamikus keresési eredmények opció:

1. lépés: A címke URL-címének használata helyett létrehozhat egy keresési lekérdezési URL-t is a címkéhez:

http://yourblogname.blogspot.com/search?q=Címkenév

2. lépés: Kapcsolja össze ezt a keresési URL-t egy statikus oldalhoz vagy menüelemhez a fenti lépéseket követve.

Ha követi ezeket a lépéseket, könnyedén összekapcsolhatja Blogger-bejegyzéseit címke alapján egy statikus oldallal vagy menüelemekkel, így a látogatók gyorsan hozzáférhetnek a blogja kapcsolódó tartalmaihoz.