Blog: Fineshop Design

Posts

How to make Offer Widget with Countdown Timer for Blogger

How to make Offer Widget with Countdown Timer for Blogger

Make a Countdown Timer for your website's upcoming events, offers, sales and discounts using HTML, CSS and JavaScript.

How to get Channel or Group Information using Telegram API

How to get Channel or Group Information using Telegram API

Easy Steps to get Telegram Group or Channel Information, e.g. description, members count, etc using Telegram API.

How to build a PWA (Progressive Web App) for Blogger

How to build a PWA (Progressive Web App) for Blogger

Build a Progressive Web App for your Blogger Website to enhance your visitors' experience in an easy way.

How to Create Stylish Codebox for Blog Posts

How to Create Stylish Codebox for Blog Posts

If you provide Codes to your visitors, this Codebox will help you to do that, it also contains a button to copy the Codes.

How to add No Internet Connection Widget to Blogger

How to add No Internet Connection Widget to Blogger

You can use this widget to notify users that there is currently no internet connection, if the internet connection goes off.

How to add Double Click to Copy Pre Content to Blogger

How to add Double Click to Copy Pre Content to Blogger

If you post coding related articles, adding Double Click to Copy Pre Content will help your visitors to easily copy the syntax codes.

How to Add Stylish Middle Related Posts Accordion in your Blog Post

How to Add Stylish Middle Related Posts Accordion in your Blog Post

