tumblrtutorials101. @tumblrtutorials101 - Tumblr Blog

Tutorials

Basic Text Codes

(All the links in the sidebar are under construction!)

Image Codes:

Fading Images

Change image height/width with HTML

Disable right-click on images

Create Image Gif

Menu Codes:

Drop-down menu (No button, auto load)

Drop-down menu (Go button)

Drop-down text menu with text link

Pop-Up Menu

Description Codes:

Text visitors counter

Online Users

Ask box in description

MP3 Players:

Flash MP3 Player (one song)

Small playlist (many songs)

YouTube player

Other tutorials:

Open link in new tab/window

Link to tagged posts

Infinite Scroll

Scroll to Top button

Change font to anything!

Adding a background to most themes

Sparkle cursor

Tiny cursor

Add direct reblog link to posts

Redirect old URL to new URL

Add "read more" link to posts

Energy Saver Mode

Welcome/Exit pop-up

Rounded Corners

*Uploading a static file

*Recovering Past themes

Tumblr extensions:

New Missing E Link

Make Tumblr Icons bigger on Dash

Preview photo notifications on hover

Useful links:

mp3 file host — kiwi6

file hosting (great for images) — tinypic

Google Chrome — download

Free photo-editing software — Photofiltre

Image Map Generator — Image-Maps

Thousands of free fonts! — dafont

Useful/Common symbols — coolchaser

#tutorials #all #how to #links #images #html #css

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Drop-down menu (no button, auto load)

Change the URL's to what you wish. Use the following code in your description:

<form>

<option value="http://urlexample.tumblr.com">Example 1</option>

<option value="http://tumblrtutorials101.tumblr.com">Example 2</option>

</select>

</form>

Add another link with a new <option value="/"></option> tag!

#drop down #menu #no click #go #links #tutorial

Rounded Corners

Search for your element that you want to have rounded corners, and insert the following property

-moz-border-radius: 15px;

border-radius: 15px;

Example:

You can change the 15px both times to increase the radius of the corners. The higher the value, the closer to a circle the element looks.

#center #element #tutorial #rounded #corners #15px #radius

Welcome/Exit pop-up message

Place the following code before </html> for a welcome message

window.onload= loaded;

function loaded()

{

alert(‘YOUR MESSAGE HERE’);

}

</script>

Place the following code before </html> for an exit message

window.onunload = unloadPage;

function unloadPage()

{

alert("REPLACE_THIS_WITH_YOUR_MESSAGE");

}

</script>

*Replace 'YOUR MESSAGE HERE' & "REPLACE_THIS_WITH_YOUR_MESSAGE" with your message!

#welcome #exit #message #pop #popup #pop-up #tutorial #how to #followers

Energy Saver Mode

Place this code between <head> and </head>

#energy saver #code #tutorial #how-to

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Text visitors counter

Put the following code in your description:

You can also make an account here to customize your settings.

#code #text #hit counter #visitors #script #sign up #customize

Show online users

Code:

After copy + pasting the code, write anything after.

Examples: "1 users online", "2 beautiful people" etc.

#online users #code #how to #description #tutorial

Add "Read More" link to posts

While writing a text post, write as much as you'd like before the "read more" link would come up, then press the next to the spell checker in your editor toolbar. You can write after that.

#read more #link #posts #tutorial

Redirect old URL to new URL

Tumblr has found a problem with the old code but you can use the following to redirect URL's. Delete entire theme code before using.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development

var time = null

function move() {

window.location = 'NEW URL HERE!'

}

//-->

</script>

<body>

</body>

</html>

#redirect #old #new #tumblr link #URL #tutorial #how to

Make image gif

Click here and follow the instructions. No watermarks or credit links on your images! Make sure you hit "Upload" after adding or removing your images.

#how to #tutorial #make gif #images

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Add reblog link to posts

On some blogs, you'll see something like this:

To do this, go to your theme code and press CTRL+F to find div id="permalink" and within that DIV, add a link to {ReblogURL} like below:

#click to reblog #link #reblog link #tutorial #how to

Disable Right Click with Pop-up

Place the following script under <body> You may change "Function Disabled!" for your own message.

<!--

//Disable right mouse click Script

//By Maximus ([email protected]) w/ mods by DynamicDrive

//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}

document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>

#disable #right click #reblog only

Change Image Height/Width with HTML

Let's say you have an image you want for your sidebar that's too large or you don't want to save and edit.

(This example is using WeHeartIt.)

Find the image you need and right click > Copy image URL

Using the direct link, make an image code

To change width (height will automatically propportion), add

width=300px;"

to the code, changing the 300 to any number you'd like. The end result:

You can do the same with height, or change both at once.

#image size #height #width #tutorial #how to #html

New Missing E Link

Missing E recently removed it's download links because of a few issues they have and you can click here to download it temporarily.

#missing e #different #new #link #tutorial

Link to tagged post

Set the link code URL to http://USERNAME.tumblr.com/tagged/tag+name+here

Add the + instead of spaces if your tag has any.

Final result <a href="http://USERNAME.tumblr.com/tagged/tag+name+here">Name</a>

#a href #tag #link #tagged post #how to #tutorial

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Tiny cursor

Place the following code in your sidebar

Cursor looks like this:

#cursor #tiny hand #mouse #small #code #how to #tutorial

Sparkle cursor

Click here for the code.

On the third line, change #BD3EA8 for any color you want. (Full list of color codes here.)

Place the code before <head>

Note: Sparkles don't appear in preview in some browsers.

#sparkle cursor #tinkerbell #one color #sparkles #mouse effect #tutorials #how to

Trending Blogs

Last Seen Blogs

tumblrtutorials101.