Add A Flying TARDIS to Your Blog! (Tumblr,Blogger and more)

Let the TARDIS fly into your Tumblr or Blogger blog, or any other website&blog you have! Your visitors gonna love this awesome Doctor Who effect. All you need to do is, grabbing the code below and putting it into your Theme codes! How? Well, check this lovely blue box preview first:
Click For The Preview
Okay, here we go:

How To Add This Code To My Tumblr Blog?

It's easy! Just follow these steps: {/block:IndexPage}

1- Click Here

2- Click "Edit Html". It's right there, look closely!

3- Once you have the html code open in tumblr, scroll to the end of codes. Look for . Paste your code directly infront of the word.

4- Preview and Save your theme! Have Fun!

How To Make It Appear Only In Home Page?

Just put this right before the code: {block:IndexPage}
and this, right after the code: {/block:IndexPage}
That's it! you are done!

<!-- Koddostu - Bloglar İçin Animasyonlu Tardis Girişi START -->
<!--Telif sahibi:koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<koddostu></koddostu>
<style>
#ortucux{ position:fixed; top:0px;left:0px;width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:77777; background-size:cover; -webkit-transition:-webkit-transform 1.4s 0.2s ease-in; transition:transform 1.4s 0.2s ease-in; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } #ortucux.gidiyor{ -webkit-transform:scale(6,6); transform:scale(6,6); } #koddostu-tardis{ position:fixed; z-index:88888; top:100%; left:0%; width:285px; height: 400px; -webkit-transition:all 2.67s linear; transition:all 2.67s linear; margin:0px 0 0 -600px; } #koddostu-tardis.birazsag{ top:40%; margin:-200px 0 0 400px; left:100%; } #koddostu-tardis.birazsol{ top:20%; left:0%; margin: -200px 0 0 -400px; } #koddostu-tardis.birazorta, #koddostu-tardis.defol{ top:50%; left:50%; margin: -200px 0 0 -142px; } #koddostu-tardis.birazsag #topluca{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); } #koddostu-tardis.birazorta #topluca{ cursor:pointer; transform:scale(1,1); -webkit-transform:scale(1,1); } #koddostu-tardis.defol #topluca{ -webkit-transition:-webkit-transform 1.6s linear, opacity 0.2s 1.4s ease; transition:transform 1.6s linear, opacity 0.2s 1.4s ease; opacity:0; transform:scale(0.01,0.01); -webkit-transform:scale(0.01,0.01); } #topluca{ position:relative; width:285px; height: 400px; -webkit-perspective: 1200px; perspective: 1200px; -webkit-transition:-webkit-transform 2s 0.6s linear; transition:transform 2s 0.6s linear; transform:scale(0.1,0.1); -webkit-transform:scale(0.1,0.1); } #kutu { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 2s linear; transition: transform 2s linear; } #kutu figure { display: block; position: absolute; border: 2px solid black; } #kutu .front, #kutu .back { width: 196px; height: 196px; } #kutu .right, #kutu .left { width: 396px; height: 196px; left: -100px; } #kutu .top, #kutu .bottom { width: 196px; height: 396px; top:-100px; } #kutu .front { background: #008070 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhUdaKMz3ayoorkup5oW3Yz12creA1hzj9J1s2zLSqy4s2sNpjpOF7lmCOYn28xc9kOqVLwjL6SDppLccN6KBHKKqd2eUNmYLqNwK-gpAn13e2GCjgb80ccBNtgB2nTGtEvLCMgaCQVSQ/s1600/fh.png); } #kutu .back { background: #008070 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIQ1uCLeBem7dHadViXYk00HrjYr69ZauEEBx8c0hBj3FLHslKeRLYfD0bmF3sjqnkGWaIPVw31lbdr9RzV16IV0BJubVao70tFJjhISmgf5iaVYv2sCJTxOaXIVBBsGhjaMQk_Y8mCkje/s1600/55w.png); } #kutu .right { background: #008070 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaxBLJ0-IhA5qbh9Ob3fVIjsUgsTalpNRHsTCZ8wpBfflbNK6e_xFiQQP9MtDXdDbFuO1Ha2uawa4RowindUtpOnHNMUeyx70VTSJ6tLWr8I2ptkEe9GEohQ9-1PVoEUfaipG2lfCLXZU/s1600/1.png); } #kutu .left { background: #008070 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaxBLJ0-IhA5qbh9Ob3fVIjsUgsTalpNRHsTCZ8wpBfflbNK6e_xFiQQP9MtDXdDbFuO1Ha2uawa4RowindUtpOnHNMUeyx70VTSJ6tLWr8I2ptkEe9GEohQ9-1PVoEUfaipG2lfCLXZU/s1600/1.png); } #kutu .top { background: #008070 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOkw9CwgRxgbkzbA4DIdRuGDsux4nWRQS5mv74x1v-wfK-Fs-9ovPwcGkw93-84okAdwrP1JqwN8vF3GH9vEYxotbHO976VcLQINTPhyphenhyphenifRh9OHRWXWNMamhzmItDyA7QQE87a2UTy4IJZ/s1600/2.png); } #kutu .bottom { background: #008070 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaxBLJ0-IhA5qbh9Ob3fVIjsUgsTalpNRHsTCZ8wpBfflbNK6e_xFiQQP9MtDXdDbFuO1Ha2uawa4RowindUtpOnHNMUeyx70VTSJ6tLWr8I2ptkEe9GEohQ9-1PVoEUfaipG2lfCLXZU/s1600/1.png); } #kutu .front { -webkit-transform: translateZ( 200px ); transform: translateZ( 200px ); } #kutu .back { -webkit-transform: rotateX( -180deg ) translateZ( 200px ); transform: rotateX( -180deg ) translateZ( 200px ); } #kutu .right { -webkit-transform: rotateY( 90deg ) translateZ( 100px ); transform: rotateY( 90deg ) translateZ( 100px ); } #kutu .right:after{ content:''; position:absolute;top:-100px;left:100px; width:196px; height:396px; -webkit-transform:rotate(90deg); transform:rotate(90deg); background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaxBLJ0-IhA5qbh9Ob3fVIjsUgsTalpNRHsTCZ8wpBfflbNK6e_xFiQQP9MtDXdDbFuO1Ha2uawa4RowindUtpOnHNMUeyx70VTSJ6tLWr8I2ptkEe9GEohQ9-1PVoEUfaipG2lfCLXZU/s1600/1.png) no-repeat top left; } #kutu .left { -webkit-transform: rotateY( -90deg ) translateZ( 100px ); transform: rotateY( -90deg ) translateZ( 100px ); } #kutu .left:after{ content:''; position:absolute;top:-100px;left:100px; width:196px; height:396px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaxBLJ0-IhA5qbh9Ob3fVIjsUgsTalpNRHsTCZ8wpBfflbNK6e_xFiQQP9MtDXdDbFuO1Ha2uawa4RowindUtpOnHNMUeyx70VTSJ6tLWr8I2ptkEe9GEohQ9-1PVoEUfaipG2lfCLXZU/s1600/1.png) no-repeat top left; } #kutu .top { -webkit-transform: rotateX( 90deg ) translateZ( 100px ); transform: rotateX( 90deg ) translateZ( 100px ); } #kutu .bottom { -webkit-transform: rotateX( -90deg ) translateZ( 100px ); transform: rotateX( -90deg ) translateZ( 100px ); } #kutu .bottom:after{ content:''; position:absolute;top:0px;left:2px; width:196px; height:396px; -webkit-transform:rotate(180deg); transform:rotate(180deg); background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaxBLJ0-IhA5qbh9Ob3fVIjsUgsTalpNRHsTCZ8wpBfflbNK6e_xFiQQP9MtDXdDbFuO1Ha2uawa4RowindUtpOnHNMUeyx70VTSJ6tLWr8I2ptkEe9GEohQ9-1PVoEUfaipG2lfCLXZU/s1600/1.png) no-repeat top left; } #kutu.on { -webkit-transform: translateZ( -200px ) rotateX( -90deg ); transform: translateZ( -200px ) rotateX( -90deg ); } #kutu.sag{ -webkit-transform: translateZ( -50px ) translateX( 20px ) translateY( -7px ) rotateX( -50deg ) rotateZ( -90deg ); transform: translateZ( -50px ) translateX( 20px ) translateY( -7px ) rotateX( -50deg ) rotateZ( -90deg ); } #kutu.arka{ -webkit-transform: translateZ( -80px ) translateX( -100px ) translateY( -7px ) rotateX( -480deg ) rotateZ( -180deg ); transform: translateZ( -80px ) translateX( -100px ) translateY( -7px ) rotateX( -480deg ) rotateZ( -180deg ); } #ortucux a{color:#fff;position:absolute;top:6px;right:6px;} #kutu.ok { -webkit-transition: -webkit-transform 2.8s linear; transition: transform 2.8s linear; -webkit-transform: translateZ( -200px ) rotateX( -450deg ); transform: translateZ( -200px ) rotateX( -450deg ); } #kutu.defol { -webkit-transition: -webkit-transform 2.8s linear; transition: transform 2.8s linear; -webkit-transform: translateZ( -200px ) rotateX( 450deg ) rotateY( 450deg ); transform:translateZ( -200px ) rotateX( 450deg ) rotateY( 450deg ); }
</style><div id="ortucux"><a href="http://en.koddostu.com/2014/09/add-flying-tardis-to-your-tumblr.html" title="tumblr kod snippets">Add a Tardis to your blog</a></div> <div id="koddostu-tardis"> <div id="topluca" onclick="defol();"> <div id="kutu" class="on"> <figure class="front"></figure> <figure class="back"></figure> <figure class="right"></figure> <figure class="left"></figure> <figure class="top"></figure> <figure class="bottom"></figure> </div> </div> </div><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><script src="http://kdostu.googlecode.com/svn/koddostu-tardis.js"></script>

<!--Telif sahibi:koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!-- Koddostu - Bloglar İçin Animasyonlu Tardis Girişi STOP -->
Add This Code Snippet To Your Blogger Blog

This Week

Yo guys! We have a brand new theme now. Refresh the page, come on, you gonna see how the color theme is changing.

If you are new to this website, you were probably visiting a tumblr web page and you just wanted to see that shadowed screen again, or maybe you didn't like what you saw when you have turned the lights on.

We have a contact form below. We read every message and reply all of them in a few hours. Yes, we feel lonely.

If you have any questions, like, anything(except "do you wanna build a snowman" because it's not funny anymore):

Contact us!

See ya!

Tell Us What You Think

Name

Email *

Message *