How to Prevent Your Blog/Website from Displaying in a iFrame
Update: The code works fine but it also disturbs while in the Dashboard>> Template so it is not good for use.
How to Add a Flash Background to Blogger
Flash files (SWF) animations are those that are created using special program, And there are also programs that convert videos into flash format.
However, First you need a flash file (the bigger the better) uploaded to your hosting. Than put it in the code we below.
Add it to Blogger
This swf background can be added by putting this code below <body> .
<object height='100%' id='fondoflash' width='100%'>
<param name='movie' value='URL of SWF'/>
<param name='scale' value='exactFit'/>
<param name='wmode' value='transparent'/>
<embed height='100%' scale='exactFit' src='URL of SWF' type='application/x-shockwave-flash' width='100%' wmode='transparent'/>
</object>
<style>
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}
#fondoflash {
height: 100%;
z-index:-9999;
position:fixed;
margin: 0 auto;
}
</style>
And
DoNe.
Metro Style Ticker For Blogger Posts
A ticker is basically shows the important news and entries but in our case we will be using this ticker to show the latest posts in a nice metro design attracting the visitors attention while they are watching a old post of your this will help them to find more recent and awesome posts.
Code
You can add it anywhere in your blog using the template editor or the Layout.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js" type="text/javascript"></script>
<style>
#headlines {
overflow:hidden;
position:relative;
line-height:25px;
background:#34495e; /* Background Color Code By Bloggeraxe */
height:45px;
padding:0 0 0 135px;
}
#headlines h3 {
color:#fff;
font-family:Oswald, sans-serif;
font-size:17px;
font-weight:400;
text-transform:uppercase;
margin-left:-115px;
margin-top:10px;
position:absolute;
}
#headlines .right_arrow {
padding:0 38px 0 110px;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBDyWwaiuqcg0WXTwCNVpoh2C1RrtiYuP39MduBIbsWpk0HEAy1KR7JQ4aVVYpECqjqVvxl8RjbCpnFS5QgvHbY6Xk0JLKkxd26KHFkvRqsZgovWVpXVbdmbYWkdLOhyphenhyphen1SohAMU4yVGP8W/s41/arrow.png) no-repeat right center;
height:46px;
line-height:46px;
position:absolute;
left:0;
top:0;
}
#ticker_post {
position:relative;
margin:0;
margin-left:20px;
height:50px;
width:auto;
}
.marquee {
width: 980px; /* Width of the area where entries are shown Code By Bloggeraxe */
overflow: hidden;
line-height: 45px;
}
.js-marquee a {
font-family:Oswald, sans-serif;
font-size:15px; /* Size of texts Code By Bloggeraxe */
color: #FFF; /* Color of text Code By Bloggeraxe */
padding-bottom: 20px;
text-decoration: none;
}
.ticker_separator {
color:#FFF; color: #FFF; /* Color of Posts Code By Bloggeraxe */
margin:0 10px;
}
</style>
<div id='headlines'>
<h3>News</h3>
<div class='right_arrow'></div>
<script>
var blog_url = "http://bloggeraxe.blogspot.com";
var numero_post = 10; // Number Of Posts Code By Bloggeraxe
</script>
<script type="text/javascript" src="http://yourjavascript.com/946415552/ticker.js"></script></div>
<div style='clear:both;'></div>
<script>
$(window).load(function() {
$('.marquee').marquee({
direction: 'left', // Direction left or right Code By Bloggeraxe
duration: 25000, // speed Code By Bloggeraxe
pauseOnHover: true,
duplicated: true
});
});
</script>
Rain With Audio For Blogger
Those who like rain as much as a good cup of coffee. And since I like it too so today I will teach you to add rainfall using Javascipt to your blog. This code is made by GiFFY but I added soft rain sound to it so it is optional.
Subscribe to:
Posts (Atom)