A special gift of Hey! Say! JUMP Tumblr themes to
celebrate our boy’s 13th anniversary
from Juliet @jumping-girl-juliet !
There are the following themes available--these link to the text files with the codes contained inside them--so if you know how to change a theme--go grab your favorite!
Hey! Say! Jump Group Theme | Demo | Code
Yamada Ryosuke Theme | Demo | Code
Chinen Yuri Theme | Demo | Code
Nakajima Yuto Theme | Demo | Code
Okamoto Keito Theme | Demo | Code
Yabu Kota Theme | Demo | Code
Yaotome Hikaru Theme | Demo | Code
Arioka Daiki Theme | Demo | Code
Inoo Kei Theme | Demo | Code
Takaki Yuya Theme | Demo | Code
For those of you who are not familiar with how to add a theme to your Tumblr or you would like to preserve your current theme, I give detailed instructions below the read more! I’ve also included some details on the theme in case you need some help!
To add the theme to your Tumblr:
Here’s how to add one of the themes to your Tumblr blog!
You will need to go to your Tumblr and then click the button on the top right that looks like this:
Then you’ll click on this:
The “Edit HTML” link.
Once this opens up you’ll see a page with a ton of code. If you want to save your current theme to use later or return to then tap anywhere inside the code, then on your keyboard press ctrl and a at the same time which will highlight all of the content--then right click on the highlighted content and select “copy” (or tap ctrl and c on your keyboard). Then open up a notepad on your computer and then right click in the blank page and select “paste” (or tap ctrl and v on your keyboard). Be sure to use ONLY notepad--pasting code into word or other document programs can corrupt the code.
Now, you’re going to go back to your theme page, and you’re going to hit backspace (if the content is no longer selected, then ctrl and a again to select it all again). You should have a blank space where the code was now.
Now, just visit the link up there ^^ to pick up the code for the one you want to use on your Tumblr.
Use -ctrl and a- or drag your cursor to highlight all of the text, then copy it using right click + copy or -ctrl and c-, then return to your theme and paste it into the blank space, using right click + paste or -ctrl and v-...
Now, click “update preview” then “save”.
Please read the additional notes and information under the read more if you run into any issues!
A few notes:
I purposefully did not add a lot of customizations to this theme so that it would not be hard to use for those who are not experienced at theme customizations.
There are three customizations built into the theme:
Font: There is a dropdown for what font you want to use on your page
Links: There is a toggle which should be on, though you can turn it off if you’d like and do not plan to use links. Under this there are spaces for link titles and urls for your links--be sure to use full url with the http:// part
Music: I have added a music player to the theme which can be completely turned off so it does not appear by using the toggle
A few things to know:
Customizations are tricky in themes and sometimes you will not see the effect of the toggle until you save the page and reload. If you change something and it does not appear to work with the toggles, please toggle it one way, save it, refresh, then retoggle and save--Tumblr is super persnickety!
Other features: Of course, there are a million and one features any given theme can include, but I made this one rather basic. If there’s several people who have a request for features I will consider updating the theme to include them.
Also, the script parts of the theme do not show up in the preview/edit theme pages--but they do show up on the page once you save it. These do not run unless you are outside of the edit interface.
If you run into any troubles at all please feel free to contact me at my primary blog @jumping-girl-juliet! I tested the themes but there could be issues that you run into so please do let me know there are any issues!
