How to set up smartphones and PCs. Informational portal
  • home
  • TVs (Smart TV)
  • New design on youtube. New YouTube design: Logo and video verticalization

New design on youtube. New YouTube design: Logo and video verticalization

Google recently introduced a permanent new design for its YouTube video hosting site. Many negatively rated it, but most users liked it. Even though design testing has already ended, for some, the switch did not happen automatically. Next, we will talk about how to manually switch to the new YouTube design.

We have selected completely different methods, they are all simple and do not require certain knowledge or skills to complete the entire process, but they are suitable for different users. Let's take a closer look at each option.

Method 1: Entering a command into the console

There is a special command entered in the browser console that will take you to the new YouTube design. You only need to enter it and check if the changes have been applied. This is done as follows:

For some users, this method does not bring any results, so we recommend that they pay attention to the next option for moving to a new design.

Method 2: Go through the official page

Even during testing, a separate page was created with a description of the future design, where there was a button that allowed you to switch to it for a while and become a tester. Now this page is still working and allows you to permanently switch to the new version of the site.


You will be automatically redirected to a new YouTube page with an updated design. Now in this browser it will be saved forever.

Method 3: Remove the YouTube Revert Extension

Some users did not accept the new site design and decided to stay with the old one, but Google removed the ability to automatically switch between designs, so all that remained was to change the settings manually. One solution was to install the YouTube Revert extension for Chromium-based browsers. Accordingly, if you want to start using the new design, then the plugin must be disabled or removed, you can do this as follows:


After completing these steps, YouTube will be displayed in a new way. If you disable this extension, then after its next launch, the design will return to the old version.

Method 4: Deleting data in Mozilla Firefox

Owners of the Mozilla Firefox browser, who did not like the new design, did not update it or introduced a special script to restore the old design. Because of this, the above methods may not work specifically in this web browser.

Before performing this method, you should pay attention to the fact that it is radical and in the process of deleting data, all bookmarks, passwords and other browser settings will be erased. Therefore, we recommend that you export and save them in advance for further restoration, or even better, enable synchronization. Read more about it in our articles at the links below.

More:
How to export , from Mozilla Firefox browser

To switch to the new look of YouTube, follow these steps:


These actions completely reset any browser settings, and it becomes what it was immediately after installation. Now you can go to the YouTube website and get started with the new design. Since the browser is now missing any old user settings, they need to be restored. You can learn more about this from our articles at the links below.

Today we have analyzed a few simple options for migrating to the new version of YouTube video hosting. They all need to be done manually, since Google has removed the button for automatically switching between skins, but this will not take you much time and effort.

Hello, friends! Just a couple of days ago, YouTube video hosting announced the start of testing a new design. I also tried this one. I will say that switching to a new design is both simple and difficult at the same time. Therefore, I will tell you and show you how to do it quickly. Personally, the new design of YouTube conquered me, and I started using it with pleasure. I don't think you will regret it either.

To upgrade your YouTube, you need to scroll the page to the very bottom and click on the inscription "New Chips" .

You will be taken to a page like the screenshot below. And on this page you need to click the button "Go to new design" .

On the next page, YouTube will brag about how good it has become and offer to press the button "Try" .

A new video hosting interface will immediately open. Note that it is now completely white. And now it is impossible to scroll the page to the end. This end simply does not exist. Scrolling is endless.

Another novelty of the new design was that the tab "My channel" is now in a completely different place. You need to look for it behind the image of your Avatar. Now, in a new design, the Avatar has become the key to many user and/or channel owner functions. See for yourself in the screenshot what features are now hidden behind your favorite Avatar.

A very interesting solution. Here, on the tab, you can turn on the so-called night mode and your YouTube will become almost black. By the way, I chose this display option for myself. If you don't like something in the new design, then you can go back to the old one from this tab.

On the tab "My channel" you will see two big blue buttons.

The first one will return you to the old design, and the second one, respectively, to the creative studio, but again in the old design. I think that soon there will be no first button, and when you click on the second one, we will get to completely different views. This is still a trial version, not final, because when you change back from the new design to the old one through the menu hidden behind the Avatar, you will be asked to answer a few questions regarding the new product.

