Discover Top Posts Tagged with #reblog codes

Card Flip Instant Reblog

Live View

This is a Gold Code, to get the coding press the GOLD CODES button in my navigation

#reblog codes #card flip #reblog #hover reblog

Fade Out Instant Reblog

Live View

Paste this code under your <style type="text/css"> tag

Note: If code is not working, you need to find the div name that your posts are under (i.e. .posts .entry .posts #post ect.) to find this, search for {block:posts} find the div id= or div class= right under it

.post .dunno{ postion: fixed; opacity: 0; background: white; text-align: center; margin-top: -5%; margin-left: -5%; padding: 30%; width: 48%; height: 48%; font-size: 24px; position: absolute; -webkit-transition: opacity 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; transition: all 1s linear; } .d_con{ } .post:hover .dunno{ width: 110px: padding-left: 0px; backgound: #fc9; opacity: 1; overflow:hidden; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; -moz-transition-duration: 0.8s; } .dunno{ font-family: 'Crafty Girls', cursive; background: #ffffff; width: 50px; position:absolute; top:0; z-index:3; opacity:0; overflow:hidden; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; -moz-transition-duration: 0.8s; text-align:center; text-transform:uppercase; {block:IndexPage} width:450px; {/block:IndexPage} {block:PermalinkPage}display:none;{block:PermalinkPage} }

Now paste this code under your {block:photo}

<div class="dunno"><div class="d_con"><a href="{Permalink}"> {Timeago}</a> <a href="{ReblogURL}">Reblog</a></div></div>

#reblog codes #reblog hover #reblog