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...
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...
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 posting text, photos, videos, and more to your
blog. Post as often as you want; it's free. Check out this article on How to get started or watch the How to create a blog with Blogger video.
How to Create a Blog on Blogger - YouTube
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
Creating your blog with Blogger takes just a few easy steps. In a matter of minutes you can start posting text, photos, videos, and more to your blog. Post as often as you want; it's free. Check out this article on How to get started or watch the How to create a blog with Blogger video.
How to Create a Blog on Blogger - YouTube
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...
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 it.
- Now replace
yourblog.blogspot.com
with your own blog url.[Code Line - 10] (Only change blog URL don't change any other things. - To change number of post find this
var numposts_gal = 6;
line in above code. (Code Line - 4) - If you want to change number of characters to show in description find this piece of code
var numchars_gal = 150;
(Code Line - 5)
Now save your all the changes and you are done.Visit your blog to see this beautiful slide.
Follow this tutorial to show this gadget only on specific page or only in homepage.
Your questions,queries and feedback are always welcome.Also if you need any help about customizing this gadget then feel free to ask me.I'll glad to help you.
Good day....
By: http://www.helperblogger.com/
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...
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 wordpress blogs but when coming to blogger it is certainly not much seen.This widget is shared by Abu-Farhan and using my own tricks further I customized this plugin to works perfect with your blog.If you are thinking that customization's will be hard then you are wrong,this gadget is very easy to customize and very easy to add.You don't need to add images,text or any links like other sliders all is Automatic :D. Here I am giving a tutorial about adding recent post slider to blogger.First take a preview on slider.
How To Add This Slider To Blogger?
Step 1 - Applying Styles
- Go to Blogger Dashboard > Design > Edit HTML. (In new User Interface It Is - Dashboard > Template)
- As always download a copy of your template first.
- Now find for ]]></b:skin>
- Add below code just before ]]></b:skin>
/* 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 */
You can edit above CSS values as you wish.You may use our HTML Editor to see a live preview of your changes.(Note - If you are editing this gadget in HTML Editor then you have to add all three codes simultaneously in editor)
Step 2 - Adding JavaScript
- Now find for </body> tag
- Add below code just after/below </body> tag.
<!-- 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 -->
Now save your template.
Adding The Gadget
- Now go to Page Layout
- Add a Gadget > HTML/JavaScript
- Paste below piece of code and save it.
<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>
- Now replace
yourblog.blogspot.com
with your own blog url.[Code Line - 10] (Only change blog URL don't change any other things.
- To change number of post find this
var numposts_gal = 6;
line in above code. (Code Line - 4)
- If you want to change number of characters to show in description find this piece of code
var numchars_gal = 150;
(Code Line - 5)
Follow this tutorial to show this gadget only on specific page or only in homepage.
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...
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 shed some light on hacking.
What is hacking?
a
0:00work is packing why did people have to keep popular culture is canada packages
0:05outlaws need to be for you but is a really something to be scared of that
0:09you really know what it means to have so hopefully this will your shed some light
0:14on this dark side of computers
0:28funding stream hackers the hectic sabko sole purpose
0:32is sticking with the original reasons skillful information
0:37welfare people out there who's being infantry is just a people's information
0:42this isn't what the heck and he really
0:45but let's come back to that
0:48first let's define what a hacker is
0:50simply put it means to use technology for purposes other than what it was
0:54helpful
0:56that doesn't sound pretty good alternative
0:58this definition doesn't even cuter
1:01in fact i have heard what jim starts within m_i_t_ model train called
1:06slightly careless with
1:10been hacking move to paypal first hacker out walls
1:15and then did move to computers
1:17according to one of the first computer hackers in spinner of the apple
1:21computer's steve wozniak
1:24packing was the necessity of invention its purpose was making a difference for
1:29humanity
1:31packers were well admiringly experts in the fields of it's hearing in
1:34programming
1:35whose latest patchwork always looked upon in all fall aside from the apple
1:41computer's original computer hackers brockport other inventions programming
1:46languages
1:47what is sore software mornings proper insist on
1:51in the world wide web
1:53that's right jim racially was attacked
1:55without these hackers there would be no cats today
1:59these guys were considered to be wide placards
2:03all of them who enjoyed the intellectual challenges der complaining limitations
2:07they do it within the confines of the us
2:10but then later decades people would enjoy packing for the same intellectual
2:14challenge
2:15that they would you like legally all their own what's referred to as black
2:19hat hackers
2:20or better known as crackers yeah
2:24black hat hackers are what the public
2:27these the ones that create arms viruses etcetera
2:31the quarter of a white hat black hat hackers is you know in the same
2:35they're both generally self-taught programming engineer prodigies detritus
2:40from that limitations
2:41but like at hackers
2:43go one step further by then trying to protect the body's limitations in place
2:49since the rise of the naf
2:51outlaws the government profit
2:54for
2:55for her company with one set with the creativity
3:00loan courage ng outside of the box thing
3:03it is a all that
3:05to get to know what hacking is real hack
3:08star by taking a bit of a hacker manifesto found at the link below
3:13and how to become a hacker
3:14by a reclaiming author of the new hackers dictionary
3:18kitty with
3:19waiting on me that he too
3:21party failed the first test
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 is hacking?
a
0:00work is packing why did people have to keep popular culture is canada packages
0:05outlaws need to be for you but is a really something to be scared of that
0:09you really know what it means to have so hopefully this will your shed some light
0:14on this dark side of computers
0:28funding stream hackers the hectic sabko sole purpose
0:32is sticking with the original reasons skillful information
0:37welfare people out there who's being infantry is just a people's information
0:42this isn't what the heck and he really
0:45but let's come back to that
0:48first let's define what a hacker is
0:50simply put it means to use technology for purposes other than what it was
0:54helpful
0:56that doesn't sound pretty good alternative
0:58this definition doesn't even cuter
1:01in fact i have heard what jim starts within m_i_t_ model train called
1:06slightly careless with
1:10been hacking move to paypal first hacker out walls
1:15and then did move to computers
1:17according to one of the first computer hackers in spinner of the apple
1:21computer's steve wozniak
1:24packing was the necessity of invention its purpose was making a difference for
1:29humanity
1:31packers were well admiringly experts in the fields of it's hearing in
1:34programming
1:35whose latest patchwork always looked upon in all fall aside from the apple
1:41computer's original computer hackers brockport other inventions programming
1:46languages
1:47what is sore software mornings proper insist on
1:51in the world wide web
1:53that's right jim racially was attacked
1:55without these hackers there would be no cats today
1:59these guys were considered to be wide placards
2:03all of them who enjoyed the intellectual challenges der complaining limitations
2:07they do it within the confines of the us
2:10but then later decades people would enjoy packing for the same intellectual
2:14challenge
2:15that they would you like legally all their own what's referred to as black
2:19hat hackers
2:20or better known as crackers yeah
2:24black hat hackers are what the public
2:27these the ones that create arms viruses etcetera
2:31the quarter of a white hat black hat hackers is you know in the same
2:35they're both generally self-taught programming engineer prodigies detritus
2:40from that limitations
2:41but like at hackers
2:43go one step further by then trying to protect the body's limitations in place
2:49since the rise of the naf
2:51outlaws the government profit
2:54for
2:55for her company with one set with the creativity
3:00loan courage ng outside of the box thing
3:03it is a all that
3:05to get to know what hacking is real hack
3:08star by taking a bit of a hacker manifesto found at the link below
3:13and how to become a hacker
3:14by a reclaiming author of the new hackers dictionary
3:18kitty with
3:19waiting on me that he too
3:21party failed the first test
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...
How to be a Computer Hacker
How to be a Computer Hacker">How to be a Computer Hacker
How to be a Computer Hacker
How to be a Computer Hacker">How to be a Computer Hacker
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 sheets (CSS). To add custom CSS snippets to your template, go to the Template tab and click Customize. Then, add your code to the field located in the Advanced | Add CSS tab. Changes you make will reflect instantly in a live preview beneath the editor.
Note: Editing CSS allows you to change the look and
feel of your blog. For changes to the actual content of your blog,
including the adding of gadgets or changes to the layout, click Edit HTML on the Template tab. Also remember that, like other customizations, your CSS will be removed if you change designs.
For a comprehensive list of various CSS tweaks, please see the What can I do with CSS article in our Help Center.
updated
02/15/2013
Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style s...
Edit CSS in the Template Designer
Note: Editing CSS allows you to change the look and feel of your blog. For changes to the actual content of your blog, including the adding of gadgets or changes to the layout, click Edit HTML on the Template tab. Also remember that, like other customizations, your CSS will be removed if you change designs.
For a comprehensive list of various CSS tweaks, please see the What can I do with CSS article in our Help Center.
Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style ...