Code No. 17::: EXTRAS

A GREAT SITE FOR TUMBLR CODES::

http://tumb1rtutorials.tumblr.com/nav


Code No. 16:::: Add custom font to your blog

GREAT tutorial here::::: http://tumb1rtutorials.tumblr.com/post/18644770364/use-install-and-use-custom-fonts-google-web-fonts


Code No. 15:::: Ask and Faq on same page

Tutorial here at the bottom of the page!


Code No. 14:::: Drop Down Menu

There is a tutorial for that here


Code No. 13:::: Pretty Dashboard

Example:

image

Make sure you have your tumblr open in another tab.

Step 1 - Add “Stylish” to your Google Chrome header here https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe (It’s really easy and safe and takes like 2 seconds, and its free). Once it’s finished adding to your toolbar, you should see this icon: 

image

 on the right corner of your screen.

Step 2 - Go here and pick out a background theme you want, you can search for certain keywords on the left http://userstyles.org/styles/browse/tumblr

Step 3 - When you’ve found the one you want, click on it an and click on the green “Install with Stylish” button.

Step 4 - You’re done! Easy, right?

If you don’t like your new tumblr background for some reason, or want to change it, just click on the “Stylish” icon and choose “disable”. That way it will still be stored for future use, but you can still change your current background. If you want to permanently delete that background from your Stylish, then hit “delete”.

Let me know if you have any questions. :)

(Credit to r3veries ))


Code No. 12::: Anon Tracker.

This one is pretty awesome, but it no longer works.. those claiming to have it they do but it no longer works.

It used to be like this: 

highlight the word “block” on their ask before you reply, then click “view selection source” or for chrome sometimes it’ll be “inspect element”.

for the inspect element way it’ll have like “are you sure you want to block blahblahblah” and a couple lines under that it will say “IP:” with a bunch of numbers. once you get it you put it into this site:

http://whatismyipaddress.com/ip-lookup

I’m sorry but it no longer!


Code No. 11:::::: Unfollower Tracker

I know you all have been waiting for this one. (dont let any bitch ask you to follow them so as to give you this simple code)

This is the one I use, and it works wonders. And if any bitch tells you “follow me and i’ll give you the unfollower tracker” bitch-slap her for me.. here it is for all of you guys :D

Unfollower Tracker:

http://userscripts.org/scripts/show/112207

:D i think it works best in Chrome. cuz i use that and i dont use Mozilla… i hate it..


Code No. 10:::: All Cursors

Here are some websites with great cursors:

www.cursors-4u.com

www.dolliecrave.com/tumblr-cursors.php

www.totallylayouts.com/tumblr/cursors/mouse-cursors/

and I have a few cursors on my cursors page ::: HERE


Code No. 9::: Pink or any color 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. 

(credit to tumblrtutorials101)


Code No. 8::: Sparkle Cursors & Wand Cursor

 wand cursor here - http://www.cursors-4u.com/cursor/2011/02/06/harry-potter-magical-wand.html

if you’re gonna use this Copy & paste the code into the description box. 

sparkle cursor from here - http://mf2fm.com/rv/dhtmltinkerbell.php 

Copy & paste the code between the <head> and </head> thing on the edit HTML page when you click customize on your blog! :) 

They can work individually or together.. but if you use them both together it will look like the sparkles are coming out the other end of the wand! 


Code No. 5::: Link hovers

There are many link hovers. like the sparkle link hover, rainbow text hover…HERE::

Sparkle Hover
  1. Put the code between <head> and </head> tags
  2. Change the image url to image url you want.
  3. You can find another glitter at here
<style type="text/css">a:hover{background:url('http://dl9.glitter-graphics.net/pub/80/80039njfma9svnd.gif');}hr{background-image:url('http://dl9.glitter-graphics.net/pub/80/80039njfma9svnd.gif'); </style>
Rainbow Text Hover

RAINBOW TEXT HOVER

To have your text links turn rainbow when hovered over. Paste this codebefore the </head> tag

(Credit::: http://designingyourblog.tumblr.com and academyoftumblr)


Code No. 7:::: Title browsing or Scrolling

To have a typing title paste this code between the <head> and </head> tags

Note: Change YOURMESSAGEHERE to your message


(credit to http://designingyourblog.tumblr.com)


Code No. 6::::: Link Enlargement

Magnify Hover Code

This is the code when you hover over a link, it will enlarge, and even change color. Paste it after the <head> tag in your theme:

<style type=”text/css”>

A:link {text-decoration: none}

A:visited {text-decoration: none}

A:active {text-decoration: none}

A:hover {font-size:24px; font-weight:bold; color: red;}

</style>

To change the font color, just change where it says red.

(Credit to http://designingyourblog.tumblr.com/)


Code No. 4 ::::: Hit Counter

This shows you how many people have visted yoru blog..

go to http://www.freehostedscripts.net/

and click on the “Text Hit Counter”:

fill this box and generate the code.. just go to your tumblr customize page and put the code in the description box :D


Code No. 3:::: Online Counter

This shows how many people are on your blog at the moment..

go to http://www.freehostedscripts.net/

and click on the tab that says “Online Users”

fill this piece out and generate the code.. next go to your tumblr customize page and place the code in your description