Tumblr Academy

PREVIEW : CODE http://1ndependent-themes.tumblr.com/

Fri, 22 Mar 2013 17:10:00 +0800

PREVIEW : CODE

http://1ndependent-themes.tumblr.com/

Happy New Year. Good bye 2012, welcome 2013

Mon, 31 Dec 2012 23:41:10 +0800

CHECK OUT THE NEW THEME BLOG

Mon, 19 Nov 2012 23:21:45 +0800

CHECK OUT THE NEW THEME BLOG:

How to install theme and automatically reset default

Mon, 19 Nov 2012 13:33:00 +0800

1. Open customize page click edit html

2. Delete the all entire code and type anything in the box

3. Click “update preview”

4. Click “save” (you can see the theme is just blank with the word you put)

5. Click “refresh button”

6. Copy the new theme code and paste in the html box (delete/replace the anything word before)

7. click “update preview” and save. (you can see the theme is still mess but don’t worry, just save it first.)

8. click “refresh button” an see your blog. DONE

** YOU CAN USE THIS TO RESET DEFAULT ON YOUR CURRENT THEME

PREVIEW : tinypaste code or pastebin code

Sun, 18 Nov 2012 20:33:00 +0800

PREVIEW : tinypaste code or pastebin code

piss-ant: Pray for Gaza

Fri, 16 Nov 2012 18:41:16 +0800

piss-ant:

Pray for Gaza

TUMBLR SPOTLIGHT

Tue, 13 Nov 2012 11:30:00 +0800

TUMBLR SPOTLIGHT:

A place to promote your blog and to search for blogs with the same interests as you.

can you help me?

Wed, 07 Nov 2012 01:13:16 +0800

hey guys.. i need your help again, i just made a new redirect/moved theme,

open this link.

in this theme you need to slide the arrow button to redirect to your new URL, i have test on google chrome and mozilla firefox browser and it’s work fine, so if you use another browser, pls tell me if the slider work on your browser or not.

NEW MOVED THEME!

Wed, 07 Nov 2012 01:09:00 +0800

SLIDE TO UNLOCK

moved theme blog! | preview | tinypaste code or pastebin code

feature:

slide to redirect to new URL
hide follow button
if show navigation

How to get the code:

click the tinypaste code or pastebin code, and wait for 5 second and click “skip” at top right corner

ZEPHYR THEME : PREVIEW or MAIN BLOG | tinypase code :...

Sun, 04 Nov 2012 01:18:00 +0800

ZEPHYR THEME : PREVIEW or MAIN BLOG | tinypase code : pastebin code

COME WITH

3 COLUMN
3D EFFECT TITLE HEADER
USE HEADER TITLE OR BANNER OR BOTH
HOVER REBLOG AND PERMALINK BUTTON
FIX FOLLOW BUTTON
INFINITE SCROLL
SCROLL TO TOP BUTTON
SMALL SCROLLBAR
MINI CURSOR
UPLOAD BACKGROUND AND BANNER
STANDBY MODE

oh btw, check my new theme blog but its still under construction.

Be safe during hurricane especially those in the path of...

Tue, 30 Oct 2012 13:32:12 +0800

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

staff: New Dashboard shortcut! Quickly switch between your blogs...

Thu, 18 Oct 2012 22:20:27 +0800

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.

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

Wed, 17 Oct 2012 13:06:06 +0800

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.

ASK BOX IS NOW OPEN

Tue, 16 Oct 2012 15:35:00 +0800

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 :)

LIKE this if you online now?

Sat, 13 Oct 2012 03:01:00 +0800

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

Sat, 06 Oct 2012 22:47:34 +0800

am i miss something?

Instant "LIKE" Button on Blog

Fri, 05 Oct 2012 23:46:00 +0800

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 ;).

Text Effect

Wed, 03 Oct 2012 13:46:00 +0800

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

Shadow Text Effect Part II

Wed, 26 Sep 2012 20:55:47 +0800

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

Wed, 26 Sep 2012 20:36:00 +0800

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