Blog owners are also waiting for small changes. In principle, getting a code for your video does not differ from this operation in the old design, only there are differences in the visual perception of the whole process.

I recorded a short video with a brief overview of the new interface. Watch it, you will already have a certain idea. And already on this video, you can decide to stay in the old design or switch to a new one without waiting for it to be finalized.

How do you like the new one? Agree that reading the letters is one thing, but looking at it with your eyes is quite another. I want you to decide. I'm already working on a new design. Write what choice you made. What did you not like about the new product? I look forward to your comments.

Sincerely, Sergey Pochechuev.

YouTube has officially introduced the new design and made it available for all devices, announced on the developers blog.

Finally, everything has been corrected and the updated interface can be enjoyed by all users. The new design of YouTube 2017 is available on PC and mobile devices.

New YouTube logo

The first thing that users noticed on the site on August 29 was the new YouTube logo, in which the name went beyond the red icon. The new design of "YouTube" will better adapt to the screen size of any device. The updated logo is noticeable not only on the main page, but also in the lower right corner of the player.

material design

YouTube finally switched to the Material Design style and removed everything superfluous from the site, thereby unloading the page from unnecessary elements. YouTube also slightly reduced the use of red in the site's color scheme. The gray background has been changed to white, and the navigation bar has become less prominent.

The video icons have increased, become more noticeable, the color of the links has been changed to black. Now they attract viewers more, and if you don’t want to watch, you can hide the video by selecting the appropriate item in the video menu.

Dark Mode Youtube

As you remember, this year YouTube added a "night mode" to relieve eye strain while watching videos in the dark. In April, users noticed that the YouTube interface could become dark and even figured out how to switch to secret mode on their own. Now you do not need to perform tricky manipulations, just turn on / off the "night mode" in the channel menu.

Video Verticalization

Recently, a system for adjusting the playback window to the screen size was tested on the site, I wrote about this. And now YouTube will show vertical videos without annoying black bars around the edges of the player.

Easy rewind

The holiday is approaching - International Women's Day. Let's get ready for it. You can congratulate girls and women in an original way using the postcard services, which will be discussed below.

You can use the same services that we used for.

Ready postcard services

Create a postcard March 8 online

Use the following services to create a postcard from scratch.

  1. Canva is a well-known functional photo editor. Here you will find many templates. Registration required.
  2. Printclick If you have your own business, you can order a batch of postcards with the logo and contacts of your company. You can also use the princlick postcard generator. Great promotion and inexpensive.
  3. Crello is an editor that requires registration. Do not be afraid of the English language, in the settings you can switch to Russian.
  4. Online postcard - for those who have a well-developed imagination, as they will have to create a postcard from scratch.
  5. Mumotiki - prepare a beautiful picture and you can add a congratulatory text here. By the way, if you just need to add text to the picture, then you can check out.

I hope that using one of these generators, you will be able to adequately congratulate your ladies on March 8!

Author: Ivanova Natalia

2019-02-17

The content of the article:

Google Plus is shutting down

The Google Plus platform did not live up to the hopes of the developers and will be completely removed on April 2, 2019. Together with it, the albums associated with it in Google Photos will disappear, and authorization on sites with a Google Plus account will become inaccessible. Since February 4, the function of creating Google Plus profiles, channels and pages has become inaccessible. If valuable content was stored on your account, then you can download a backup copy.
Most of the changes will affect bloggers running their blogs on Blogspot. Some G+ widgets, G+ comments, and your Google+ profile will no longer be available. This is stated in the notification in the Blogger admin panel:
Following the announcement of the end of the Google+ API scheduled for March 2019, there will be a number of changes to Blogger's integration with Google+ on February 4th.
Google+ Widgets. The +1 Button, Google+ Followers, and Google+ Badge widgets will no longer be supported in blog designs. All instances of these widgets will be removed from your blog.
Buttons +1. The +1 and G+ buttons will be removed, as well as the "Share to Google+" links below blog posts and in the navigation bar.
Please note that if you are using a custom template that includes Google+ features, it may need to be modified. Seek guidance from the person who provided you with this template.
Google+ Comments. Support for comments using Google+ will be discontinued, and standard Blogger comments will be restored for all blogs that use this feature. Unfortunately, comments posted via Google+ cannot be transferred to Blogger, so they will no longer appear on your blog.

