tutorials
-
How to add custom fonts.
Thanks to the AMAZING Google web fonts. I do not OWN any of these fonts or codes. I am simply just creating a step by step guide to show you how to use them in your tumblr theme.
Step 1: Go to Google web fonts by clicking here. Next you need to choose your font. They have many lovely fonts on there to choose from, once you’ve found one your like click on ‘add to collection’…
Step 2: Now you need to click on ‘use’ which i’ve pointed to in red
Next, the tricky bits…
Step 3: You need to scroll down the page until you see the first code
You need to copy and paste this code in to your theme code right under your <head> tag
Step 4: Now click on @import
Copy and paste this code in to your css coding (underneath style type=”text/css”)
Step 5: Next, click on Javascript.
Copy and paste this underneath your <head> tag underneath where you pasted the first code
Step 6: Scroll down the google web fonts page a little bit more until you find another css code like…
You need to look for your theme coding until you find your ‘body’ criteria with will include font-size, background colour etc…
You need to replace the font-family:ORIGINAL FONT; with the code from google web fonts like soo…
Save your theme and voila!
-
Dolls
I did not create/make or own ANY of the dolls featured here. I have had most of them on my computer for a very long time now & can not find the REAL source of these dolls. I have however tried to give credit to those websites I could find & remember below. If you find you MADE something on here please message me so that I can credit you! No copyright infringement intended.
NOTE: MOST OF THESE DOLLS ARE THE WORK OF http://www.kellimurray.com/
How to save: right click the doll you want and save as.
Credits to: tutorialsandmore, theblogboutique, winniethepoohhtml, rockouture.blogspot.com
-
Bows
I do not own or create any of the bows featured here! I have only edited/cut them out for you to use on your theme/graphics. I have collected these over months from various blogs & sites as stated below. Unfortunately, they have been saved on my computer for some time now and I could not locate all of the true sources. If you find you MADE one of these bows and I haven’t credited you please let me know! Thank you xo
How to use: you can either…
a) right click and save the image you want to use & add it to graphics via photoshop/paint shop pro.
b) left click the image to be directed to the image so that you can copy & paste it’s url into an image code. I have written up an image code for you to use here. Replace IMAGEURL with the bow link. You can add this code straight into your theme code. You can position the bow by changing the left:100px; & top:100px; to a different number (example left:300px;).
Credits to: theblogboutique & users of photobucket.
Post by: mynameisflick
-
Back to the top buttons.
I do not own this code. I am providing a step by step guide on how to use this script.
Below are some buttons I’ve made for you (do not claim them as your own). Click on the button you want & you’ll be directed to the image so you can copy it’s direct url. You can use any image you want… you can find other buttons/images/gifs on photobucket or google.
How to install:
Step 1: You need to copy and the code here into your theme code underneath the <head> tag as shown below.
Step 2: Copy and paste the code here in to you css coding… shown below. I like to place this at the bottom of the css coding as I can find it easily later!
Step 3: Now copy and paste the code here after your <body> tag as shown below. You can now save at this stage and you’ll have a button that just says ‘back to top’…
Or you can have an image button. To have an image as your button you need to replace the coding I have highlighted below with the code here. You then need to replace IMAGEURL with your chosen image url. The image can be anything! A cute panda gif or even one of the buttons I made for you!
Now save your theme! Viola.
-
Scalloped edges.
If you use one of my scalloped edges I would be so grateful if you could place a link back to me somewhere on your blog. It took a lot of time and effort making these for you.
How to install: Click on the scallop edge you want & you’ll be re-directed to the image itself. There you can either rightclick & save or use the direct url. I would suggest saving the edge & adding it to your theme banner via graphics.
-
Backgrounds
I didn’t make these backgrounds! I simply found them on google & edited them so that they are different colours & fit together perfectly when you apply them to your theme. No copyright infringement intended. If you find something is yours on this page, please notify me. Enjoy.
How to install: Click on the background you and you will be directed to the image. You can then right click & save the background or use it’s direct url.
