Notifications

Membuat teks berkedip di blogger menggunakan animasi CSS

Bloggermuda.com

December 27, 2024

Hello sobat Bloggermuda kali ini admin akan memberikan informasi cara membuat teks berkedip di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersma sama

Teks berkedip

Apa itu teks berkedip? teks berkedip merupakan efek animasi berkedip yang di gunakan pada sebuah teks ataupun tulisan, sehingga teks ataupun tulisan tersebut bisa berkedip-kedip karena efek penggunaan animasi CSS tersebut

Contoh tampilan

Jika kamu penasaran dengan bagaimana contoh tampilan teks berkedip di blogger, di bawah ini adalah contih tampilan nya

Periksa

Cara membuat teks berkedip

Baiklah sovat Bloggermuda sekarang saatnya admin bakal jelaskan mengenai cara membuat teks berkedip di blogger, silahkan baca dan ikuti setiap arahan yang bakal admin jelaskan di bawah ini

Kode CSS

Langkah pertama yang bisa kamu lakukan adalah memyalin kode CSS di bawah ini dan letakkan tepat diatas kode ]]<b:skin> atau sebelum kode ]]<b:skin>

.rahKedip{animation:rahKedip 2s linear infinite;animation-play-state: paused;animation-play-state: running;}@keyframes rahKedip {4% {margin-top: 0px;opacity: 1;} 0.001% {margin-top: 0px;opacity: 0;}50% {opacity: 1;} 100% {margin-top: 0;opacity: 0;}}

Kode HTML

Nah setelah berhasil memasang kode CSS untuk membuat teks berkedip di blogger dan untuk menampilkan teks berkedip nya, saat anda sedang menulis sebuah teks gunakan kode HTML dibawah ini

<span class='rahKedip'>teks kedip anda seperti ini</span>

Oke sobat begitulah pembahasan kita kali ini mengenai cara membuat teks berkedip di blogger nya jangan lupa gunakan form komentar nya untuk bertanya jika masih bingung, semoga bermanfaat

Teks Berkedip

Related Posts

Share

Bloggermuda.com

Belajar dan menghasilkan adalah kegemaran saya, salam cuan

Related Posts

Post a Comment

Cancel