Deleting Google Plus Comments

Unfortunately, the comments that were published in the system will be deleted forever. You can only use the same tool https://takeout.google.com to say backup comments from Google+ to your computer. Only a bootloader is not provided for it, and you can only restore comments manually in a rather crooked way. It's good that I'm in my time on time.

How to replace google plus profile with blogger profile

If you're blogging on Blogspot, it's a good idea to switch back from your Google Plus profile to your Blogger profile now (for those who switched to Google Plus in the past). I recommend doing this right now in order to avoid unforeseen situations that may occur when deleting Google Plus accounts.

How to get your Blogger profile back

This is easy to do in the Blogger admin settings:
Settings –> User Settings –> User Profile – select Blogger here


Save your changes.

Confirm the transition to and enter your name or nickname.

Don't forget to upload an avatar on your Blogger profile.

how to delete google plus profile

If you decide to get rid of your G+ profile once and for all, then go to your Google Plus page –> Settings –> scroll to the bottom of the page –> delete your Google Plus account:


Author: Ivanova Natalia

Today I will tell you what CSS3 is, what it is eaten with, where to look for it, how to write it correctly. I warn you, I will tell from myself, simplified for the general public, as I see it + examples. So, let's start from afar.
CSS is styles that describe the properties of an object. This means that they are in all existing engines, if you cannot find them, then either look in the wrong place, or they really do not exist ( curve site). Where are they usually found? Usually this is the root of the site, the name of the style.css file, although, in principle, the name is not as important as the .css extension if the file with such an extension is a style file.
See also on my blog.

Where to look for them?

The path to the file is attributed in the template between
" />
Blogspot is a little different, where styles are written right in the code, before the tag between
here styles

What do styles look like?

let's look at an example:
#header ( background: #fff; font-size: 13px; line-height: 1.5; font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; color: #333; ) .contacts ( position: absolute; top: 20px; right: 10px; )
website site author contacts
You can view the styles on any site, all you need is a browser. Now you can easily recognize them by reading how they look in this article.
As you can see, the styles are written differently. Styles that start with a pound sign have a specific block id in , styles with a dot have a specific block class. Otherwise, the styles will not work. You can come up with whatever names you want, the main thing is that they correspond to the written id and class in html. Style properties must be enclosed in parentheses and followed by a colon ( look at the example above), the parameter is written and closed with a semicolon. It is allowed that in the last property at the end you can not put a semicolon, just a closing bracket.
It happens that CSS is written immediately in a block, without outputting it to a separate file:
site header

CSS on Blogspot

Styles can be written differently, I will explain later because of what. Opening the code, we can see this (look at the styles carefully, and you will see the familiar blogging tags that set the styles):
As you can see, the style property .Header h1 listed separately above. How to understand and find a property? very simple, font there is a parameter header.font, that's what we're looking for. We find it in the "Blog Title" property group for the ".header h1" style, inside 2 properties "header.font" and "header.text.color". Here we are changing them. This is done to speed up the reading of styles by the browser, so it makes fewer requests. After all, the property header.text.color may be repeated elsewhere. There is more below header.shadow.offset.left and others, the meaning in them is the same, I will not repeat.
When they say to search in css (or styles), it means we are looking in blogspot between tags
and usually before the tag
unless of course they are written directly in html (example above, styles in blocks). In other cms, everything is usually placed in a separate file with the .css extension

Author: Ivanova Natalia

2019-02-15

