Switch Redirect Page

<!DOCTYPE html>
<html>
<head>

<title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />

<meta name="text:Old URL" content="" />
<meta name="text:New URL" content="" />
<meta name="text:Link URL" content="http://" />
<meta name="image:Center Image" content="" />
<meta name="image:Background" content="" />
<meta name="color:Background" content="#000000" />
<meta name="color:Circle" content="#ffffff" />
<meta name="text:Big Text Size" content="28">
<meta name="select:Font" content="Fauna One" title="Fauna One" />
<meta name="select:Font" content="Baskerville" title="Baskerville" />
<meta name="select:Font" content="Jim Nightshade" title="Jim Nightshade" />
<meta name="select:Font" content="Loved by the King" title="Loved by the King" />

<link href='http://fonts.googleapis.com/css?family=Jim+Nightshade|Loved+by+the+King|Fauna+One' rel='stylesheet' type='text/css'>

<style type="text/css">

*{-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}

body {background-color:{color:Background}; background-image:url({image:Background});}

a {text-decoration:none;}
a:hover {color:{color:Background};}

p {text-align:center; height:20px; margin-top:52.5px; margin-bottom:52.5px; color:{color:Background}; font-family:{select:Font};}

.newurl {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); opacity:0;}

.oldurl:after {content:'⧽';}

#bg {width:300px; height:300px; border-radius:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-150px; border:solid 1px {color:Background}; background-color:{color:Circle}}

#bg img {position:relative; height:50px; width:50px; left:125px; border-radius:150px;}

#bg:hover {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2); ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-2)"; -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

#bg:hover img {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); height:100px; width:100px; left:100px;}

#bg:hover .newurl { height:35px; margin-top:32.5px; margin-bottom:32.5px; opacity:1; font-size:{text:Big Text Size}px;}

#bg:hover .newurl:before {content:'⧽';}

#bg:hover .oldurl {margin-top:40px; margin-bottom:40px;}

#bg:hover .oldurl:after {content:'';}

{CustomCSS}
</style>

</head>
<body>

<a href="{text:Link URL}"><div id="bg">
<p class="oldurl">{text:Old URL} </p>
<img src="{image:Center Image}" />
<p class="newurl"> {text:New URL}</p>
</div></a>


<!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
<a href="http://syntaxthemes.tumblr.com">
<img style="position:fixed; bottom:0; right:0; display:block; opacity:0.7; margin:0; z-index:999999999999!important;" onmouseover="this.style.opacity=0.9" onmouseout="this.style.opacity=0.7" src="http://static.tumblr.com/puls2hm/QOHn1brjx/st.png"/></a>
<!----------------------------------THANK-------------------------------->

</body>
</html>