Menu Close Menu

Add Flashing effect in your Blogger Hyperlinks

Today in this tutorial I'm going to show you how to add flashing background in your blog links. in some links are very important than others on your blog page. with this script, they will be noticed more as well. Use it to give any link(s) on your page a flashing trait, with independently controlled options for each link. The script allows you to flash a link in two ways- flashing the link text itself, or its background but thanks to Dynamic Drive we can now easily change the colour of our links to several colours. I have modified the code a bit for simplicity. You can add this flashing effect to your links just in two simple steps.
Let's start the tutorial.

Link with flashing Text. Check out colour code Generator

And this link with flashing background. Check out color code Generator

First we need to edit your blogger template so Always Make a Backup of Your Template Before You Edit Your Template (how to make a template backup.)

1. Go to your blogger Dashboard>> Template>> Proceed>> press CTRL+F and find this code (how to find code by using search bar.)
</head>
2. paste this script before/above </head>.

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex5/flashinglinks.js"></script>

Click on the preview button to take look at the demo, if ok click on save and go to your blogger post editor and write your content. when you add an important link in your post make little change in your hyperlink as shown below.

if you want to flash only text, not a background try the following code:

<a href="here is your link" rel="flashfg[Here is your flashing color name]">Example 1</a>

and if you want your link flashing with background then make your link look like this.

<a href="here is your link" rel="flashbg[Here is your flashing color name]">Example 1</a>

Note:- if you have no idea how to generate colour code check out our colour code generator tools.

That’s it. If you feel trouble let me us know in the comment below we will try to answer your question as soon as time allows. Peace & Blessings :).

"Be the first to express your thoughts" :

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete

Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name. We love to hear from you! Leave us a comment.
To ensure proper display, HTML/XML/JavaScript need to be Encode first using this Encoder Tool Then paste the Encoded code here.