copy and paste this code into the HTML window, accessed by going into a text post and clicking the HTML button (furthest on the right)
<li class=”highlight_ribbon”>YOUR HIGHLIGHTED TEXT HERE</li>
Anonymous said:<a href=’http://www.theurlyouwanttolink.com’>the text you want to be shown</a>
Copy and paste the following code into you description box
Code for snowing…
I said that I’d do one on this but I recently found a tutorial for it that is far better than I would ever be able to explain so I’m just going to direct you to that.
I did not create this tutorial, credit to the amazing person that did.
Find the part of your HTML that says ‘</head>’ and copy and paste this coding just above it.
Dimensions: Width = 1366px (Height if you want it to be the exact size of the screen = 650px~ish)
HTML coding you may have problems with (assuming the theme is compatible with a background in the first place)…
If you want a background that does not move when you scroll down the blog (unlike mine) you need to find the part of the HTML that says ‘background-attachment: floating’ and change it to ‘background-attachment: fixed’. This also works in the other way so if you want the background to move as you scroll down the blog (like mine) you change it from ‘background-attachment: fixed’ to ‘background-attachment: floating’.
If you then want your background to repeat you need to add or adjust the HTML coding to say ‘background-repeat: repeat’, if you don’t want it to repeat then you need it to say ‘background-repeat: no-repeat’. If you want the background to only repeat horizontally you can use ‘background-repeat: repeat-x’ and in the same way you can make it repeat only vertically by using ‘background-repeat: repeat-y’.
If you have a fixed or floating background you may also want to change the position of it (normally for floating you want top left or top right and for fixed you may want bottom right or top left, it really depends on the background you have made), to change that you need to add or adjust the HTML coding to say ‘background-position: top left’ or replace top left with bottom right, bottom left or top right.
My background is one image that has been repeated, is floating and its position is top left.
If you have any more issues with HTML coding I’m happy to try and help but I can’t promise that I’ll understand it any more than you do :}
First get your text and duplicate the layer multiple times (the more you do, the longer it will take but the transition will be smoother and longer). Start with only the top layer visible.
Select the Gradient Tool (1) and make sure it is on the fade black to white or white to black setting (2). Then make sure you are on the top layer and add a Layer Mask (at the bottom of the layers toolbar, 3).
Use the gradient tool on the Layer Mask to make only part of the word visible (only very slightly at first). To do this start at the beginning of the word (or the end depending whether you are using black to white or white to black, just play around to see what works) and then click and drag the tool across to where you want the word to fade out (the best way to do this is just play around, it’s not permanent yet anyway). Once you are happy with the amount the text is faded, move onto the layer beneath it.
Make only the second layer visible and again, add a Layer Mask and use the Gradient Tool to make slightly more of the word visible this time.
Move onto the third layer, making more visible.
Use the same process again for the final fade and the last layer can be the original text that you haven’t faded at all.
Use the animation toolbar and make all your layers visible. On the first frame make sure all the layers are visible, on the second frame make your top layer invisible, third frame top and second layer invisible, etc. Once you have progressively made each of the layers visible, your last frame should be the original text where it is not faded at all. Set the duration of each frame to ‘No Delay’ and then consider whether you want to make the final frame a longer duration (I used 3 seconds) so that it stays visible for a while before disappearing and fading in again.
You’re done!
This is only a very quick one, it is better if you use more layers. If you want the text to fade out in the same way, just add more frames and reverse the order in which you made the layers visible. Play around a bit, once you’ve got the concept you can do all kinds of things. I hope this helped :)