This latest article is written to provide up-to-date information on removing redundant links from Blogspot templates as well as new Blogger themes. As you know, there have been changes in the Blogger codes in 2018, so many code actions need to be done in a new way. Plus, there are new themes that are formed differently. In connection with these changes, we will analyze the topic of deleting links.
You can check your blog for external links on the services https://pr-cy.ru/link_extractor/ and https://seolik.ru/links. Do not forget that you need to check not only the main page of the blog, but also the page of records (posts) and pages (Page). A large number of external links open for indexing hinder .

How to Remove Links from the Old Standard Blogger Template

Using the Simple template as an example.
Such templates give the most inbound links. In my test blog, when installing a simple theme, when checking, 25 external links were found on the main page, of which 14 were indexed.
I remind you that before making changes in the template code, make a backup copy!
  1. Remove Blogger Link - https://www.blogger.com/. This link is wrapped in an Attribution widget. In the "Blog Design" tab, it appears as an Attribution gadget and . To remove it, go to the "Theme" tab-> edit HTML. By searching for widgets (list of widgets), we find Attribution1 and delete all the code along with the footer section in which it is enclosed. This is what the removed code looks like in collapsed form:


    And so the full code:














    We save the changes and check the blog for Attribution.
  2. You have certainly seen the “Wrench and Screwdriver” icons on your blog for quick editing of widgets. Each such icon carries with it an external link to Blogger. Now they are closed by the nofollow tag, but you still need to get rid of them. You will edit widgets in the Design tab.
    Here is an incomplete list of links that are encrypted in wrench icons (the blog ID will be yours)
    - HTML1 Widget: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - HTML2 widget http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Blog archive: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Blog Labels: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Popular posts: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    All these links are easy to get rid of. Find the tag in your blog template . It occurs as many times as there are widgets on your blog. Remove all occurrences of a tag .
  3. We remove links to quick editing of a blog entry (the “Pencil” icon). Makes it easier to edit posts, but carries the threat as an external link of the form: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    How to delete:
    Method 1. In the Design tab, edit the "Blog Posts" element and uncheck the "Show "Quick Edit"" checkbox.
    Method 2. find the tag in the blog template and delete it. Save your changes and check your blog for the icon and link.
  4. Delete Navbar. Search for widgets in the html template of the Navbar1 blog and delete all the code along with the section.

    Namely:









    Now the Navbar on the blog does not provide indexable external links, but I believe that this is an extra element that does not carry a functional load, and it is better to remove it.
  5. Remove external links to images. When images are uploaded to a blog post, a link is automatically embedded in them. To remove such links, you need to edit all blog posts. In the “View” mode and then to the “Link” icon. If the image does not contain an external link, then when clicking on the photo in the post editor, the “Link” icon is not active (there is no icon illumination).

  6. Remove the link to the blog author's profile. Delete the author of the blog under the entry. To do this, find the code trueand write false instead of true. It turns out false
  7. Close the link from the “ ” widget from indexing with the nofollow tag. If you use the “profile” widget in your blog, then use a quick widget search in the blog template to find the Profile1 gadget code. You need to edit the widget code, replacing rel='author' with in two places and adding to the two links. You should get something like in the screenshot:


    Made using the example of editing a Google Plus profile. As a reminder, Google Plus will be phased out on April 2, 2019. Accordingly, after this date, it will be necessary to make other changes in the code of the “About me” widget.

  8. Check for external links on any Blogspot post page that has comments. Find and delete the code in the blog template:

    In the Blog Settings along the path Blog Settings -> Other -> Site Feed -> Allow Blog Feed, apply the following settings:

Remove external links from the new default Blogger template

Using the Notable theme as an example
  1. Removing Attribution (link below - Blogger Technologies)
    We find Attribution1 in the widget search blog template (list of widgets) and delete the code along with the section by analogy with the old Blogger template (see above 1).
  2. Remove the link from the "Report Abuse" widget. This is the ReportAbuse1 widget. We find in the search for widgets:
    The whole code looks like this:




  3. We check the blog post page with comments and remove links by analogy with the old blog templates (see above - point 8).
  4. Remove links from blog posts that are embedded in post images (see point 5).

How to create an image gallery You can also test my gallery at the end of this article and add your own links. This is welcome 😉 Ivanova Natalia

Top Related Articles