Marquee Codes Images and Text
Images and Text Bruce the Bat There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so w...
yang penting happy! Tips for Internet Business Promotions! informasi dan ilmu pengetahuan umum.
Marquee Codes Images and Text
Images and Text Bruce the Bat There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so w...
| Source Code | Result |
|---|---|
Marquee Codes Images and Text
Images and Text Bruce the Bat There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so wi...

Publishing your voice is easy and free
Publishing your voice is easy and free Creating your blog with Blogger takes just a few easy steps. In a matter of minutes you can start p...

Publishing your voice is easy and free
Publishing your voice is easy and free Creating your blog with Blogger takes just a few easy steps. In a matter of minutes you can start p...
/* START EasySlider By helperblogger.com */
#slide-container {
height: 360px;
position: relative;
width: 480px;
}
#slider {
height: 360px;
left: 25px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 480px;
font-family: calibri;
}
.slide-desc {
background: transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/darkbg.png) repeat scroll 0 0;
color: #FFFFFF;
padding: 10px;
position: absolute;
right: 0px;
text-align: left;
top: 0;
width: 200px;
z-index: 99999;
}
.slide-desc h2 {
display: block;
}
.crosscol .widget-content {
position: relative;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li {
margin: 0;
padding: 0;
list-style: none;
}
#slider2 {
margin-top: 1em;
}
#slider li, #slider2 li {
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width: 480px;
height: 360px;
overflow: hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev {
display: block;
width: 30px;
height: 77px;
position: absolute;
left: -30px;
text-indent: -9999px;
top: 71px;
z-index: 1000;
}
#nextBtn, #slider1next {
left: 520px !important;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
display: block;
height: 77px;
left: 0;
position: absolute;
top: 132px;
width: 30px;
z-index: 1000;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {
display: block;
position: relative;
width: 30px;
height: 77px;
background: url(http://i195.photobucket.com/albums/z105/dantearaujo/prev.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a {
background: url(http://i195.photobucket.com/albums/z105/dantearaujo/next.png) no-repeat 0 0;
}
/* numeric controls */
ol#controls {
margin: 1em 0;
padding: 0;
height: 28px;
}
ol#controls li {
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style: none;
height: 28px;
line-height: 28px;
}
ol#controls li a {
float: left;
height: 28px;
line-height: 28px;
border: 1px solid #ccc;
background: #DAF3F8;
color: #555;
padding: 0 10px;
text-decoration: none;
}
ol#controls li.current a {
background: #5DC9E1;
color: #fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
outline: none;
}
/* END EasySlider By helperblogger.com */
<!-- Start easy content slider by helperblogger.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
<script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
//]]>
</script>
<!-- End easy content slider by helperblogger.com -->
<div id="slider">
<script style="text/javascript" src="http://code.helperblogger.com/easySlider.min.js"></script>
<script style="text/javascript">
var numposts_gal = 6;
var numchars_gal = 150;
var random_posts = false; // random posts
</script>
<!-- replace with your web address (marked with red color) -->
<script src="http://yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>
yourblog.blogspot.com with your own blog url.[Code Line - 10] (Only change blog URL don't change any other things.var numposts_gal = 6; line in above code. (Code Line - 4)var numchars_gal = 150; (Code Line - 5)Follow this tutorial to show this gadget only on specific page or only in homepage.
Automatic Recent Posts Slider With jQuery For Blogger
Recent posts slider is a best way to show of you blog's recent posts as a slide show.You may see the slider such slider in many wordpres...
yourblog.blogspot.com with your own blog url.[Code Line - 10] (Only change blog URL don't change any other things.var numposts_gal = 6; line in above code. (Code Line - 4)var numchars_gal = 150; (Code Line - 5)
Follow this tutorial to show this gadget only on specific page or only in homepage.
Automatic Recent Posts Slider With jQuery For Blogger
Now save your template. Step 3 -Adding The Gadget Now go to Page Layout Add a Gadget > HTML/JavaScript Paste below piece of code and save...

What is hacking?
What do you think of when you hear the word "hack"? Do you know what it means to really be a hacker? This video tries to help she...

What is hacking?
What do you think of when you hear the word "hack"? Do you know what it means to really be a hacker? This video tries to help she...



Edit CSS in the Template Designer
Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style ...

Edit CSS in the Template Designer
Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style s...