Tutorials @ giingerpepper-

Mailbox:

ohlala--fairytale: i want to make the header in the top. you say if not working retype quotation marks,where must i put the quotation marks? can you teach me?

I replied:

you must change the quotation marks dear. retype it. :)

Mailbox:

Anonymous: hi this is le-parisboutique(.)tumblr(.)com! :) how can you put post urls on your post and put the urls in your desc.? :) like fairycandlesxo's. :)

I replied:

what do you mean dear? :)

Mailbox:

oh-la-la-quotes: I'm having a little trouble about the Index thinggy and the FAQs. How can I change them? like putting some stuff etc.

I replied:

what theme are you using dear?

Mailbox:

novariani-i: do you know how to customixing ask box?

I replied:

what box dear?

How To Display Your Twitter Updates on your Tumblr Blog

Now you will be given a total of four display options for your Twitter Plugin for Tumblr, the most popular is to show your update feeds. Showing your favourite tweets and twitter lists is also available.

You can also choose to display another user’s tweets if you want to. The other Twitter widget customization options are, Appereance and Dimensions.

Click on Finish and Grab Code. Copy the embed code.

Now go To your Tumblr Blog » Customize Appearance » Edit HTML.
Paste the Twitter Feed Code into your Tumblr Sidebar, or any other spot you consider convenient.
Update Preview » Save » Close.

Mailbox:

Anonymous: What do you mean re-type quotation?? Can you give me an example??

I replied:

.it only means to retype all the quation marks of the codes to get it working on your blog.

Example:

{block:IndexPage}<div id=”player”>

<div style=”float:left;width:120px”>MUSIC PLAYER CODE</div>

<div id=”mus”><img src=”http://i122.itphotobucket.com/albums/o260/mhilka/minigifs/minigif01.gif”style=”margin-right:8px;”/> musique</div>

</div>{/block:IndexPage}

it should be:

{block:IndexPage}<div id=”player”>

<div style=”float:left;width:120px”>MUSIC PLAYER CODE</div>

<div id=”mus”><img src=”http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif”style=”margin-right:8px;”/> musique</div>

</div>{/block:IndexPage}

Mailbox:

Anonymous: i visited your tutorial and the link for the lavalamp menu isn't working.

I replied:

its now working dear :)

google search code

<!— ifellforparis.tumblr.com —>
<!— Search Google —>
<center>
<FORM method=GET action=”http://www.google.com/search”>
<TABLE bgcolor=”#FFFFFF”><tr><td>
<A HREF=”http://www.google.com/”>
<IMG SRC=”http://www.google.com/logos/Logo_40wht.gif” <br></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value=”“>
<INPUT TYPE=hidden name=hl value=”en”>
<INPUT type=submit name=btnG VALUE=”Google Search”>
</td></tr></TABLE>
</FORM>
</center>
<!— Search Google —>

.

.

source: letstravelparis

Mailbox:

hedwigsposts-deactivated2012072: Hi. I was wondering if you could post the code for "You have been here ... times" code on a site other than your current link in your scrollbox. That site does not work for me, for some reason. Thank you so much, if you can post it elsewhere. :)

I replied:

its done dear :)

Mailbox:

epitome-of-perfection: it's my lookbook widget. is it possible to put it at the left side of my page? :)

I replied:

aww. im sorry dear. i have no idea about the lookbook widget dear.

Slim Bar tab Music Player

Live preview : Fugue theme
Music Player used : Billy Player - Tutorial
Icon used : Ixora icons post

In the CSS part (above </style>)

#player
{position:fixed;z-index:999;
bottom:0px;
left:-170px;
height:10px;
padding:1px 8px 3px 1px;
letter-spacing:2px;
background-color:#000;
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 10px 0px 0px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#mus
{float:left;
color:#fff;
padding-left:100px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#player:hover #mus
{padding-left:0px;
opacity:0;}

#player:hover
{left:0px;}

In the HTML part (after <body>) - you must retype ALL the quotation marks

{block:IndexPage}<div id=”player”>

<div style=”float:left;width:120px”>MUSIC PLAYER CODE</div>

<div id=”mus”><img src=”http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif”style=”margin-right:8px;”/> musique</div>

</div>{/block:IndexPage}

(Source: gyapo)

Music Bubble

Tutorial : Music player container (UPDATED)

Put this in the CSS part, above the tag </style>

#music
{position:fixed; bottom:20px; right:25px;
padding-top:12px; padding-bottom:12px; text-align:center; height:10px; width:34px; overflow:hidden;
border:3px solid #ddd;
color:#888;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#fff;
z-index:999;}

#musicplayer
{padding-top:15px;}

#music:hover
{border:3px solid #bbb; padding:5px; height:45px; width:140px;}

EDIT : This part is to be pasted below the tag <body>, you have to retype all the quotations marks to make it works.

{block:IndexPage}
<div id=”music”><center><img src=”http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif”/></center>
<div id=”musicplayer”><center>MUSIC PLAYER CODE</center></div>
</div>
{/block:IndexPage}

I got all my icons for the music player at ixora, there’s a tutorial there for the player itself :)

Update : Fixed the <br> bug by replacing with padding, now icon centered, only appear in index page (more practical for autoplay-team haha), if you don’t want to, just remove the {block:IndexPage}{/block:IndexPage} :)

(Source: gyapo)

How to Add FACEBOOK Fan page on your Tumblr Blog

How to make something like this :