Infinite Scroll is something that is swiffering the blogosphere. Instead of continuing to click “next page” over and over, it just loads the next page for you as you scroll down the page you are on.
If you use tumblr and want your blog to have this feature, follow these easy steps…
Copy the following code:
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
Next, go to the dashboard on your tumblr, click “Customize”. Go to the top menu, click on “Theme”, then click on “Use Custom HTML”.
All the code from you blog should appear in the window.
Paste the code at the bottom of the <head>:
<head>
all of your css code
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
</head>
Again, the code that you pasted should be the very last thing before the </head> tag.
Save. Refresh. Scroll Infinitely.
968 notes linkWant to simply add your tweets from twitter to your webpage without wigdets and boxes and things? Easy. The following 3 easy steps are written assuming that you have a basic understanding of how a web page is written and configured.
First, the css. Add the following code to the <head> of your web page. The “color” is the text color, while the “border”, “padding” and “margin” add borders and/or space around or between tweets.
css:
#twitter_div {
color: #000;
}
#twitter_div li {
border-bottom:1px solid #000;
padding-bottom: 5px;
margin-bottom: 5px;
}
Second, the html. Add the following code to the <body> of your webpage where you want the tweets to be displayed.
html:
<div id="twitter_div">
<ul id="twitter_update_list">
<li> </li>
</ul>
</div>
Last, add the following code at the very bottom of the <body>. It should be the last thing before </body>. Be sure that you change “USERNAME” to the name of the twitter username who’s tweets you’d like to display. Also, if you’d like to show more than 1 tweet, you may change the count where it says “count=1”. Just change the “1” to however many tweets you’d like to show, it can be anywhere from 1 to 200.
javascript:
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=1"></script>
That’s it!
Visit rocketshake.com to see a working version of the above model.
12 notes link