pixiedustforflying-tutorial-blog
pixiedustforflying-tutorial-blog
Tutorials and Codes
9 posts
Hi ! I'm Nicole and this is my tutorial blog.
Don't wanna be here? Send us removal request.
Text
Eiffel Tower (sketch) Back to top button
Copy + codes.
Paste under <head></head>
7 notes · View notes
Note
Very nice blog. I like it! I followed you, follow back please :3
Sure ! I will be following you via my main blog :)
0 notes
Text
Sparkling Cursor
CODE +
Copy the whole code. (You can press “CTRL + A” to select the whole text, then “CTRL + C” to copy it) 
Paste the codes between <head> and </head> tags.
If your not familiar where it is, just type “CTRL + F” and type “<head>”. The computer will automatically find it for you and it will be highlighted in yellow. 
2.) If you want to change the color. Go to this site.
And change the underlined part.
Tumblr media
Then your done! Goodluck! :D
1 note · View note
Text
Back to top button (Text type)
Place this code after the </body> tag.
0 notes
Text
Adding a Banner to your blog.
1. Copy THIS code.
2. Paste it before  or after <head> tag.
3. Change the padding of the banner (left and top) according your theme. Do not forgot to add your banner url.
(c) - Jessica
1 note · View note
Text
Billy Music Player
my music player, go to http://kiwi6.com/ and then upload a song or maybe get it from YouTube (it’s indicated in there) and one you get the MP3 code for the song, go to http://www.sheepproductions.com/billy/ and you can now make a playlist.
Credits to jean.
2 notes · View notes
Text
Pop-out Box (Ask)
Copy this + code and paste it under your <head> tag.
Tumblr media
The highlighted part is the image for the close button. You can change it in any image you want. 
Step Two:
Copy this + code and paste it under your <style type=”text/css”>
Tumblr media
You can change the highlighted ones. The first one will be the background color and the other one is for the border color. You can also change the border’s thickness and also the solid to dashed. It depends on how you want it.
Step Three:
Copy this + code and paste it on the part of your theme where you want the link to pop out. Basically, it is put under your navigation.
Example: 
Tumblr media
Change the “SEND ME A MESSAGE” to anything that you want to appear on your blog. You can change it to “Ask me” “Let’s talk” or whatever.
Another option:
Let’s say you’ve made your own customized image for the ask button. Instead of writing words, you can change the “SEND ME A MESSAGE” part to the link of you image(highlighted in red). 
Example:
Tumblr media
Step Four:
Copy this + code and paste it under you </body> tag. The highlighted ones can be changed. Don’t forget to change “YOURTUMBLR” to your URL.
Tumblr media
!—IMPORTANT: FOR PUTTING ANOTHER POP-UP BOX ONLY—!
If you want to exclude the ask box and just a plain one, use this + code
Let’s say you want to add another pop up. Make sure that you change the rel and div id of the codes. 
Example. On what I use in this tutorial, you can see that I’ve used the number 2. (look at the images above, the rel no. and the div id no.) Then if you want to add another pop-up box, you must do step 3 and 4 again.
In step three, you must change the rel  to no. 3 and also change the div id to no. 3 on step four. And so on.. THE NUMBER MUST BE CHANGED EVERY TIME YOU PUT ANOTHER POP-OUT BOX. Okay? 
Hope you get what I mean :( 
Goodluck!
Credits to them for the lovely tutorial :'>
0 notes
Text
Changing Your Favicon
Want to change your favicon? You think it's hard? Pssh, don't say that! Let's start, shall we?
Open your blog and click Customize
Edit HTML
CTRL+F and type {Favicon} and you'll see this   -> <href="{Favicon}">
Now comes the tricky part, choosing your Icon/Favicon you want. You can go here to pick the favicon you want. There's a wide range of choices in that site. Now, once you've picked the graphic you want for an icon, Right click and click "Copy Image URL", go back to your blog which you are editing and:
On the {Favicon}, paste the URL of the graphic
Hit Save + Preview.
Viola! You've changed your favicon :)
5 notes · View notes
Text
Hover Music Player
Okay, some have been asking on where did I get my hover music player. This is a tutorial on how to put it. I'd like to give the credit to the owner but I forget where I get it so, I'm really sorry. And this tutorial is pweeetty long :D I hope you have patience for it :D
Now let's get started!
   Hover Thingy
1. Customize > HTML 
2. Paste this code <style type="text/css> or <style>
3. Paste this code under <body>
   Mp3 Player
1. Go here.
*You'll see this site*
Tumblr media
2. Under the catergory, you'll see
mp3: http://
 -- *You must look for the link of the mp3 you want to play in your player. I recommend you look for the link @ Downloads.nl. and then scroll down and look for autoplay and click 1*
3. Now, under Category, you'll see *General* and a drop down where you can see Colors. There's where you can customize the background color of your player, the progress bar and many more buttons.
4. When you're done, copy the HTML code below.
   -- Hover with Music Player --
1. Go to HTML.
2. CTRL+F and then type *insert something here* and when it shows up, paste the link there. But make sure you deleted the insert something here thingy.
3. Now that it's fully pasted, you still see the code you pasted, right? Look for the width, change it to 100.
4. Click preview, check if the music player is playing. If yes, Save>Close. If not, wait for a minute or two, and if it's still not playing, repeat the whole mp3 code thing.
 --- Please TA me here if you have more questions. :D And. I don't own any credits here. I just tweaked them :D
1 note · View note