theme tutorials

Online Users

Go to http://freehostedscripts.net/ousersp.php . Generate the html code and paste it onto your description box :)


Hit Counter

Go to http://freehostedscripts.net/hcget.php . Then get the code & paste it in your description. :)


No Right Click

Paste the the following code between </head> & <head> : 



<script language=JavaScript>
<!—
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message=”“;
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function(“return false”)
// —> 
</script>

posted 10 months ago with 3 notes

Sparkle Cursor

Go here http://mf2fm.com/rv/dhtmltinkerbell.php copy and paste the code between the <head> and </head> tags, and you are done :)

posted 10 months ago with 6 notes

Bubbles On Mouse

Go to http://mf2fm.com/rv/dhtmlbubblecursor.php 

Paste the code between your <head> and </head> coding. 

& you’re done :)


IP Tracker

You will need to go and create and account on http://www.tracemyip.org/ . It’s free, so don’t worry. Copy the code in your description. 

posted 10 months ago with 3 notes

Infinite Scroll

Paste the following code before your theme code:

<script type=”text/javascript” src=”http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js”></script>

posted 10 months ago with 1 note

Image Fade Effect

You will need to put this code between  “<style>” :


img, a img { border: 0px;  opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; } 

img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }


To change how the fade works change the  “opacity:.75;” & “opacity: 100;”.


Custom Scrollbar

::-webkit-scrollbar-thumb:vertical {background-color:#FFFFFF}; height:auto;}
::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF;height:10px !important;}
::-webkit-scrollbar {height:7px; width:7px; background-color:#000000;}

1 - Copy and paste the code.

2 -  Go to ‘Customize Appearance‘ > ‘Custom HTML’

3 - Paste it after <style type=”text/css”> 

depending on what color you want it. change the color code.

posted 10 months ago with 10 notes

Blogroll

1 - Create a new page in your theme
2 - Click the dropdown and select the page type as Custom Layout.
3 - Add the necessary titles as well as link name.  
4 - Put this code in the space below it.

{block:Following} 
{block:Followed} 
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" border="0" /></a> 
{/block:Followed} 
{/block:Following}

5. You can choose any of thes custom image sizes to your liking or according to the amount of followers:  

Replace the number in this part of the code with any of the below:

{FollowedPortraitURL-64} 
- 16, 24, 30, 40, 48, 64, 96, 128 -

posted 10 months ago with 3 notes