tumblr Tutorials

How to put graphics/image in the side of your blog

Sat, 15 Sep 2012 23:52:00 -0400

Do you want to put image/graphics in the side of your blog? Here is the tutorial:

Go to customize> edit html
Copy this code and paste it under <body> tag
You need to find the image you want then, right click on it and click copy image url. (get graphics here)
Paste the image url to the part where it says “image url”
Adjust the height, width and the position by top and left.
Update preview and save!

How to disable ctrl + u

Sat, 15 Sep 2012 23:24:00 -0400

Ctrl + U? This shortcut is allow people to view the source of any webpage. To stop people from stealing or copying your html codes you need first to do this steps:

Disable right click (tutorial here)
If you want you can disable drag/drop selecting of text and photos (tutorial here)
Now, to disable ctrl+ u copy THIS code and paste it under <body> tag.
Update preview and save! Try to use ctrl+u if you can’t see the page source it is bacause the code is working :)

Thanks & credit to: tutorials.oohcamila

Thank you for making such an amazing blog :) That's all i have to say!

Sat, 15 Sep 2012 23:10:51 -0400

Smile c: It’s my pleasure

Thanks for the awesome Tutorials ;))

Sat, 15 Sep 2012 23:10:20 -0400

I’m glad to help you :D

How to add custom fonts

Sun, 19 Aug 2012 04:29:10 -0400

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!

(Source: mynameisflicktutorials)

Open link in new tab without hitting right mouse click/disable right click

Fri, 17 Aug 2012 03:46:00 -0400

Copy this: <a href=”url here” target=”_blank”>link name</a>

Paste it your html/description

Request a tutorials now! Hit the ask :)

Thu, 28 Jun 2012 13:45:04 -0400

How to make your own scroll to top (3)

Sat, 23 Jun 2012 04:03:00 -0400

Copy THIS code and paste above the </style> tag (for beginners),or paste it under <style type=”text/css”>
Copy THIS code and paste it before the </head> tag

If you want to change the button to an picture/gif find the url highlighted in yellow in the second code and change it for the one that you want.

If you want to adjust or change the position of your button find the highlighted part and change its position:

For scroll to top images/buttons click here

(source: tumb1rtutorials)

How to make a Spinning Box?

Thu, 21 Jun 2012 05:23:46 -0400

hover to be ———>

How?

Copy this code and paste it under <style type=”text/css”> or <style>
then this code under <body> tag

(tutorial by tiovani)

Panda Scroll to top Buttons

Thu, 21 Jun 2012 04:57:00 -0400

Paste the code under <head> tag.

Transparent background

code here

Transparent background

code here

Transparent background

code here

Transparent background

code here

White background

code here

Transparent background

code here

Transparent background

code here

Transparent background

code here

Transparent background

code here

Transparent background

code here

transparent background

code here

…………………………………………………………….………….

Original Sizes
Images aren’t mine. Got it from google, glitter-graphics & gifs-paradise

…………………………………………………………….…………….

Made by me (petals-bright/lifenofear) please put the credit :)

Marquee Codes

Fri, 08 Jun 2012 14:53:16 -0400

GO HERE

Infinity Scroll to tops by Mooodykit

Fri, 08 Jun 2012 14:38:00 -0400

Paste under <head> tag.

code here

code here

code here

Recommended on WHITE backgrounds
CODE HERE

Recommended on BLACK backgrounds
CODE HERE

Transparent Background
CODE HERE

Transparent Background
CODE HERE

PLEASE CREDIT MOOODYKIT

Cat scroll to tops

Fri, 08 Jun 2012 14:15:02 -0400

Made by me (petals-bright/lifenofear) please put the credit :)

Paste the code under <head> tag

code here

Images aren’t mine.

thank you! your blog helped me alot :) x

Fri, 08 Jun 2012 10:08:00 -0400

You’re welcome! :)

Scroll to top

Fri, 08 Jun 2012 10:03:00 -0400

SIMPLE BACK TO TOP

Paste the code under <body> tag

code here

GIF BACK TO TOP

Code here

MORE:

Code here

(Source: tiovanixo)

Menu & Other Icons

Fri, 08 Jun 2012 09:52:00 -0400

Others:

Social media icons

Fri, 08 Jun 2012 09:43:32 -0400

More here:

» SOCIAL MEDIA ICONS

+ download

Credits to: html & etc

Rainbow Link Hover

Fri, 01 Jun 2012 13:20:26 -0400

When you hover to the link the link changes to different color.

Copy this code
Go to customize > Edit html
Paste it before </head> tag.
Update + save. Done!

Lavalamp menu

Fri, 01 Jun 2012 13:15:17 -0400

Example:

Copy this code and paste it after <style type=”text/css”> or <style>
Copy this code and paste after <head>
Paste this code where you want the menu appear

(credits goes to adoavelpossessao & tumblrtutoriial)

Welcome message

Fri, 01 Jun 2012 12:44:00 -0400

This will pop up when someone visit’s your blog.

Copy this code
Go to Customize > Edit html
Paste it between <head> and </head> tags.

Replace ‘MESSAGE HERE’ what you want to say to your visitor.