gah sorry for not answering any of your asks guys i'm currently technically on hiatus from tumblr b/c of school + reorganizing my main blog but when i come back i'll answer everything and fix up this blog a bit too (it already has a new theme wow amazing) and probably release another theme ok thank u for your patience
hello! i have theme #1, and i'm trying to insert a random image script for the sidebar. since the code blocks the sidebar image from showing up unless you actually upload a sidebar, i'm having difficulty trying to fix it.
alright this is kind of a long fix but what you can do is this:
added optional permalink pagination (navigating to next/previous post from the post page) to themes #1 and 2. if you don't want this you can disable it in the appearance section
I've managed to find a work-around tumblr's gross like button design so now I've added like buttons to both theme #1 and #2. If you want this update to the code you should reinstall the theme. They are visible by default but if you uncheck the "Show Reblog and Like Buttons" option they won't show up.
I have received several asks about what I thought was obvious to nearly all, so here is an easy installation guide for themes not found in the tumblr theme garden.
Note that this was written with my own themes in mind, but it should work for anyone else's themes regardless.
You may want to copy and paste your existing theme to an external document in case you change your mind and want to return to your old theme.
>> Step 1
Go to tumblr.com/customize/yourblogurl . Click the "Edit HTML" button.
Ctrl+A to select the entire existing theme code. Delete it.
Copy and paste the new theme code. Hit save.
>> Step 2
At this point, for my themes, your theme preview may look like a block of text.
This is because of the appearance options. Ignore this, and refresh the page. Your theme should now appear normal.
>> Step 3 (optional)
If you want to restore the default options and colors (which is recommended, since leftover options from old themes may make it look strange before you change them), scroll up to the top of the theme code and select all the meta options.
Ctrl+X to cut this. Save the theme and refresh the page. Then, paste the meta options back into the theme below <head>, and save and refresh the page again. The default options have been restored.
>> Step 4 (optional)
To edit options, add images, links, or text, scroll down in the appearance section, below the colors customizing subsection. You can check/uncheck options, upload images, or enter text in the appropriate fields.
Hi, just wondering if it is possible to remove the little clock icons before the post titles for Theme 2. I'm glad your theme blog is back, by the way. :)
Yeah sure, just find {block:Text} and remove this code:
it should be noted that if you check the "show tags on hover" option on theme #2 and your tags on a post are longer than one line, it will look kinda strange since the tags element still takes up all the space it would if it were visible. I'm trying to figure out how to fix this but it might take a lil while since I have some other things to do also
This is actually my old theme #6, I’ve just fixed it up a little bit and added a few more options.
Features:
Bar aligned to top or bottom of screen
Blog icon
Optional “longbar" image (150px wide)
Show/hide blog title
Optional pretitle/subtitle (or both)
Show blog title(s) above/below sidebar image
Up to 10 custom links, at least 3 are necessary
500/400px posts
Show/hide info on index page
Show info on hover
Show/hide tags on index page
Show tags on hover
Show/hide reblog button
Two pagination options - either arrow pagination at the sides of the post container, or jump pagination at the top/bottom of the screen (opposite the bar)
Optional lazyload for images
Round/square theme credit link
Optional back-to-top button
Optional inverted tumblr controls (white instead of black)
rules:
You MAY:
edit to your liking for YOUR PERSONAL USE
change the colors and images and etc (of course)
You MAY NOT:
steal
redistribute
claim as your own
take any part of the code
use as a base
remove the credit
combine with other themes
Please like or reblog if using, and report any issues to my themes blog!
Note: The patterns in the live preview aren’t included in the theme, but if you want you can get them and similar ones on this page.
minor fixes to the "custom google font" option - now will only be enabled if you enter a different font name in the text field. you don't have to check the option
My old themes are still up on my old pastebin! I didn't remove them, I just deleted my old themes blog. You can still use them, I don't mind, I'm just not providing support or assistance.
I'm sure everyone's familiar with the random image script which lets you rotate between a set number of images on each page load. Here's the one for text!
This is a fairly simple script so you shouldn't have any trouble with it.
codes preview, usage preview
The HTML
Basically, you just set a section of you description to the id or class the script uses. This tutorial uses the class myquote.
You can leave the element blank, and the script will add text in.
This is the regular text.
Or you can include "default" text, which will be replaced once the script loads.
This is the regular text and this is the default quote text.
The Javascript
You can paste the script directly in your description, or in the theme itself.
$(function(){ var myQuotes = new Array(); myQuotes[0] = " quote text 1"; myQuotes[1] = " quote text 2"; myQuotes[2] = " quote text 3"; var myRandom = Math.floor(Math.random()*myQuotes.length); $('.myquote').html(myQuotes[myRandom]); });
You enter your text inside the " " marks in the myQuotes[#] lines. You can add as many more as you want, just make sure to change the numbers (myQuotes[3], 4, etc)
At the bottom of the script you enter the class or ID name. Classes use periods at the beginning and ID's use #.
If you want to specify a class within an element, you just add the element name before .myquote in the script. For example: #description .myquote
And that's it! Hope this was helpful.
EDIT: JQUERY
It turns out this script doesn't work on themes that don't have jquery installed! If you've done everything right and the script still won't work please add this bit of code somewhere within the <head> </head> tags. <!-- jquery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>