How to Blink Text / Link in Blogger - Wide Info Blog

Blogging is one of the simple, easy & an interesting way to share your ideas, technology, tricks, tips & information with the world. Blogger.com provides free blogs & templates. Now you can easily make your free blog with the help of blogger. There are millions of people who are writing blogs & are also liked by the readers. This blog - Wide Info Blog provides blogger tips, tricks & tutorials. Previously we have discussed - How to backup Blogger posts & Restore from Backup - Part 2. Now We will discuss - How to Blink Text / Link in Blogger.

Steps for Blinking Text / Link in Blogger

Step - 1. Login into your blog & select the blog to which you want to add Blinking text / link.

Step - 2. Add the following CSS to your blog,  See - How to Add Custom CSS to Blogger as shown below.

.blink {

  animation: blinker 1s linear infinite;

}

@keyframes blinker {

  50% { opacity: 0.0; }

}

Step - 3.  Now Go to "Layout" & click on the "Add a Gadget" tab & select "HTML & JavaScript" Now paste the following tag into Gadget & click Save as shown below.

<span class="blink">Wide Info Blog</span> 

You can customise the text according to requirements. 

Note: If you want to blink some url or link use this tag 

<span class="blink"><a href="http://www.wideinfoblog.com" target = "_top">Wide Info Blog</a></span>

Keep learning & sharing this post with your friends. if you have any question, ask in comments.  This blog publishes all tutorials, tips & tricks about blogger. Keep visiting Wide Info Blog.