Tumblr Academy

Oct 30

Be safe during hurricane especially those in the path of hurricane sandy in New york and other parts of US.

Oct 18

staff:

New Dashboard shortcut!

Quickly switch between your blogs in just a few keystrokes.

Mac: Option + Tab
Windows: Z + Tab

Find more shortcuts on our Tips page.

Oct 17

check your new follower, lost follower and who don't follow you back! -

- click link above and click allow to check your follower

- you can revoke access at any time from your PREFERENCES page in the Apps area.

(Source: academyoftumblr)

Oct 16

ASK BOX IS NOW OPEN -

since i have time on this week, i open the askbox, i will respond as soon as possible if you ask me nicely :)

(Source: academyoftumblr)

Oct 13

LIKE this if you online now?

Oct 06

Lol what’s the different? what the tumblr change?

am i miss something?

(Source: academyoftumblr)

Oct 05

Instant “LIKE” Button on Blog

Btw, thank for the FUNDS

1. Copy and paste this code BEFORE </head> tag.

<style>
.my-like {
     background-image: url(http://static.tumblr.com/b8yqvki/yxFmajxa5/amandarickathemeunliked.png) !important;
    height:20px;
    width:21px;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}
.my-liked, .my-like:hover {
    background-image: url(http://static.tumblr.com/b8yqvki/CCTmajxau/amandarickathemeliked.png) !important;
    height:20px;
    width:21px;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}
</style>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
    var myLike = event.target;
    if( myLike.className.indexOf( 'my-like' ) > -1 ) {
        var frame = document.getElementById( 'my-like-frame' ),
            liked = ( myLike.className == 'my-liked' ),
            command = liked ? 'unlike' : 'like',
            reblog = myLike.getAttribute( 'data-reblog' ),
            id = myLike.getAttribute( 'data-id' ),
            oauth = reblog.slice( -8 );
        frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
        liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
    };
}, false );
};
</script>

2. Then put this code between {block:Posts} and {/block:Posts}. Usually close/near to reblog button.

<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>

3. Save and see your page if its work or not. If not work, maybe you put the step 2 code in wrong place, so try to move them until the code work but the code must in between {block:Posts} and {/block:Posts}. Just do experiment with yourself ;).

Oct 03

Text Effect

Ok guys.. here are some text effect you can apply on your theme.

Sep 26

Shadow Text Effect Part II

MORE SHADOW TEXT EFFECT

PREVIEW SAMPLE PART II PART 1 HERE

10. LETTER PRESS TEXT EFFECT

**font: rgba(0,0,0,0.6);

text-shadow:1px 1px 2px rgba(255,255,255,0.1);

11. EMBOSSED TEXT EFFECT

**font: #transparent;

text-shadow:-1px -1px 1px #fff, 1px 1px 1px #000; color: #696969; opacity: 0.2;

12. NEON GLOWING TEXT EFFECT

**font: #fff;

text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;

13. BURNING TEXT EFFECT

**font: #fff;

text-shadow:0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;

14. CLOUDY TEXT EFFECT

**font: rgba(255,255,255,0);

text-shadow:0px 0px 10px rgba(255,255,255,0.6), 0px 0px 30px rgba(255,255,255,0.4), 0px 0px 50px rgba(255,255,255,0.3), 0px 0px 180px rgba(255,255,255,0.3);

FOR TUTORIAL, PLEASE SEE IN PART I

Shadow Text Effect

Here are some Shadow Text Effect you can apply on you theme, you can use for Title, Link or Text Post and etc..

PREVIEW SAMPLE HERE

Copy and paste the code under font section you want to add shadow. example for Title, find the title font tag and just add the code under that section
The font color below is the color that i use in Preview Sample, you can tweak as you like to match your background. ( **font: #000000; )

1. 3D TEXT EFFECT

**font: #696969;

text-shadow: 0px 2px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 4px 0px #555, 0px 5px 0px #444, 0px 6px 0px #333, 0px 7px 6px #001135;

2. MULTIPLE TEXT EFFECT

**font: #000000;

text-shadow: 0.2em 0.5em 0.1em #9C9C9C,-0.3em 0.1em 0.1em #696969,0.4em -0.3em 0.1em #363636;

3. MULTIPLE TEXT EFFECT II

**font: #1E90FF;

text-shadow: -10px 10px 0px #00e6e6,-20px 20px 0px #01cccc,-30px 30px 0px #00bdbd;

4. DROP SHADOW

**font: #FF1493;

text-shadow:5px 5px 5px rgba(5,5,5,5);

5. RETRO DROP SHADOW

**font: #DA70D6;

text-shadow:3px 3px 0px #9400D3, 6px 6px 1px #9370DB;

6. OUTLINE TEXT EFFECT (3D GLASSES EFFECT)

**font: black;

text-shadow:-3px 0 red, 0 3px blue;

7. READABLE WHITE TEXT EFFECT

**font: white;

text-shadow:0px 0px 7px #828282;

8. READABLE WHITE TEXT WITH SHADOW EFFECT

**font: white;

text-shadow:color: white; text-shadow: black 0.1em 0.1em 0.2em;

9. GLOWING TEXT EFFECT

**font: #68228B;

text-shadow:1px 1px 15px #8B008B;

For Normal Hover

text-shadow:0px 0px 7px rgba(0,0,0,0.5);

**put this code in hover section if you want the text will change when you hover them, you can choose any shadow code above too.

HOW TO TWEAK THE SHADOW AND COLOR