{"id":6307,"date":"2022-05-23T13:44:00","date_gmt":"2022-05-23T13:44:00","guid":{"rendered":"https:\/\/logwork.com\/blog\/?p=6307"},"modified":"2022-07-16T12:54:23","modified_gmt":"2022-07-16T12:54:23","slug":"how-to-add-a-countdown-timer-to-blogger","status":"publish","type":"post","link":"https:\/\/logwork.com\/blog\/how-to-add-a-countdown-timer-to-blogger","title":{"rendered":"How to Add a Countdown Timer to Blogger\u2028"},"content":{"rendered":"\n<h3 class=\"has-text-align-center wp-block-heading\"><em>It\u2019s even easier than you could imagine!<\/em><\/h3>\n\n\n\n<p>In Blogger, you have 2 opportunities &#8211; to add a countdown timer on a <strong>Post<\/strong> and as a <strong>Widget<\/strong>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Firstly, let&#8217;s see how you add the countdown timer as a gadget.<\/h3>\n\n\n\n<p>1. Go to <strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">Countdown Timer Builder<\/a><\/em><\/strong> and copy the embedded code of the countdown timer. In case you haven\u2019t set one yet, go and do this.<\/p>\n\n\n\n<p>2. Click on <strong>Layout<\/strong> icon and choose <strong>Add a Gadget <\/strong>option in a certain field.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2210\" height=\"1192\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-1.png\" alt=\"Countdown Timer Blogger 1\" class=\"wp-image-6334\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-1.png 2210w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-1-300x162.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-1-768x414.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-1-1024x552.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-clock-countdown-timer-blogger-1-600x324.png 600w\" sizes=\"auto, (max-width: 2210px) 100vw, 2210px\" \/><\/figure>\n\n\n\n<p>3. Then, in the bottom left side, you will see <strong>HTML\/JavaScript<\/strong>. Click on it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2206\" height=\"1504\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-2.png\" alt=\"Blogger 2\" class=\"wp-image-6335\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-2.png 2206w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-2-300x205.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-2-768x524.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-2-1024x698.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-2-600x409.png 600w\" sizes=\"auto, (max-width: 2206px) 100vw, 2206px\" \/><\/figure>\n\n\n\n<p>4. Now you are ready to configure HTML\/JavaScript. In the <strong>Content<\/strong> field, paste the code.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2208\" height=\"1562\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/install-the-countdown-timer.png\" alt=\"Install the Countdown Timer\" class=\"wp-image-6336\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/install-the-countdown-timer.png 2208w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/install-the-countdown-timer-300x212.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/install-the-countdown-timer-768x543.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/install-the-countdown-timer-1024x724.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/install-the-countdown-timer-600x424.png 600w\" sizes=\"auto, (max-width: 2208px) 100vw, 2208px\" \/><\/figure>\n\n\n\n<p>5. <strong>Save<\/strong> your deed and see what you&#8217;ve got!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2410\" height=\"1592\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-demo.png\" alt=\"Countdown Timer Blogger Demo\" class=\"wp-image-6337\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-demo.png 2410w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-demo-300x198.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-demo-768x507.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-demo-1024x676.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-blogger-demo-370x245.png 370w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-countdown-timer-blogger-demo-600x396.png 600w\" sizes=\"auto, (max-width: 2410px) 100vw, 2410px\" \/><\/figure>\n\n\n\n<p><strong>NOTE<\/strong> Feel free to contact us in case you have any questions!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Now let&#8217;s see how you add it to a blog post.<\/h3>\n\n\n\n<p>1. Go to <strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">Countdown Timer Builder<\/a><\/em><\/strong> and copy the embedded code of the countdown timer. In case you haven\u2019t set one yet, go and do this.<\/p>\n\n\n\n<p>2. Click on <strong>Posts, New post<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2210\" height=\"1286\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-post-1.png\" alt=\"Blogger Post 1\" class=\"wp-image-6338\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-post-1.png 2210w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-post-1-300x175.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-post-1-768x447.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-post-1-1024x596.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/blogger-post-1-600x349.png 600w\" sizes=\"auto, (max-width: 2210px) 100vw, 2210px\" \/><\/figure>\n\n\n\n<p>3. Click on <strong>HTML<\/strong> and add the <strong>Embedded code<\/strong> of the countdown clock. <strong>Save<\/strong> it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2212\" height=\"1082\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/how-to-install-free-countdown-timer-for-blogger.png\" alt=\"How to Install free Countdown Timer for Blogger\" class=\"wp-image-6339\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/how-to-install-free-countdown-timer-for-blogger.png 2212w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/how-to-install-free-countdown-timer-for-blogger-300x147.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/how-to-install-free-countdown-timer-for-blogger-768x376.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/how-to-install-free-countdown-timer-for-blogger-1024x501.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/how-to-install-free-countdown-timer-for-blogger-600x293.png 600w\" sizes=\"auto, (max-width: 2212px) 100vw, 2212px\" \/><\/figure>\n\n\n\n<p>3. Refresh the page to see your changes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2542\" height=\"1868\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-blogger.png\" alt=\"Countdown Timer for Blogger\" class=\"wp-image-6340\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-blogger.png 2542w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-blogger-300x220.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-blogger-768x564.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-blogger-1024x752.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-blogger-600x441.png 600w\" sizes=\"auto, (max-width: 2542px) 100vw, 2542px\" \/><\/figure>\n\n\n\n<p><strong>NOTE<\/strong> Feel free to contact us in case you have any questions!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s even easier than you could imagine! In Blogger, you have 2 opportunities &#8211; to add a countdown timer on a Post and as a Widget. Firstly, let&#8217;s see how you add the countdown timer as a gadget. 1. Go to Countdown Timer Builder and copy the embedded code of the countdown timer. In case<\/p>\n","protected":false},"author":2,"featured_media":6527,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[210,209,208,81],"class_list":{"0":"post-6307","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips-and-tricks","8":"tag-blogger","9":"tag-countdown-clock","10":"tag-countdown-timer","11":"tag-how-to-install"},"_links":{"self":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts\/6307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/comments?post=6307"}],"version-history":[{"count":22,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts\/6307\/revisions"}],"predecessor-version":[{"id":8723,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts\/6307\/revisions\/8723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/media\/6527"}],"wp:attachment":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/media?parent=6307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/categories?post=6307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/tags?post=6307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}