UPDATED: Notepad Chaos Tumblr Theme
UPDATE: I have updated this theme (download link at bottom of post). Please read all instructions and comments below before asking for help.
See changes in the list below:
- More comments in the code to make it easier for those of you having trouble looking through the code.
- Removed references to Pownce since it is no longer available.
- You are not required to find hosting for the images. But, I do recommend that if you can host the images somewhere else yourself, please do. There is no guarantee that the images will always be available. They are all currently being hosted at ImageShack. The zip still includes the images for those of you who want to upload them somewhere.
A lot of you have been waiting for this theme to be made available for Tumblr. I had requested permission to make it available to the public! I wouldn’t have done this if I hadn’t received so many comments about it on my Tumblr blog, Random Alisha. Thanks to Smashing Magazine and Evan Eckard, you can download the theme!
Because I am new to Tumblr and how the code works, please do not direct Tumblr questions to me. There is help for that on the Tumblr site. If you need any help regarding setting up the theme, I will do my best to help you. If you need to customize any part of the theme such as the images, please download the original WordPress theme. There is a PSD file included.

Features
- Tumblr’s custom colors
- Feed icons. If you import any feeds from RSS Feed, Last.fm, Digg, Twitter or Pownce, the theme will display an icon. For example, if you say something on Pownce, on your Tumblr page there will be a little Pownce icon on the left side.
- Disqus comments per post and in the sidebar.
- Last.fm recently listened to next to blog title via feed.informer.
Instructions
To use this theme, download the zip file and extract it. Open up notepad_tumblr.html with an editor. I use Notepad++ if you would prefer not using plain Notepad. You will need to replace all instances of “yourdomain.com/tumblr/images” in the URLs with your actual domain/location of where you will place the images.
For the about link underneath the search, you will need to edit the link in the code. If you don’t have an about page, then just create a post and then get the link to the post and insert it into the correct place in the code.
Then, at the top, underneath the title of your blog, there are a few links for Twitter, Pownce, etc. You will need to replace those as well with your own.
You will need to replace “yourname” where Disqus comments appear with your own when you sign up. I have left comments in the code. There are two places where it needs to be changed. And then if you want the recent comments in the sidebar, I’ve left a comment of where to place that code towards the bottom of it. You will have to get the code for that from your Disqus account.
For the recently listened to Last.fm song next to the blog title, you will need to go to the feed.informer website and create your own code and replace it with the one between the comment.

For Tumblr’s custom colors, if you go to your dashboard to customize the theme, you will see a Colors tab. The following can be customized: Title (blog title), Description (appears in the footer), Nav Links (recent posts list in the sidebar), Date, Post-Title, Text (main text throughout), Inline Link (links inside a post). None of the others will change anything in the theme. If you need anything more custom than that, you will need to look through the code and edit it.

After you have edited the theme, copy and paste it into Tumblr!
To see the theme in action, view the demo (my own tumblr blog). If you’re ready, go ahead and download the theme!
If anything at all was confusing with the instructions, please let me know and I’ll try to help you.
Note: For those of you having issues with the top portion of the theme not looking right, try using Flickr for image hosting. This seems to be a common problem. Thanks to ChaCha Fance for mentioning this in the comments.
126 Responses to “UPDATED: Notepad Chaos Tumblr Theme”
Leave a Reply

