Home

blink text




How To Add Blink Text/Link (Moving text) to Blogger 



link: http://www.widetechworld.com/how-to-add-blink-textlink-moving-text-to-blogger-with-screenshots/

  Steps for Adding Blink / Moving text-link to Blogger


Important Note:- For add a moving text or hyperlink, we have to add a CSS for Blink & HTML tag to display the text or hyperlink as given below.
CSS:-
.blink {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% { opacity: 0.0; }
}
Step-1.  Sign In to your Blogger Account. Select the Blog in which you want to add Blinking / Moving text-link. Open the Menu & Click On the “Theme“. After this, Under “Live on blog” click on Customize tab.

Now, click on Advanced>>Add CSS, Copy the custom CSS given above & paste it in the box. Click on Apply to Blog link & you are done. A screenshot showing the process is given below.



HTML Tag
For simple text
Enter text to blink here 
 Enter text to blink here 
For Hyperlink
http://www.your-link.com” target = “_top”>Text on Hyperlink to display

VPN Dev:
HTML Tag

For simple text

<span class=”blink”>Enter text to blink here</span>

For Hyperlink

<span class=”blink”><a href=”http://www.your-link.com” target = “_top”>Text on Hyperlink to display</a></span>
Step-2.  After adding CSS, it’s time to add the HTML tag to blogger widget.
Now Go to “Layout” & click on the “Add a Gadget” tab & select “HTML & JavaScript” widget
In Widgets,  Add a “HTML/JavaScript” widget & paste above given HTML tag & save the widget.
Visit your blog & you will see the blinking text/hyperlink on your blog. Please share this post with your friend on Facebook, Twitter etc.

Note:-   Please change the following with your own requirement in above HTML tags.
  • Enter text to blink here  
  • http://www.your-link.com
  • Text on Hyperlink to display

Post a Comment

Please Don't Spam here..