Step 1) Log in and go to customize
Step 2) Push Pages, then Add a page
Step 3) will open a page like the image below.
On the side of Page URL, you will have a link to your tumblr, on his side write how you want to be the end of the link to your page. For example, if a FAQ page, write faq after the link of your tumblr. This Page URL field should look like:
———— YOUR-TUMBLR.tumblr.com/faq -
Then type the page title , that will be written on it and check the box show a link to this pag (some themes do not have to do this)
Step 4) Save and enter the link to your page in the browser to see if it is already working
1 . Enter the site Hypster and make a user for you;
2. Create your own playlist;
3. After adding the songs you want, go to My Account and view your playlist contains all songs that you added.
4. Choose the Skin of your player as the picture below.
5. Customize your skin and copy the code.
6. Paste the copied code into a notepad and follow the instructions below:
“> The yellow part: Change width: 370px to width: 53px; Changeheight: 300px for height: 15px
”> Delete the red. From <br /> up </ a>
6. The code that was, let it like this: <br> CODE <br>
7. Copy it and paste into Customize> Info at the end of his description.
PS: I like this player because you can put more songs after thedirect Hypster site, it automatically updates its playlist on Tumblr.
Add this code in your description box.
Don’t forget to change
LINK URL HERE
to your link and
LINK TITLE HERE
to the links title.
<select onchange=”window.open(this.options[this.selectedIndex].value,’_top’)” style=”background-color:#fff; font-size: 11px; text-align:left; font-family: arial;”>
<option value=”“>Links</option>
<option value=”LINK URL HERE”>LINK TITLE HERE</option>
<option value=”LINK URL HERE”>LINK TITLE HERE</option>
</select></form>
Put this code into the
<head> </head>
section of your script.
<script type=”text/javascript”>
$(document).ready(function(){
$(“.links_body”).hide();
$(“.links_head”).click(function(){
$(this).next(“.links_body”).slideToggle(‘fast’);
}); }); </script>
<style type=”text/css”>
.links_list { margin:0px; padding:0px; width:180px;}
.links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
.links_body { padding:10px; text-align:left; color: #fff; display:none;}
</style>
Place this code into your description box.
<p class=”links_head”>links</p>
<div class=”links_body”>
<center>
<a href=”LINK URL HERE”>LINK TITLE HERE</a>
<a href=”LINK URL HERE”>LINK TITLE HERE</a>
<a href=”LINK URL HERE”>LINK TITLE HERE</a>
<a href=”LINK URL HERE”>LINK TITLE HERE</a>
</center>
This code is made by Cody Sherman.
It’s really easy to install you put the code into
<head> </head>
section of your script and you’re done. Don’t forget to save your theme when you’re done. :)
<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>source
Note (1): Not all themes accept this modification.Note (2): Wait a bit to see if the page will go down or not, sometimes it takes a while to load the next page.
