tutorials

Welcome to my tutorial blog full of goodies! Hope you find this useful and if you need any help feel free to pop me a message xo.

NOTE: UNDERCONSTRUCTION
Disclaimer: I don't own any of the codes published on this blog unless stated otherwise and I have given the source. The screenshot tutorials are created by me. The base code to this theme is by sleepythemes.tumblr.com. Edited ALOT by me.
  • ask me anything
  • rss
  • archive
  • Slide down menu - image

    First, copy this code and paste it between the <head> and </head> tags

    image

    then paste this code in your description

    image

    Change LINK URL HERE to the url of the link and change LINK TITLE HERE to the title

    click save + close and you’re done!

    image

    image

    //credit

    • 1 year ago
    • 15 notes
    • #tutorial by lily
  • Rainbow Text/Link Generator

    RAINBOW TEXT;

    1. Go to this website and look for a box and write your text there like this.

    image

    2. Then click on submit.

    3. There should be another box in the right. Copy the html code and paste it in your description.

    image

    image

    RAINBOW LINK;

    Copy this code and then paste it in your custom html above </body>

    • 1 year ago
    • 8 notes
    • #tutorial by lily
    • #requested
  • Making a photoshopped description

    If you don’t know how a photoshopped description looks like, then click here ^^

    1. Make a new blank or transparent document. Remember to make it the size of your sidebar. 

    2. (optional) open a picture, click on the rectangular marquee and select the part that you want. Cut it and then paste it in the new document that you made.

    image

    3. Click on the text tool and start writing your description.

    image

    4. When you’re done, remember to decorate it and make it look attractive. Then Save it.

    image

    5. Upload your picture to tinypic and then paste this code in Info > Description or wherever you want.

    6. The final product should look something like this.

    image

    • 1 year ago
    • 20 notes
    • #tutorial by lily
    • #requested
  • Back to top button (Updated)

    NOTE: If you have a scroll theme like this one, then this code will NOT work for you. I’m trying to find a code for themes like that, but I doubt there’s one. 

    1. Copy and paste this code below the <head> tag

    image

    2. Now, copy this code and paste it right above the </body> tag. You can find it near the bottom.

    image

    3. And then, copy this code and paste it before or inside </html>

    image

    4. OPTIONAL: If you want to change the button, look for this code in step 1. I’ve highlighted it below

    image

    Now, replace that code with your own image link, or one of these (click on them for the link)

    imageimageimageimageimageimage

    ** If you’re using one of these, PLEASE DO NOT CLAIM THEM AS YOUR OWN, since mynameisflick took her own time to make these for you guys ^^;;

    5. If you replace the link with another one and it looks like this

    image

    Then change the width and height located in the code of the first step. You can also change the ‘bottom’ and ‘right’ ^^;;

    This code should work for all themes, except for the scroll ones (like i said at the beginning) . I’ve tested it in over 10 themes and it worked in each one of them. 

    If it doesn’t work for yours, then you must be doing something wrong.

    • 1 year ago
    • 17 notes
    • #tutorial by lily
  • Clear White Stripe On A Banner On Photoshop

    Note: I {Lily} use Photoshop CS3

    1. Have your banner ready, it should look something like this

    image

    2. Click on the Rectangular Marquee Tool and select the part where you want the stripe to be at.

    image

    3. Make a new layer and fill the part that you selected white.

    image

    4. Go to the layers tab and select Soft Light

    image

    image

    Save it and you’re done! ^^

    • 1 year ago
    • 17 notes
    • #tutorial by lily
  • Changing the size of the posts

    1. Find a code that looks like this in your custom html (if you can’t find the same exact one, look for one that says posts or entries) I used one of trulychanel’s themes ^^

    image

    2. Change the width and height to your liking. I removed the height numbers because i just wanted to change the width.

    image

    3. We have to change the permalink of the photos so look for this code at the very bottom.

    image

    3. Change the width and height so they can match the size of the posts. where it says {PhotoURL-250} change the number to 500 or the width of the pictures.

    image

    Save + Close and you’re done! :D

    • 1 year ago
    • 34 notes
    • #tutorial by lily
  • How to make a text animation/.gif on photoshop

    Note: I {Lily} use photoshop CS3

    1.First make a new image (blank or white, it doesn’t matter)

    2.Then go to Window > Animation. A box like this should pop up

    image

    3.Select the text tool and write whatever you want (in different layers)

    image

    image

    4.When you’re done, diselect all of the text layers

    image

    5.Then go to the animation box and make a new layer and select the first letter

    image

    image

    6.Repeat step 5 for all of the layers (letters)

    7.When you’re done, it should look something like this

    image

    8. Remember to change the timing (where it says 0 sec.) and for how long you want the animation to last (once or forever)

    9. Lastly, go to File > Save for Web & Devices

    10.  A window should pop up. Remember to click the original tab on the top left corner. and just click on save. where it says ‘save as type’ select ‘Images Only (*.gif)’

    11. This is what your final product should look like.

    image

    • 1 year ago
    • 27 notes
    • #tutorial by lily
  • How to blend images on photoshop

    Blending images on photoshop is very simple and I’m going to show you how.

    First create a new blank image (it doesn’t matter what size it is) but make sure both of your pictures fit. The pictures that I used are from withonew.com

    image

    Then go to the layers tab and select a blend mode (one that works best with the images that you used)

    image

    Once you select one (I choose Darken) erase the parts that you don’t want. And then you’re done!

    image

    • 1 year ago
    • 12 notes
    • #tutorial by lily
© 2011–2013 tutorials