- Sign in To Your Twitter account and go to this url and click on the option “My Website”.
- 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??
.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.
its now working dear :)
<!— 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:
bowsnbread: 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. :)
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? :)
aww. im sorry dear. i have no idea about the lookbook widget dear.
- 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)
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 make something like this :
1. First You have to make a fan page in Facebook..
2. To make a page on facebook. Go to Home then scroll down. You’ll find something like this:
And click Create a page..
3. Then about putting it on your blog…
Click get code.. And copy it on your customized HTML codes.
tutorial by: http://jayeesh.tumblr.com
Mailbox:
kadeeek: Hi :)
ohaii dear :)
Mailbox:
epitome-of-perfection: how can i add a widget in my page? :D
what widget do you want to add dear?
Mailbox:
Anonymous: how do u know so much . whats da source i mean like books ,youtube. please reply.m too interested in html.
so yeah, i don’t know that much. i just make tutorials based on my learnings, ya know :)
.
1. Go to Youtube, choose the song you would like to use, and copy the URL.
2. Visit http://www.video2mp3.net/.
3. Paste the URL and select Convert.
4. After it’s finished converting, select > > Click here to download your converted file < <.
5. Then select Download MP3, which will save it to your computer.
6. Next, visit http://kiwi6.com/.
7. Click Browse, select the MP3 you had downloaded, then click Start Upload.
8. When it’s finished uploading, click the Saved:yourmp3file link to the right.
9. Look for Direct Hotlink. You can copy and use that link for the Flash Player andthe Billy player.
Note: Kiwi6.com will save everything you upload via your IP address, even if you don’t register. Click My Files at the top to view them all.
Copy this Code and Put on Your Description:
<HTML>
<HEAD>
<TITLE>JavaScripted Dynamic HTML Table</TITLE>
<STYLE TYPE="text/css">
TD, TH {text-align:center}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
/*******************
UTILITY FUNCTIONS
********************/
// day of week of month's first day
function getFirstDay(theYear, theMonth){
var firstDate = new Date(theYear,theMonth,1)
return firstDate.getDay()
}
// number of days in the month
function getMonthLen(theYear, theMonth) {
var oneDay = 1000 * 60 * 60 * 24
var thisMonth = new Date(theYear, theMonth, 1)
var nextMonth = new Date(theYear, theMonth + 1, 1)
var len = Math.ceil((nextMonth.getTime() -
thisMonth.getTime())/oneDay)
return len
}
// create array of English month names
var theMonths = ["January","February","March","April","May","June","July","August",
"September","October","November","December"]
// return IE4+ or W3C DOM reference for an ID
function getObject(obj) {
var theObj
if (document.all) {
if (typeof obj == "string") {
return document.all(obj)
} else {
return obj.style
}
}
if (document.getElementById) {
if (typeof obj == "string") {
return document.getElementById(obj)
} else {
return obj.style
}
}
return null
}
/************************
DRAW CALENDAR CONTENTS
*************************/
// clear and re-populate table based on form's selections
function populateTable(form) {
var theMonth = form.chooseMonth.selectedIndex
var theYear = parseInt(form.chooseYear.options[form.chooseYear.selectedIndex].text)
// initialize date-dependent variables
var firstDay = getFirstDay(theYear, theMonth)
var howMany = getMonthLen(theYear, theMonth)
// fill in month/year in table header
getObject("tableHeader").innerHTML = theMonths[theMonth] +
" " + theYear
// initialize vars for table creation
var dayCounter = 1
var TBody = getObject("tableBody")
// clear any existing rows
while (TBody.rows.length > 0) {
TBody.deleteRow(0)
}
var newR, newC
var done=false
while (!done) {
// create new row at end
newR = TBody.insertRow(TBody.rows.length)
for (var i = 0; i < 7; i++) {
// create new cell at end of row
newC = newR.insertCell(newR.cells.length)
if (TBody.rows.length == 1 && i < firstDay) {
// no content for boxes before first day
newC.innerHTML = ""
continue
}
if (dayCounter == howMany) {
// no more rows after this one
done = true
}
// plug in date (or empty for boxes after last day)
newC.innerHTML = (dayCounter <= howMany) ?
dayCounter++ : ""
}
}
}
/*******************
INITIALIZATIONS
********************/
// create dynamic list of year choices
function fillYears() {
var today = new Date()
var thisYear = today.getFullYear()
var yearChooser = document.dateChooser.chooseYear
for (i = thisYear; i < thisYear + 5; i++) {
yearChooser.options[yearChooser.options.length] = new Option(i, i)
}
setCurrMonth(today)
}
// set month choice to current month
function setCurrMonth(today) {
document.dateChooser.chooseMonth.selectedIndex = today.getMonth()
}
</SCRIPT>
</HEAD>
<BODY onLoad="fillYears(); populateTable(document.dateChooser)">
<H1>Month at a Glance (Dynamic HTML)</H1>
<HR>
<TABLE ID="calendarTable" BORDER=1 ALIGN="center">
<TR>
<TH ID="tableHeader" COLSPAN=7></TH>
</TR>
<TR><TH>Sun</TH><TH>Mon</TH><TH>Tue</TH><TH>Wed</TH>
<TH>Thu</TH><TH>Fri</TH><TH>Sat</TH></TR>
<TBODY ID="tableBody"></TBODY>
<TR>
<TD COLSPAN=7>
<P>
<FORM NAME="dateChooser">
<SELECT NAME="chooseMonth"
onChange="populateTable(this.form)">
<OPTION SELECTED>January<OPTION>February
<OPTION>March<OPTION>April<OPTION>May
<OPTION>June<OPTION>July<OPTION>August
<OPTION>September<OPTION>October
<OPTION>November<OPTION>December
</SELECT>
<SELECT NAME="chooseYear" onChange="populateTable(this.form)">
</SELECT>
</FORM>
</P></TD>
</TR>
</TABLE>
</BODY>
</HTML>
This alters Tumblr’s dashboard to let you send messages without leaving the dashboard.
.
Exaple:
Step 1: First, you have to install the script
.
- Google Chrome: Go to THIS site
- Mozilla Firefox: Go to THIS site and install the extension and then go toTHIS site
How to use it??
.
Over the mouse on the user’s icon and it will appear a letter “I”. Click it and it will open a drop down menu, click on Ask and we are done!
Plus: The extension brings this:
You can reply a message as many times as you want, you don’t have to go to her/his Tumblr and send a new message.
mi amour by giingerpepper- | powered by tumblr