Brace Yourself on September 10th, 2008
Hi, Alisha!
I followed your instructions to a T (thanks so much!) But something seems to be amiss with the appearance of it. The notebook area doesn’t look wide enough? Have I missed out on something v. important?
Thank you again, this is a lovely layout you’re sharing!
Alisha on September 10th, 2008
I’m not sure what happened there. I just looked at your tumblr blog and that’s the first time I’ve seen that happen.
If you changed any part of the CSS, that could have caused it to happen.
Please make sure the body in the CSS is similar to this (with the exception of the location being different):
And the footer in the CSS:
#footer-holder .footer { width:932px; height:300px; position:absolute; top:0px; left:-54px; background:url(images/footer.jpg) no-repeat; z-index:100; }Or just compare your code with the original file.
Shilpika Das on September 18th, 2008
HI Alisha,
Thanks for helping with the tumblr theme. This is so cool. I am a newbie to HTML coding and tried to follow all your instructions but the end result had no images. Do you know where I went wrong? I unzipped all the files but do I need to import it somehow to my tumblr page?
Any help is greatly appreciated. Thanks a ton.
Shilpika
Alisha on September 18th, 2008
Hi Shilpika, you need to host the images somewhere. You can’t import images in tumblr. You’ll need to either upload them to your own FTP or a free image hosting site and then change each image location in the code to point to the correct location of the images.
Shilpika on September 20th, 2008
Hi Alisha,
Thank you for that. I managed to find a site to host the images..I have one small problem though. The image on the top half of the page is distorted. Please check: http://www.shilpika.tumblr.com. I noticed someone else on your blog having a similar problem and I was wondering if she resolved it. I checked my CSS code like you mentioned in the comments section. I would really appreciate it if you could help me with this. Thanks a ton. Looking forward to hearing from you.
Alisha on September 20th, 2008
I really don’t know what could be going on, because others have installed it and aren’t having that problem. Put fresh code in again, without touching any of the code, see if it still does that. Just make sure you backup what you had changed.
Let me know how it goes. Good luck!
Shilpika on September 20th, 2008
Thanks..fixed it..some problem with the image hosting site!
Stacey on September 21st, 2008
What should I change the settings to on feed informer to make my last.fm feed appear correctly?
Alisha on September 23rd, 2008
You have to use the custom setting in feed.informer so it will only display the artist/title from Last.fm.
Jaxon on September 30th, 2008
Hey Alisha,
With your search box when you search some thing there it sometimes comes up with things from digg, pownce, twitter and digg.
How do I get that to happen on mine?
ChaCha Fance on September 30th, 2008
This is such a GREAT theme! Thank you so much for sharing it with us! You’re very talented!
Alisha on September 30th, 2008
Jaxon: That is already inside the theme. You just need to add your feeds like I said above in the post.
ChaCha Fance: Thank you, but I can’t take credit for designing the theme. Credit is given in the post above. Evan Eckard designed it. I only take credit for converting the theme for use in tumblr.
ChaCha Fance on October 1st, 2008
Oh sorry! Well thanks for converting it =) I love it!
Alisha on October 1st, 2008
You are very welcome!
Jaxon on October 3rd, 2008
Thanx Alisha I didn’t know how to import themes but I check the help section.
And I have a newer twitter icon if anyone want to use it. It is the correct size and works on my tumblog if you want to check it out.
http://farm4.static.flickr.com/3156/2908529345_0a89d11e7c_o.png
Jaxon on October 4th, 2008
sorry i meant feeds instead of themes
natalie on October 5th, 2008
Thank you so much for making your edits available to everyone! I used it for my daughter’s art blog. Everything works great, but I wasn’t able to write anything on the little torn notepad with a thumbtack in the right column. It’s where you have your “I’m following.” I’m sure it’s something I’m doing wrong. Anyway, if you have a quick fix or any advice. I’d love to get it. Thanks again!
Alisha on October 5th, 2008
Hi Natalie, remove the following code from the section of code that appears at the bottom of this comment:
Instructions: Remove
{block:Following}and{/block:Following}from the beginning and end. Remove{block:Followed}and{/block:Followed}. You can optionally add a title for the section in the
tag, or just remove the first row which is between the first instance of
if you don’t want a title. Then, where the following line appears, just add whatever text you want to add:<a href="{FollowedURL}" rel="nofollow"><img src="{FollowedPortraitURL-24}" border="0" /></a>Section of code:
{block:Following} <tr> <td><h3 style="font-size: 12px;">I am following:</h3></td> </tr> <tr> <td> {block:Followed} <a href="{FollowedURL}" rel="nofollow"><img src="{FollowedPortraitURL-24}" border="0" /></a> {/block:Followed} </td> </tr> {/block:Following}natalie on October 5th, 2008
THANK YOU THANK YOU THANK YOU – U R A JEM!
JaymieMusic on October 5th, 2008
Why is the theme all jacked-up? Can you help?
JaymieMusic on October 5th, 2008
And also, how do I remove the twitter, digg, and other junk? I just need the comment and rss widget thx :)
JaymieMusic on October 10th, 2008
Ok, I got that fixed! But IDK how to chanfe the URL for the navigation…and where do I find the url for my archives? THX
JaymieMusic on October 11th, 2008
And also, how do I add text/widgets to be under the “I am following” thing?
sheeda on October 13th, 2008
hey there.., i really love this theme..
however I have a little problem, the top part of it doesnt seems to have the same size.. it’s abit off, i tried uploading the image at photobucket and imageshack but it’s still the same.. where do you upload yours?
I guess because of it, the menu above when I hover it’s reallllyyyyyyyy off too..
my tumblr is – hansheeda.tumblr.com
thank you and sorry bout my english if it sound so confusing..
ChaCha Fance on October 13th, 2008
@Sheeda – I uploaded mine to Flickr……. Photobucket resizes all images larger than a 1024×768, that’s why it’s not showing up right.
sheeda on October 13th, 2008
ohhh ok cool.. will try it… thank you very much Alisha & Chacha
JaymieMusic on October 13th, 2008
I didn’t find the place to edit the navigation code and I didn’t understand the guide on Tumblr! Can you please help?
Vinay Prajapati on October 14th, 2008
flickr is not good idea. use any other image host or wordpress.com medialibrary to upload your pics. and enjoy! you may check the alishagg.tumblr.com source to get image links.
Leah on October 22nd, 2008
Hi! Thank you for all of these instructions! I’m new at all of this, but I LOVE the theme and want to make it work.
I’ve got my images hosted but I dont know where to put them in the code. Could you give me an example or help me out here?
Thank You!
Leah on October 22nd, 2008
Ok, I’ve figured out how to get the images to show now. I used photobucket and the images aren’t positioned/sized correctly. I read here and see that I should be using flickr. However, I cant seem to get the correct URL I believe and the images dont show up again when I use flickr. I dont think I’m figuring out how to get the HTML from that site. The only thing I could figure to do was to copy and past the address from the address bar. Please help, I’m getting closer and closer! haha Just not close enough!
Jamie on October 29th, 2008
Having a ridiculous amount of trouble getting the Footer image to pop over into the correct column – it insists on being too far to the right. I think I’m using the correct code for the Footer portion, so it must be somewhere else … any ideas? I’ve almost got this whipped, after it whipped me for hours.
Jamie on October 30th, 2008
Problem solved, but don’t use Flickr to host your images!
ChaCha Fance on October 30th, 2008
I’ve had no problem with Flickr…….. had my site up for weeks now.
Ross on November 2nd, 2008
Hey Alisha,
Slightly off-topic, but I’m having trouble with my last.fm feed. I took the recenttracks.rss from my profile and created a digest for it with feed.informer, but that doesn’t seem to work.
What am I missing?
Alisha on November 2nd, 2008
Hi Ross, I took a look at your tumblr blog and it looks like it’s working to me.
Ross on November 2nd, 2008
Hi, Alisha.
Yeah. I figured out where to alter the code about five minutes after posting.
Thanks.
Alisha on November 2nd, 2008
That’s good. I’m glad you were able to figure it out on your own.
Lina on November 16th, 2008
Hi Alisha,
I am having a little trouble trying to open the file. I have winzip, and was able to download it, but I’m not sure what to do from there. I read your directions, however I don’t have Notebook++ and I can’t download it on this computer. Is there any way you (or anyone here) can email me the text theme?
Thanks a bunch!
-Lina
Lynne on November 22nd, 2008
Thank you Alisha. This is a great starter project for me. I’m new to web design and new to blogging. I’ve been reading such wonderful free tutorials online. I’m going to brave the use of your translation from wordpress to tumblr as my lesson plan on another free theme from Smashing Magazine. Wish me luck, and thank you, Smashing Magazine, and Evan Eckard so much for the inspiration and “the way”.
Alisha on November 24th, 2008
You’re welcome. Good luck! =)
oOLiquidNightOo on November 28th, 2008
I don’t have anything to say really, I just think it’s very cool you’re so willing to help everyone.
Good on you and yours .. Happy Holidays.
Abigail on December 4th, 2008
Alisha,
I’ve followed along with the comments on here to tweak the bugs in my code and figure out what I’m doing wrong…but I’m not to the point of being stuck.
I’m totally not html savvy and trial and error has got me this far. I am doing something wrong with where I’m posting the “yellow post it” background links because they aren’t showing up…neither are the “categories” background images. I might be putting them in the wrong URL spot but since I’m new to this, I’m don’t understand all of the verbage to know where they should go.
Your help would be hugely appreciated! I echo the above sentiments…thank you so much for doing this!! I love Tumblr and now will love it even more (if I can get my links and background to work!)
-A
Abigail on December 4th, 2008
meant to say “now” to the point of being stuck.
And this just in, I can’t get the date tabs on the left in the right spots or how to change the links to the home, about and archive to my own URLs.
After the amount of time I realize I’ve invested in this little project tonight, I am now thinking I should take a basic html class. :)
Alisha on December 5th, 2008
Most likely, it’s an error with the URL or you’re using a service that isn’t working right. I’m assuming you’re using flickr and it’s probably not allowing you to do what you’re doing. You might need to find another image hosting site. A couple others have said not to use flickr.
To change the links for home, about and archive, you will have to look through the code and find the URLs (they should be closer to the top, but below the CSS styles). Sorry, I can’t help you much more than that.
steph on December 6th, 2008
it didn’t work
jude on December 10th, 2008
I really want to get this theme but i dont know a thing about HTML :(
Maybe it’s time for me to learn.
Kahve on December 15th, 2008
I am currently using your theme, but I hope you didn’t mind me also finding the photoshop file for this and using it and my knowledge of css and html to trick it out even more. I hope you like!!
Mongoos on December 23rd, 2008
I love the theme and just finished setting it all up…it looks really great. My only issue is I can’t get the recently listened to track from last.fm working, I used the code from feed.informer but it gets way too big, how can I make it so it fits properly?
lalala~ on January 4th, 2009
i love your theme! thanks for sharing! and i’m using it hehe
Åzzy on January 7th, 2009
I really like this theme! Thanks for your work. I will try to make it work on my blog!
Ross on January 10th, 2009
Hey, Alisha.
Thanks again for putting this up. I’ve made several alterations to the code for my own use and really enjoy it. I’ve stripped the graphics down and plan to add my own details later.
One thing I just noticed is that something funky happens in the “Recent Posts” column when someone posts a chat/conversation.
It creates a separate for the title of the conversation, even if you don’t give it a title.
Here’s the only posted example that I could find…
http://jaie.tumblr.com/post/54908930/ask-the-white-house
It does the same thing for me if I try to post a chat.
I’ve looked at the code and don’t see why it would be different for a chat post versus a link, video, etc.
Any idea?
ME on January 17th, 2009
I download the file and I have winzip. After I extract it, I have no idea what to do with it. What do I do? It’s all jibberish to me. I have no idea how to get the HTML code. Can anybody help? Thanks.
len on January 23rd, 2009
hey, works perfectly! thanks for sharing :)
Chris on February 2nd, 2009
I tried to show tags/labels under my written posts with this theme. But I can’t get it to work, so that under each posting from me my tags will be shown. Has anybody an idea, what I have to add where? Thanks.
http://csign.tumblr.com/
(I haven’t upload the images, yet, because if this theme is not able to show labels/tags, it is not useable for me)
Bettina on February 2nd, 2009
Hi, how can I show tags in this theme?
moogler on February 5th, 2009
hello! i really, really like your theme, but the top part is really messed up. i already tried using different image hosts and editing the css itself, nothing… any help?
Alisha on February 5th, 2009
Bettina, I’ve removed your duplicate comment that you left on another post. I don’t offer help with Tumblr code, only with the theme if you’re having problems. Sorry.
I provided a link in the post if you need help with customizing a Tumblr theme. Here it is, in case you didn’t see it: http://www.tumblr.com/help/custom_themes
Alisha on February 5th, 2009
moogler, I can’t offer you any help other than what has already been said above. If the problem is coming from the host, you’ll have to use a different one.
Please leave a link to your tumblr blog so I can see if it looks like it’s the image host or if you might not be doing something right. (Unless, of course, you know for sure that it’s the image host, then you don’t have to leave a link.)
Alisha on February 5th, 2009
Chris: Sorry, I don’t offer any help with Tumblr code, only with the theme and what’s already implemented.
So, unless someone else reading your comment knows, you may want to just look at this link for help with customizing Tumblr themes: http://www.tumblr.com/help/custom_themes
Rachel on February 5th, 2009
I can’t get this to work at all. I downloaded it like every other one but I put the code or what I think the code is and it doesn’t work. Just chows giberish. Can you post the code on here or something or tell me what I am doing wrong.
Alisha on February 5th, 2009
Hi Rachel,
Sorry, I can’t put up the code – there is way too much to put in a comment.
All you do is copy/paste all of the code that is in the .html file into the section where you place the code in Tumblr and then save.
You also need image hosting as well and then change the links in the code to display the images wherever they are hosted, which has been covered above. If you’ve followed everything above, then I don’t know that there is much I can do to help.
It would be helpful if you provide the link to your Tumblr blog so I can see what is happening. =)
len on February 6th, 2009
hi everyone, just want to highlight that if you wish to use Alisha’s theme, you need to KNOW HTML codes.
it won’t work if you just cut and paste the codes – you still need to tweak them.
if you do just that, it’ll come out gibberish…
it took me quite a bit to figure out and make it work.
catherinee on February 12th, 2009
im having trouble with the recently played feature. Nothing is showing up, just a link to feed informer! help please :)
Charmless Man on February 16th, 2009
You are awesome!
My girlfriend likes your theme so much and I was able to set her tumblr to use this theme. She is really happy and I would like to say thank you for sharing.
Nikki on February 24th, 2009
I really love your theme. I really want it.
As much as i have tried to make sense of what to do, I am completely lost.
I’m usually pretty good with html, but for some reason I dont understand anything for this.
I am a mac user, so maybe that could be the problem.
after I DL it opens with My text/edit. from there Idk what to do.
please help <3
haithurr on April 3rd, 2009
Hey,
Would you mind posting a plain text version of the HTML code? It would be really appreciated :) Thanks so much for this!!
Alisha on April 3rd, 2009
haithurr, all you need to do is open the HTML file with a text editor.
Caroline on April 29th, 2009
Hey Alisha,
I’m new to this. When I download the zip file, it gives me the option of opening it in Firefox which shows a version of the page. or I open it in Notepad, and it’s gibberish. Please help! Is there a way to be emailed the code? Thank you soooo soooo sooo much!
- Caroline
Alisha on April 29th, 2009
Hi Caroline. That gibberish you see in Notepad is the code. Just select all and copy it and then paste into Tumblr. Emailing would be a problem because a client would try to interpret the code rather than displaying it.
susanne on May 9th, 2009
Hello everyone! I’ve used this amazing template too. Agreed, I found some things hard to work with but finally, finally have my website LIVE! However …. :-( … many of the pages are not right. Can anyone help me? Thanks, stuck Susanne
Alisha on May 15th, 2009
There is only one page, and from the looks of your site, you aren’t using Tumblr. I can’t offer help if you aren’t using Tumblr with the theme.
susanne on May 17th, 2009
Thanks for your comments Alisha and the further info. The Website now operating with all the pages. Having only one page was to allow people to add their email to go onto the next section. I have reworked my plan.
I’ll hang onto your suggestion about Tumblr if I use this template again. My next mountain is Autoresponders. Thanks for your input. Susanne
tasteofcherie on May 24th, 2009
Do you need a zip file?
Alisha on May 24th, 2009
I’m not sure I understand what you’re asking. You need to download the zip file to get the files for the theme.
GasolineRainbow on June 2nd, 2009
Hi Alisha,
Is there any way to put my tags beneath the posts? Like the “posted under” ones in the original Wordpress theme?
Thanks!
Alisha on June 4th, 2009
I’m not sure, sorry. This theme was the first time I had touched any Tumblr code. You’ll have to check on their help page for that.
sxaie on June 2nd, 2009
thanks for the sharing :) i love it
juz on June 10th, 2009
can i use this in blogger? would there be any changes in the code if i used it there?
Alisha on June 10th, 2009
If you know how to change the code to make it work in Blogger, then yes, you could. I can’t help you with changing it though.
nowatlastiknow on June 10th, 2009
Hi Alisha! thanks so much for the very pretty theme. I am so inlove with it! :)
ilovegirlymen on June 17th, 2009
This theme is awesome… I just can’t get the disqus comments to work for some reason. I changed my username in the two places in the code that you mentioned, and… It’s not working? :-p Could someone take a look at my site/give me some advice? Thanks so much…
Alisha on June 17th, 2009
Hi, do you have a Disqus account at all? I don’t think it will work if you don’t have an account.
ilovegirlymen on June 17th, 2009
Yeah I do have an account, the username is the same as my tumblr name (ilovegirlymen). I changed it in the two places you mentioned and that was it.
Maybe I should just delete that entire section of code and re-copy and paste from disqus? Ahh it’s bizarre though because I can’t even find the bit of code on disqus anymore. The only time I saw it was when I first signed up. :-p Anyone know how to access it again?
Alisha on June 17th, 2009
To replace the code, in your Disqus account you should find it all under Tools.
Ahmad on June 30th, 2009
could you help on how to remove the link? i mean the one underneath the name of my blog.
eg. link, tweet, digg etc.
tq.
Alisha on July 14th, 2009
It requires you to look in the code and find what you want to remove. You should notice comments in the code.
lewis holland on July 16th, 2009
hey i have tweaked the code and also used my own image hosting website but nothing is coming up on my blog at all :(
this happened when i tried to copy your code straight over
can u help :(
thanks lewis
lewisholland.tumblr.com
Alisha on July 30th, 2009
It looks like you have it working. Sorry for the late response, I’ve been very busy.
hanz on July 28th, 2009
hi alisha! im having a problem inserting code on the about me portion in the code. where and how will i insert the about me page ive created in tumblr? thanks.
Alisha on July 30th, 2009
I can’t help you since it says your page doesn’t exist.
maggiemayhem on July 30th, 2009
Hey Alisha! I LOVE this template, but for some reason, nothing is coming up in the categories note pad on the side bar. any ideas? thanks!
Alisha on July 30th, 2009
That’s actually to display people you are following, not categories. So, if you aren’t following anyone, that’s probably why. =)
allieboman on August 1st, 2009
i have everything PERFECT.
except for two things..
i was wondering if you could help me get my picture on there..
and when i click on the about tab on my page.. it says the url ive requested isnt there.
and i have tried almost everything.
:) thanks for everything.
Alisha on August 4th, 2009
I don’t offer HTML help. Only help with setting up the theme. I will give you a hint though. You need to use the <img> tag and the link to the image.
If you haven’t added the link to your about page, then it won’t work. If you don’t have an about page, you need to create one and then add the link to it where the about page link goes in the code. If you have already done this, I don’t know what to say, since you didn’t leave the link to your tumblr blog. ;)
sheltainfinitas on August 11th, 2009
I seem to be having issues with sizing. When I changed the picture a bit I can get it to line up properly. Any help would be amazing!
Alisha on August 11th, 2009
Hi, I looked at your page and everything appears fine to me. If you’re referring to something that isn’t a theme issue, I don’t offer help for that, sorry. =)
Seo London on September 1st, 2009
It worked for me thanks
Christy on September 9th, 2009
The names of the images are different in the code that what the images are actually named. I uploaded all the images to my own website, changed all the URLs, and they are not showing up for this reason.
Alisha on September 13th, 2009
The URLs by default are set to point to an image hosting site. If you are hosting them on your own server, then you will have to change the URLs to their new location with the correct image names.
NatMuffin on October 19th, 2009
Hey there, Alissa. (:
I don’t know why the background doesn’t show. Can you check it out and let me know? :D
Thanks!
Alisha on October 5th, 2008
You are welcome Natalie.
Alisha on October 5th, 2008
I’m assuming you’re referring to the top portion. If so, some others have had this problem with the image hosting they used. You may have to host the images someplace else. Sorry.
Alisha on October 5th, 2008
If you don’t want Twitter, Digg and other feeds to be displayed, then don’t add them in the Dashboard. If you want to remove the code that displays them as well because you aren’t using the feeds, then you will need to find the code.
There is too much code to list here to show you what should be removed for each one.
EDIT: I just realized that you might be referring to the feeds underneath the title. Please be more specific. Let me know if this is what you’re referring to.
JaymieMusic on October 6th, 2008
Basically, I want everything on your blog except the links under the title and the lastfm widget on the right and the recently listened to thing next to the title. And also my navigation is messed up because when you hover over it, it pops up! And then the layout proportion isn’t right! Is it possible for you to edit my codes for me? Is there a way I can contact you and send you my code so you can edit it to be like yours except for the things I listed above? Thanks a lot! :]
Fathermocker on October 7th, 2008
Dear Alisha: Thanks for porting the theme! It’s a little girly but looks pretty cool and works flawless in tumblr. Question: How should I edit that section to have the people I’m following on Twitter, like in your blog? Thanks in advance ^^
Fathermocker on October 7th, 2008
So I just realized that following notepad is for people you’re following in tumblr. Do you happen to know if there’s a way to do the same with twitter or anything?
Alisha on October 7th, 2008
The navigation at the top is messed up because the background image is not the correct size. You will have to host with another image hosting site in order to have that looking right.
To remove the links under the title, you will need to go into the theme code and look for this code:
<h2><a href="/" rel="nofollow">{Title}</a></h2>and remove the following code:
<a href="http://www.yourdomain.com/" rel="nofollow">Extra Link</a> / <a href="http://www.twitter.com/yourname" rel="nofollow">Twitter</a> / <a href="http://www.pownce.com/yourname" rel="nofollow">Pownce</a> / <a href="http://www.last.fm/user/yourname" rel="nofollow">Last.fm</a> / <a href="http://digg.com/users/yourname/" rel="nofollow">Digg</a>Then, to remove the recently listened to feed, it appears right below the code for the links under the title. Remove the following code:
Last.fm isn’t included in the theme’s sidebar. There is only a comment telling you where to add the last.fm code.
Alisha on October 7th, 2008
No, sorry I don’t know how to do that.
Alisha on October 11th, 2008
The navigation URLs are in the code. You will need to look somewhere after the
<style></style>tags. There will be a lot of scrolling down.I am not offering help for tumblr itself. For tumblr help, you will need to go to the tumblr site and look that up. But as far as I know, the archive URL is the same for everyone.
Alisha on October 11th, 2008
You will have to look through a lot of code and figure out where things go.
If you look for a comment in the code that says something about Last.fm (similar to this <!– Add Last.fm code here –>), you can add anything you want there and it will appear under the followers section.
Alisha on October 13th, 2008
Because of where you host it, this will happen to the top portion of the theme. Like ChaCha Fance said below, try uploading to Flickr, since that seemed to work.
JaymieMusic on October 13th, 2008
Since I deleted the Last.Fm code, I can’t find that place :(
Alisha on October 14th, 2008
Suggesting that people hotlink to images I host on my server that uses bandwidth I pay for by viewing the source on my tumblr blog to grab the image links is not right. No one is to use those links.
I am providing this theme port for free, but you are responsible to find your own image hosting provider.
Alisha on October 14th, 2008
I don’t have a lot of time to be able to help you step by step to figure out where everything is in the theme code. You have to look through all of the code.
Do a search for “search” and the navigation code appears below the code for the search bar above it.
Alisha on October 14th, 2008
Then you’ll need to look in the original file. If you don’t have it, download it again. =)
The code will be closer to the bottom of the file, where all of the other things that appear in the sidebar are.
ChaCha Fance on October 22nd, 2008
Click on the image in your Flickr photostream so that you can see it FULL SIZE then right click anywhere ON THE IMAGE & click on COPY IMAGE URL (or something to that effect – depends on which browser you use). Then go to the spot in the code & paste the URL that you just copied…… Hope that helps.
Alisha on November 17th, 2008
After you open the file and then extract it, you will be able to view the files inside. You don’t need Notepad++, it was just a suggestion for easier editing of HTML files.
Alisha on December 11th, 2008
You really don’t need to know anything about HTML. Just be able to follow instructions. Most of what you need to customize are links.
Alisha on December 18th, 2008
The theme isn’t actually mine – I would like to take credit, but I can’t. ;)
I ported the theme from WordPress to Tumblr. But you are free to make any modifications.
Alisha on January 10th, 2009
Wow, I must have missed something (since I never use the chat feature). Thanks for sharing that, I’ll have to take a look when I have some time and put up a fix for it.
Glad you like it! And, if you come up with why it does that before I do, please let me know so it will save me time looking through the code. ;)
moogler on February 6th, 2009
this is the link to my account:
http://bickeringsquawk.tumblr.com/
anything? :)
Alisha on February 6th, 2009
Thank you for your comment len. =)
You don’t really need to know HTML, just be able to follow instructions and know what a link looks like to change to the correct location where the images are and be able to find comments in the code for a couple things. If you want to edit more than that, then yes, you would need to know HTML.
But, you are right. Just copying/pasting the code does not work right out of the box. Unfortunately, since Tumblr does not allow you to upload images, themes with images will not work without hosting the images someplace and then editing the code to display the images.
Alisha on February 6th, 2009
I see you’re missing the entire header. I can’t see anything wrong in the code, but that doesn’t mean there isn’t anything missing.
Did you edit anything else besides what is listed in the instructions? If not, then it might just be flickr causing you problems with the hosting. But, I’m not sure that that’s it.
The only thing I can suggest is try grabbing the original code and only change the links to the images and then paste into tumblr to see if that works. If it does, then go ahead and edit the other things again.
Alisha on February 28th, 2009
I apologize for being late, but since you aren’t using the theme, I can’t really help you. ;)
Alisha on February 28th, 2009
You have to follow the instructions that are written above. I can’t help you if following the instructions aren’t working for you. I don’t own a Mac, so I’m not sure how different it is.
If you’re really good with HTML, you should be able to edit the code just fine and then copy/paste all of the code into tumblr.
I’m sorry I can’t be more helpful than that – I’m not a Mac user! =)