Scroll to top

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2959668199-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6TDJ-RHaX5kIU7YXLEZfn9b-oH6Q:1746819712677';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1666648943157027453','//www.bloggermuda.com/2024/12/membuat-teks-berkedip-blogger.html','1666648943157027453');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1666648943157027453', 'title': 'Bloggermuda', 'url': 'https://www.bloggermuda.com/2024/12/membuat-teks-berkedip-blogger.html', 'canonicalUrl': 'https://www.bloggermuda.com/2024/12/membuat-teks-berkedip-blogger.html', 'homepageUrl': 'https://www.bloggermuda.com/', 'searchUrl': 'https://www.bloggermuda.com/search', 'canonicalHomepageUrl': 'https://www.bloggermuda.com/', 'blogspotFaviconUrl': 'https://www.bloggermuda.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-88SDJP5PPQ', '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\x22Bloggermuda - Atom\x22 href\x3d\x22https://www.bloggermuda.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Bloggermuda - RSS\x22 href\x3d\x22https://www.bloggermuda.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bloggermuda - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1666648943157027453/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bloggermuda - Atom\x22 href\x3d\x22https://www.bloggermuda.com/feeds/8767198311613590357/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1704820520592270', '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/2baee9f2a07dbf8a', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, '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': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', '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': 'item', 'postId': '8767198311613590357', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ1OkXLFF8CSY-iB5Xk1uF3py2PY1LusikYk3UFja7Qkhk3pTGq-sZFgR8DE9M5ni6tp14BRpqOyK93-U6_wWe-xXM_rF0Zn0ngycV-x_XJZ0NUPK30nYIomlTcF12xl5CNUqJ8JdNt00_FrSLbf5u2GPKZDq1Arum-544jqUvuS-4SlVzr-GkhJj5yde/s72-c/Bloggermuda.com-thumbnail_20241227_064554_0000.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ1OkXLFF8CSY-iB5Xk1uF3py2PY1LusikYk3UFja7Qkhk3pTGq-sZFgR8DE9M5ni6tp14BRpqOyK93-U6_wWe-xXM_rF0Zn0ngycV-x_XJZ0NUPK30nYIomlTcF12xl5CNUqJ8JdNt00_FrSLbf5u2GPKZDq1Arum-544jqUvuS-4SlVzr-GkhJj5yde/s1600/Bloggermuda.com-thumbnail_20241227_064554_0000.png', 'pageName': 'Membuat teks berkedip di blogger menggunakan animasi CSS', 'pageTitle': 'Bloggermuda: Membuat teks berkedip di blogger menggunakan animasi CSS', 'metaDescription': ''}}, {'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': 'Membuat teks berkedip di blogger menggunakan animasi CSS', 'description': 'Dapatkan informasi menarik mengenai Blogger, Tips Blogger, Template Blogger, dan Kisah Inspiratif Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ1OkXLFF8CSY-iB5Xk1uF3py2PY1LusikYk3UFja7Qkhk3pTGq-sZFgR8DE9M5ni6tp14BRpqOyK93-U6_wWe-xXM_rF0Zn0ngycV-x_XJZ0NUPK30nYIomlTcF12xl5CNUqJ8JdNt00_FrSLbf5u2GPKZDq1Arum-544jqUvuS-4SlVzr-GkhJj5yde/s1600/Bloggermuda.com-thumbnail_20241227_064554_0000.png', 'url': 'https://www.bloggermuda.com/2024/12/membuat-teks-berkedip-blogger.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8767198311613590357}}, {'name': 'widgets', 'data': [{'title': 'Bloggermuda (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'stories', 'id': 'LinkList7'}, {'title': 'General', 'type': 'HTML', 'sectionId': 'notifications_content', 'id': 'HTML1'}, {'title': 'System', 'type': 'LinkList', 'sectionId': 'notifications_content', 'id': 'LinkList2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList134'}, {'title': '', 'type': 'Label', 'sectionId': 'label_menu_tab', 'id': 'Label1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'slider_posts', 'id': 'LinkList4'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads1', 'id': 'HTML2'}, {'title': 'Continue Reading?', 'type': 'HTML', 'sectionId': 'continue_reading', 'id': 'HTML334'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '8620438355144349099'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '8767198311613590357', 'title': 'Membuat teks berkedip di blogger menggunakan animasi CSS', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ1OkXLFF8CSY-iB5Xk1uF3py2PY1LusikYk3UFja7Qkhk3pTGq-sZFgR8DE9M5ni6tp14BRpqOyK93-U6_wWe-xXM_rF0Zn0ngycV-x_XJZ0NUPK30nYIomlTcF12xl5CNUqJ8JdNt00_FrSLbf5u2GPKZDq1Arum-544jqUvuS-4SlVzr-GkhJj5yde/s1600/Bloggermuda.com-thumbnail_20241227_064554_0000.png', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML90'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML92'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML94'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'matched_content_ads', 'id': 'HTML75'}, {'title': 'Left Bar Ads', 'type': 'HTML', 'sectionId': 'sidebar_ads', 'id': 'HTML33'}, {'title': 'Right Bar Ads', 'type': 'HTML', 'sectionId': 'sidebar_ads', 'id': 'HTML44'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads2', 'id': 'HTML6'}, {'title': '', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts', 'id': 'LinkList3'}, {'title': 'Trending', 'type': 'PopularPosts', 'sectionId': 'additional_widgets', 'id': 'PopularPosts1', 'posts': [{'title': 'Template DragaManga v2.5 Premium', 'id': 3472597695764244688}, {'title': 'Template ZeistManga v5.5 Premium', 'id': 5450728966494808964}, {'title': 'Membuat widget cuaca otomatis di blogger', 'id': 5743756543402996299}, {'title': 'Membuat widget Migrasi GitHub ke jsDelivr di Blogger', 'id': 1444044099423447192}, {'title': 'Membuat widget Artikel AI Generator di blogger', 'id': 810006541976146329}, {'title': 'Membuat widget InsightGraph Generator di Blogger', 'id': 8573252347209424785}]}, {'title': 'Label', 'type': 'Label', 'sectionId': 'additional_widgets', 'id': 'Label2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'bottom_bar_menu', 'id': 'LinkList1'}, {'title': 'Widget Basic', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList66'}, {'title': 'Widget Advance', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList77'}, {'title': 'For Developer', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList88'}, {'title': 'Bantuan', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList99'}, {'title': 'Connect with Us', 'type': 'LinkList', 'sectionId': 'footer_bottom', 'id': 'LinkList55'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_bottom', 'id': 'HTML444'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'stories', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'notifications_content', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'notifications_content', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList134', 'section', document.getElementById('LinkList134'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'label_menu_tab', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'slider_posts', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'billboard_ads1', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML334', 'continue_reading', document.getElementById('HTML334'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'top_ads', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML92', 'parallax_ads', document.getElementById('HTML92'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'bottom_ads', document.getElementById('HTML94'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML75', 'matched_content_ads', document.getElementById('HTML75'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML33', 'sidebar_ads', document.getElementById('HTML33'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML44', 'sidebar_ads', document.getElementById('HTML44'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'billboard_ads2', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'dynamic_recent_posts', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'additional_widgets', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'additional_widgets', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'bottom_bar_menu', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList66', 'footer_center', document.getElementById('LinkList66'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList77', 'footer_center', document.getElementById('LinkList77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList88', 'footer_center', document.getElementById('LinkList88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList99', 'footer_center', document.getElementById('LinkList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList55', 'footer_bottom', document.getElementById('LinkList55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML444', 'footer_bottom', document.getElementById('HTML444'), {}, 'displayModeFull'));
</script>
</body>