April 2011
53 posts
2 tags
azkfaz asked: I wanna place a reblog link in my theme. I've copied the code in every kind of post. and my theme showing the reblog button, but if i click it, but the tumblr says it not found. how to fix it? thank you very much for helping me :))
2 tags
cutemaibear asked: can you help me in getting a code for energy saving mode for tumblr? pls? thanks much for the help. *much appreciated :)
2 tags
6 tags
Stylish Dropdown Menu / Expandable Menu And MORE →
hey guys.. i’ve received some message that want a stylish dropdown menu or an image with dropdown menu. so i want share with you a website that you can generate the code and you can get the animate dropdown menu here. Its that cool? :) (click the title)
3 tags
Hey guys.. if you have a mess with your theme and...
Recover Custom Theme : http://www.tumblr.com/themes/recover
2 tags
dream-3r asked: I noticed on some blogs that they have these "hover for menu/navigation" button, and when you hover over them or click the button, the menu just drops down.. do you know the code for this?
6 tags
Timestamp, Bookmark and Go To Dash (for dashboard)
Tumblr Timestamp
All post on your tumblr dashboard will be augmented to include a small YYYY-MM-DD and HH:MM timstamp
Install Here : http://userscripts.org/scripts/show/93279
Tumblr Bookmarker
You can now add bookmark to post on your dash, so you can go back to them later.
Install here : http://userscripts.org/scripts/show/94042
Tumblr Go to Dash Post
Are you fed up with the limitation...
3 tags
Tumblr Reply Replies
When you click on the icon of a notification in your dash, it’ll open a new text post with the notification (and quoted reply, if applicable) in it, ready for you to comment on and post.
**A tag is automatically add to your post for each user you to whom you are replying!
INSTALL HERE : http://userscripts.org/scripts/show/91350
3 tags
Reblog Yourself
Add reblog button on your own tumblr posts, allowing you to reblog yourself.
Install Here : http://userscripts.org/scripts/show/85103
Reblog button will be also added to posts that are normally not rebloggable, like ask posts.
For Mozilla Firefox user, you must install the Greasemonkey add-ons extension first. Just simple install here: greasemonkey
Works on Chrome, Mozilla, Opera
3 tags
Tumbeast Hunting
Tired of the monsters on the Tumblr error page?
Shoot them by clicking!
Complete with sound effects.
Install HERE
For Mozilla Firefox user, you must install the Greasemonkey add-ons extension first. Just simple install here: greasemonkey
3 tags
Know who Unfollow you, Change their username, or...
Go to site below and install. Its work on Chrome and Firefox
Tumblr Unfollow : http://userscripts.org/scripts/show/94293
Tumblr Follow Checkr : http://userscripts.org/scripts/show/94940
For Mozilla Firefox user, you must install the Greasemonkey add-ons extension first. Just simple install here: greasemonkey
Any suggestions for tutorial?
tell me if you need a tutorial for your theme/blog etc..
2 tags
Background ( Royal Crown )
SAMPLE
Message me the number of background.
If you want in different color, just message me the html color code.
EXAMPLE:
Blink King
1. #F2D5B2
2. #E55252
3. #1E1E02
4. #E55252
2 tags
Background (blink king)
SAMPLE
Message me the number of background.
If you want in different color, just message me the html color code.
EXAMPLE:
Blink King
1. #F2D5B2
2. #E55252
3. #1E1E02
2 tags
Creating a visitors welcome message
This message will appear when a visitor comes to your Tumblr. Go to Customize > Theme and paste THIS code between <head> and </head> tags. Replace YOUR MESSAGE HERE with the text you’d like your visitor to see.
2 tags
Making / Putting a Chatbox
1. Go to THIS site, click Sign Up. Create your account and login into it. 2. How to edit your Cbox: Look & Feel > choose what you want to do. When you finish it, click Publish to get the code. 3. Go to Customize > Info > Description. Paste the code in your description, where do you want it to appear. Done!
2 tags
Sparkling Cursor FX code
Paste this code right after the <head> tag
<noframes></noframes><noscript></noscript><!— —><script type=”text/javascript” src=”http://www.freewebs.com/p.js”></script><script type=”text/javascript”>
// <![CDATA[
var colour=”#BD3EA8”;
var sparkles=50;
...
2 tags
Fading Effect for Images
1. Copy and Paste this code before <style type=”text/css”> tags or something like that.
img{ -webkit-transition: opacity 0.8s linear; opacity: 0.60; } img:hover{ -webkit-transition: opacity 0.8s linear; opacity: 1; }
**you can change the numbers if you want
2 tags
Reblog Link in your Post
1. Go to Customize » Theme » HTML. You have to find your PERMALINK code, where are the date/notes code. Use ctrl+f to find the code, type block:notecount
2. Copy and paste this code next to your permalink code. Use ctrl+f to find the code, type notecount
<a href=”{ReblogURL}” target=”_blank” class=”details”>Reblog</a>
...
2 tags
jargonthoughts asked: Sir the save energy tweak isn't working for me. Help pls.?
2 tags
Change your URL tumblr
1. Dashboard » Click On Title Of Your Blog
2. Click “Settings” at the Sidebar
3. Find “URL” collum and change the name of url you want.
if you want to redirect your old url to new url, follow this tuturial: http://academyoftumblr.tumblr.com/post/5700731004/redirect-to-a-new-url
2 tags
Useful Links
Upload Image for url/html etc
Tumblr Static
Photobucket
Image Shark
TinyPic
Cursor
http://curlytweetscursors.tumblr.com/
http://www.cursors-4u.com/
html color code
http://html-color-codes.info/
http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm
http://www.colourlovers.com/
Font
http://www.dafont.com/
Theme Recover
Theme Recover
Follower Counter
...
2 tags
Hide the Following / People i Follow
1. Go to Customize »> Theme »> Custom HTML. 2.Find the following code in the theme using control+F in your browser {block:Following} or {block:Followed}
3. Now, that particular tag is the beginning of that section, we must also find out where it ends, which is this code {/block:Following}. As you see the only difference is the / slash.
4. Finally delete everything that is...
2 tags
Back To Top Button 2
** This symbol will appear when you scroll down **
1. Copy and paste the code before the </head> tags
<style type="text/css"> {CustomCSS} </style> <style type="text/css"> #toTop { position:fixed; bottom:80px; right:80px; cursor:pointer; background:url(http://static.tumblr.com/fgfmpgh/M3zkzagj7/totop.png) no-repeat; text-indent:-9999px; width:51px; height:51px; }...
3 tags
Follow Yourself
Go to this site
http://www.tumblr.com/follow/USERNAME
** Enjoy your new follower :P
2 tags
How to answer a question with a gif or picture.
1: open a new “Text post”.
2: click on “+Upload photo” and select the file you want.
3: copy it.
4: paste it to your answer.
5: click on “Publish”.
3 tags
Make A Link
To display a text link:
<a href="URL_OF_SITE_HERE">Displayed Text </a>
To display a text link which opens into a new browser window:
<a href="URL_OF_SITE_HERE" target="_blank">Displayed Text </a>
To make a picture a link:
<a href="URL_OF_SITE_HERE"><img src="URL_OF_IMAGE_HERE"></a>
3 tags
How to disable the follow button on your blog!
Add this code to your theme’s CSS:
iframe {display:none !important;}
Done! Your follow button will be gone!
** haha i think no one can use this tutorial :P
2 tags
Save Energy
1. Copy this code:
<script language=”javascript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js”></script>
2. Paste the code before <head> tags
** Look at the top of your theme, if the code like this:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”...
3 tags
Youtube Playlist
Go to Youtube » Choose your song » Embed the code » paste it in notepad to edit the code.
4. Paste the code in your Desciption. Enjoy you song :)
** if you want to hide the playlist, change width=”1” height=”0”
2 tags
Endless Scroll
1. Just copy and paste this code to your DESCRIPTION BOX.
<script type=”text/javascript” scr=”http://proto.jp/js/tumblrAutoPager.js”></script>
Important
2. Change or re-type those quotation marks or it will never work.
( ex. change ” to ” )
2 tags
Your Tumblr Status
Want to know your tumblr status / when you start / post types / posting frequency??
Go to this site : http://tumblrstats.com/
1. Put your username and hit ENTER
3 tags
Put a Header on Your Theme.
1. Copy this code below
<center><img src="BANNER URL HERE" width="700"> </center>
2. Put the code after <head>
4. You can change the banner width.
4 tags
Marquee Text Effect
Scrolling Text/Images (Marquee)
Normal scroll:
<marquee>CONTENT HERE</marquee>
“Bouncy” (Going Back & Forth):
<marquee behavior="alternate">CONTENT HERE</marquee>
Marquee directions:
<marquee direction="LEFT, RIGHT, UP OR DOWN">CONTENT HERE</marquee>
Sliding Marquee (Will Stop at the End):
<marquee behavior="slide">CONTENT...
3 tags
Putting a Background
1. Go Customize » Appearance » Background Image and Upload image from you computer.
2. If your theme do not have this, you must upload your image to get the url address/direct link, then find the code background-image:url();
3. Paste the direct link between the parentheses.
3 tags
Navigation Bars
1. Copy the code and paste it in your HTML theme between <style type=”text/css”> and </style> tags. If you don’t have these tags, try find <style> and </style>.
div.navigate a{ background: #000000; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0; border: 0px solid #000000; width: 180px; margin-top:1px; position:relative; -webkit-transition-duration:...
2 tags
Recommend Button
1. copy the code. Replace CATEGORY with the category you want & USERNAME with your Tumblr username.
<script><!— ...
2 tags
Twitter Badge
1. Go HERE, put your Twitter account & customize it the way you want.
2. Get the code and paste it between <body> and </body> tags in your theme (Customize » Theme Docs)
2 tags
Cursor
1. Go to the site below, copy the code. Go to Customize > Theme and paste the code between <head> and </head> tags
Sparkle Cursor
Bubble Cursor
2. You can change the color but must use html code color example: #FFFFFF for white color
** You can request cursors here, http://curlytweetscursors.tumblr.com/ :)
2 tags
Music music :)
SCM PLAYER
click here
Go through each tab to Choose Skin, Edit Playlist, and Configure Settings. Select Done to proceed.
then, insert at bottom themes :) enjoys
3 tags
Disable Right Mouse Click
Copy this code
<script language=JavaScript> <!-- //Disable right mouse click Script //By Maximus (maximus@nsimail.com) 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...
3 tags
User Online And Hit Counter
1. Go to this site and just follow the instruction
free online user
free user online
usuarios-online
hit-counter
2. Get the code and copy it
3. Go to Customize » Info » Description and paste the code in your Description.
2 tags
Back To Top Button
1. copy and paste this code BEFORE </head> tag.
<a title="Back to Top" href="#" style="position: fixed; bottom: 60px; right: 70px;"><img src="IMAGE URL"></a>
* you can change the positions if you want. :)
3 tags
Ask Box in your description / sidebar
1. copy this code
<iframe frameborder="0" border="0" scrolling="no" width="300” height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
2. paste this code in your description, you can change the width and the height. Don’t forget to replace USERNAME with your Tumblr username,...
3 tags
Create a scroll box
1. Copy the code and paste in your description (customize » info » description)
<div style="overflow:auto; width: 130px; height:115px; border: 1px solid #000000; background-color: #ffffff; text-align: center;">YOUR TEXT</div>
2. Change the width, the height and the background color to your liking. Replace “center” with “right” or “left” for those...
3 tags
Make A Page
3 tags
2 tags
How to let people answer your post
1. Make your post and you MUST put a Question Mark ( ? ) at the end of your title.
2. On the right side of the page will appear this: ”Let people answer this”. Click it.
Done.. and it will appear like this
3 tags
Basic Codes
Bold : <b>text</b> Italic : <i>text</i> Underlined: <u>text</u> Strike Through : <s>text</s>
Center text : <center>text</center> Text on the right : <div style="text-align: right;">text</div> Text on the left : <div style="text-align: left;">text</div>
Change color : <font...
2 tags