{"id":8754,"date":"2019-03-19T16:57:03","date_gmt":"2019-03-19T16:57:03","guid":{"rendered":"http:\/\/ubuntuhandbook.org\/?p=8754"},"modified":"2021-07-22T14:29:26","modified_gmt":"2021-07-22T14:29:26","slug":"move-clock-to-right-top-panel-ubuntu-18-04","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2019\/03\/move-clock-to-right-top-panel-ubuntu-18-04\/","title":{"rendered":"[Quick Tip] Move Clock To The Right of Top Panel in Ubuntu 18.04\/20.04"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/12\/gnome-icon250.png\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-full wp-image-33105\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/12\/gnome-icon250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/12\/gnome-icon250-150x150.png 150w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/p>\n<p>This quick tutorial is going to show how to <b>move the clock from middle to the right of the top panel<\/b> in Ubuntu 18.04, Ubuntu 20.04, and Ubuntu 21.04 Gnome Shell.<\/p>\n<p>The date and time is by default displayed in the middle of top panel in Gnome 3 desktop. It&#8217;s hard coded with no tweak option to change its position. However, a Gnome Shell extension can do the job.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-toright-600x290.jpg\" alt=\"\" width=\"600\" height=\"290\" class=\"aligncenter size-large wp-image-8755\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-toright-600x290.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-toright-450x218.jpg 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-toright-768x371.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-toright.jpg 1365w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h3>Install Frippery Move Clock in Ubuntu 18.04:<\/h3>\n<p>Open Ubuntu Software, search for and install <code>frippery move clock<\/code>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-extension-600x275.jpg\" alt=\"\" width=\"600\" height=\"275\" class=\"aligncenter size-large wp-image-8756\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-extension-600x275.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-extension-450x206.jpg 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/move-clock-extension.jpg 743w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Once you installed the extension, the clock change its position to right. <\/p>\n<h3>Install the Extension in Ubuntu 20.04:<\/h3>\n<p>Since Ubuntu 20.04, you can no longer install Gnome Extensions from <i>Ubuntu Software<\/i>. Instead, do following steps to install it via web browser:<\/p>\n<p>1.) Firstly, open terminal (Ctrl+Alt+T) and run command to install chrome-gnome-shell and gnome extensions app:<\/p>\n<pre>sudo apt install chrome-gnome-shell gnome-shell-extension-prefs<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs.png\" alt=\"\" width=\"600\" height=\"150\" class=\"aligncenter size-full wp-image-32875\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs-450x113.png 450w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>2.) Go to the extension web page, and click the toggle icon to install it:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/2\/move-clock\/\" target=\"_blank\" rel=\"noreferrer noopener\">Install Frippery Move Clock<\/a><\/div>\n<\/div>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/install-flippery-clock.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/install-flippery-clock-600x353.jpg\" alt=\"\" width=\"600\" height=\"353\" class=\"aligncenter size-large wp-image-34224\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/install-flippery-clock-600x353.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/install-flippery-clock-300x176.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/install-flippery-clock-768x451.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/03\/install-flippery-clock.jpg 970w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Don&#8217;t see the toggle icon? Click <i>&#8216;click here to install browser extension&#8217;<\/i> to install browser extension and refresh the web page.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png\" alt=\"\" width=\"520\" height=\"256\" class=\"aligncenter size-full wp-image-10357\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png 520w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension-450x222.png 450w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><\/p>\n<p>(<i>Optional<\/i>) Once installed, it moves clock to the right automatically. You can then manage extensions, by searching for and open <b>Extensions<\/b> from system app launcher.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/open-extensions.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/open-extensions.jpg\" alt=\"\" width=\"600\" height=\"287\" class=\"aligncenter size-full wp-image-33779\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/open-extensions.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/open-extensions-300x144.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>That&#8217;s it. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>This quick tutorial is going to show how to move the clock from middle to the right of the top panel in Ubuntu 18.04, Ubuntu 20.04, and Ubuntu 21.04 Gnome Shell. The date and time is by default displayed in the middle of top panel in Gnome 3 desktop. It&#8217;s hard coded with no tweak [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[1675],"class_list":["post-8754","post","type-post","status-publish","format-standard","hentry","category-howtos","tag-clock-to-right"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/8754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=8754"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/8754\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=8754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=8754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=8754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}