100 % working - can't afford demo
this is a simplest and cool message box which can easily takes your visitors attention, this can be used to greet your visitor a worm welcome or some warning texts or even you can add links and Google ads in them.
Please follow the steps given below with at-most concentration..
Step 1: Save your Template before you try something, it will help you when something goes wrong with your editing.
step 2: search this code ]]></b:skin>
and
paste this code above it.
.message{
border:1px solid #CCCCCC;
position:fixed;
width:150px;
border:1px solid #c93;
background:#ffc;
padding:5px;
right:2px;
bottom : 25px;
}
Step 3: paste this code below ]]></b:skin>
<script src='http://files.bloggerwidgets.cz.cc/js/jquery-1.2.3.pack.js' type='text/javascript'/>
<script type='text/javascript'>$(document).ready(function()
{
//first slide down and blink the message box
$("#object").animate({
bottom: "-15px"
}, 2500 ).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
//close the message box when the cross image is clicked
$("#close_message").click(function()
{
$("#object").fadeOut("slow");
});
});</script>
Step 5: now search for </body> and paste this code above it..
<body>
<div class='message' id='object'>
<img id='close_message' src='http://i48.tinypic.com/3502jif.jpg' style='float:right;cursor:pointer'/>
<strong>Blogger Widgets </strong>
<b><p>This is a Demo of this widget. You can See its Flashing Style.You can Grab This Widget Over Here</p></b></div>
or
you can add this for a simple text message..
<strong>Blogger Widgets </strong>
<b><p>This is a Demo of this widget. You can See its Flashing Style.You can Grab This Widget Over Here</p>
Thats it
4 comments:
You have some great tips here. I have already bookmarked your site. I blog about nature, but I design my blog myself. It's always good to be able to have a few places to find things to make blog design a little easier.
thanks..i just started designing.. still learning things..
loved your blog........!!
it is very helpful blog. i like your informative site. thank you for this.
Post a Comment
Have anything to say? dont spam please..