Related Posts in the middle of your posts will be helpful for your visitors as it will show a list of more matching articles, they can view and read…

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/194262808-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4cpaoOLDFeT45oHuKTeHhcQSSriA:1680366206564';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3667079295234480644','//www.fineshopdesign.com/search?updated-max\x3d2022-04-12T04:29:00-07:00\x26max-results\x3d7','3667079295234480644');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3667079295234480644', 'title': 'Fineshop Design', 'url': 'https://www.fineshopdesign.com/search?updated-max\x3d2022-04-12T04:29:00-07:00\x26max-results\x3d7', 'canonicalUrl': 'https://www.fineshopdesign.com/search?updated-max\x3d2022-04-12T04:29:00-07:00\x26max-results\x3d7', 'homepageUrl': 'https://www.fineshopdesign.com/', 'searchUrl': 'https://www.fineshopdesign.com/search', 'canonicalHomepageUrl': 'https://www.fineshopdesign.com/', 'blogspotFaviconUrl': 'https://www.fineshopdesign.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-5256159H92', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fineshop Design - Atom\x22 href\x3d\x22https://www.fineshopdesign.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Fineshop Design - RSS\x22 href\x3d\x22https://www.fineshopdesign.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fineshop Design - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3667079295234480644/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-6450536625798530', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/17633b1e5b44daa3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Fineshop Design', 'metaDescription': 'The Best Website where you can find Blogger Widgets, Tech News, Tech Reviews, Coding related Tutorials and many more.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Fineshop Design', 'description': 'The Best Website where you can find Blogger Widgets, Tech News, Tech Reviews, Coding related Tutorials and many more.', 'url': 'https://www.fineshopdesign.com/search?updated-max\x3d2022-04-12T04:29:00-07:00\x26max-results\x3d7', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': false, 'search': {}}}, {'name': 'widgets', 'data': [{'title': 'License Key - Don\x27t remove or disable', 'type': 'HTML', 'sectionId': 'license', 'id': 'HTML15'}, {'title': 'Fineshop Design (Header)', 'type': 'Header', 'sectionId': 'header-title', 'id': 'Header1'}, {'title': 'Try \x27Adventure\x27', 'type': 'BlogSearch', 'sectionId': 'header-search', 'id': 'BlogSearch1'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'header-icon', 'id': 'TextList000'}, {'title': 'Contributors', 'type': 'Profile', 'sectionId': 'header-icon', 'id': 'Profile1'}, {'title': 'Additional Menu', 'type': 'PageList', 'sectionId': 'nav-widget-1', 'id': 'PageList002'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'nav-widget-1', 'id': 'LinkList002'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'nav-widget-2', 'id': 'HTML000'}, {'title': 'Notification', 'type': 'HTML', 'sectionId': 'notif-widget', 'id': 'HTML0'}, {'title': 'Pinned Post', 'type': 'FeaturedPost', 'sectionId': 'top-widget', 'id': 'FeaturedPost1', 'postId': '946191245667093000'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-widget', 'id': 'Blog1', 'posts': [{'id': '1622671380047149352', 'title': 'How to make Offer Widget with Countdown Timer for Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjH6dqzxKfJepAwK2AuPuKkqp0-XrQucCWU7aMUSKa89DsnZq5MnkhjJ15UNN3tW8fnvYv6wpZwYA7zPPVvdjwkmzZpS7omuLH6fuIaANquSi6wob2wCE-tm-m0NKUlftR44hknPADwaWPinKAXj8yIAwQSTm11uMeqPcI8cB9u3a_7_WXvkGSzNJLSQ/s0-rw/Countdown_Offer_Widget_%28Fineshop_Design%29.webp', 'showInlineAds': false}, {'id': '8664372353820550215', 'title': 'How to get Channel or Group Information using Telegram API', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWQgglaAV5YnsvO9TvNoyqHeJ5e9dttgKy-fbNl4p3xLgXITulvXKf8eTXXWn6YWdlr9m51TeEqKrRc1S-nGxAFUYjlMU1Rp1CNMXVMwvEDh3cZ6OQrOg7eV074N5QKS9BkbBxndVf4OqM79Ips2_LCgJrc1o0Lp6scJNP9mbGPlFJe75yCGP51aaEg/s0-rw/getChat_Method_Telegram_API.webp', 'showInlineAds': false}, {'id': '7396795056227285389', 'title': 'How to build a PWA (Progressive Web App) for Blogger', 'featuredImage': 'https://1.bp.blogspot.com/-EPlUnls8vfc/YiQZJPGiVNI/AAAAAAAACV8/ISaDYB5qDus50xvd6b3GFQkZP-j12QJkACNcBGAsYHQ/s0-rw/Activate_Progressive_Web_App_in_Blogger_%2528Fineshop_Design%2529.webp', 'showInlineAds': false}, {'id': '2516187803080340633', 'title': 'How to Create Stylish Codebox for Blog Posts', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6h2z7JFv7TCbsmN61IaTnq6x2tGxOcdCF38ZuSuicZtmlC40_mmj9qXQFfOGf6lENi4vpJjxU00Pwv_fF8xY3H7jzXJF1S-bs0hRF5wNZfrc1dhORy2NBSnoKVmkZxvitWE619djbOAG-ubNFI3mDYGRn1chaTE2wvLjMEnOlmGZAr15AWxqTmNqVPQ/s0-rw/Codebox_For_Blog_Posts_%28Fineshop_Design%29.webp', 'showInlineAds': false}, {'id': '3730502396342337445', 'title': 'How to add No Internet Connection Widget to Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp1JK6ujUN7q2mm91sSMk60w3OZNBMOVS8kNCCQwuOedXiYykv410UlfFdTsFnRVFrMjkLQS1kIIjRm8oMKeoAN0od9pXeDTgYp7fEhI-xXmyKiNSms8UkiPEBmJXYdTE4YEog6Q-SN-sp1QW_BPE5e-7VBdoZo5DSxEHRKUvcsePlgmJfVrO5w8R4w/s0-rw/No%20Internet%20Connection%20Widget%20for%20Blogger%20%28Fineshop%29.webp', 'showInlineAds': false}, {'id': '4114100046125623151', 'title': 'How to add Double Click to Copy Pre Content to Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAOROFq0J-c01xgFhDeDF8IszHzr4002e41mRh7BgpDbgTX-EYCSqrC_GTfQ9jjZ_dtcvD_x4W8Lh0tl7xQM6Xwb_Xzeadf2XYpfrRHONIvV6kUSDN1rG9H92K478rhr2nJuZuh9ci9k8E7U6CMAbRWZ6XPaNeHL4OP7X9W32r-CtEeB1OrV90nNeCzQ/s0-rw/Copy%20Pre%20Content%20for%20Blogger%20%28Fineshop%29.webp', 'showInlineAds': false}, {'id': '6231305167370302192', 'title': 'How to Add Stylish Middle Related Posts Accordion in your Blog Post', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcA1nr861qCskJyRd8fPEREiyQ0Ecr8RwVhJADEpoypG1ydbu7iP7EZQi50GKHRB259xd-LJeUAHuJE_AaHyJa3hwM3FOKaWC6JVFg6xRgxOf8XhTFAHVfJsb6-pVMhY6gz-5Uz6tlWG3RbXVjjj6ENvYsYh5KqAZxs8B0HHfQ2XFqMIo75EpU1KnSyQ/s0-rw/Related%20Posts%20Accordion%20For%20Blog%20Posts%20%28Fineshop%29.webp', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Useful Blogger Widgets', 'type': 'HTML', 'sectionId': 'main-widget', 'id': 'HTML2'}, {'title': 'JavaScript Tutorials', 'type': 'HTML', 'sectionId': 'main-widget', 'id': 'HTML3'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'side-widget', 'id': 'PopularPosts00', 'posts': [{'title': 'How to get Channel or Group Information using Telegram API', 'id': 8664372353820550215}, {'title': 'How to add powerful Anti Ad Blocker to your site', 'id': 946191245667093000}, {'title': 'How to make Download Box with Countdown Timer for Blogger', 'id': 2858560800993511754}, {'title': 'How to Create a Contact Form using Telegram Bot API', 'id': 7332488657134362353}, {'title': 'Prevent Adsense from Click Bombing using Vanilla JavaScript - Cookie Based', 'id': 5632140301714251135}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'side-widget', 'id': 'Label00'}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'side-widget', 'id': 'HTML11'}, {'title': 'Made with coffee by', 'type': 'HTML', 'sectionId': 'footer-widget-1', 'id': 'HTML77'}, {'title': 'Social Media Link', 'type': 'LinkList', 'sectionId': 'footer-widget-1', 'id': 'LinkList1'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget-2', 'id': 'LinkList2'}, {'title': 'Product \x26amp; Service', 'type': 'LinkList', 'sectionId': 'footer-widget-3', 'id': 'LinkList3'}, {'title': 'Support', 'type': 'LinkList', 'sectionId': 'footer-widget-4', 'id': 'LinkList4'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'credit-widget', 'id': 'HTML88'}, {'title': 'Back to top', 'type': 'TextList', 'sectionId': 'credit-widget', 'id': 'TextList88'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'error-404', 'id': 'HTML404'}, {'title': 'Cookie Consent', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML21'}, {'title': 'Enable JavaScript!', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML25'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'section-contact-form', 'id': 'ContactForm005'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'license', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-title', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'header-search', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList000', 'header-icon', document.getElementById('TextList000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'header-icon', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList002', 'nav-widget-1', document.getElementById('PageList002'), {'title': 'Additional Menu', 'links': [{'isCurrentPage': false, 'href': '/p/sitemap.html', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': '/p/contact.html', 'title': 'Contact'}, {'isCurrentPage': false, 'href': '/p/donate.html', 'title': 'Donate'}], 'mobile': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList002', 'nav-widget-1', document.getElementById('LinkList002'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML000', 'nav-widget-2', document.getElementById('HTML000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML0', 'notif-widget', document.getElementById('HTML0'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'top-widget', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-widget', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1488974635-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3268905543-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main-widget', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main-widget', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts00', 'side-widget', document.getElementById('PopularPosts00'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label00', 'side-widget', document.getElementById('Label00'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'side-widget', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'footer-widget-1', document.getElementById('HTML77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-widget-1', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-widget-2', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer-widget-3', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'footer-widget-4', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML88', 'credit-widget', document.getElementById('HTML88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList88', 'credit-widget', document.getElementById('TextList88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'error-404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'addons-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'addons-widget', document.getElementById('HTML25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm005', 'section-contact-form', document.getElementById('ContactForm005'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '3667079295234480644', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY7UPIS-uoNo-5adpPpJyw1k2T_-SQ:1680366206565', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>