yucca666: Image and Text Slider For your blog

explaining step by steps to add this widget in your blog. For any type of slider you have to include this JavaScript File in your blog before </head> tag.

This is a leading website about blogging tools, tips , Widget and template Customization. I hope you are happy with blog posts and tutorials.

Code of This Text Slider :

<div class="slider_text" id="marquee0">
This is a leading website about blogging tools, tips , Widget and template Customization. I hope you are happy with blog posts and tutorials.
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'marquee0',
style: { //style object for this marquee container (use quotes on both sides of the : as shown)
    'width': '100%',
    'height': '1.6em',
    'color': '#fff',
    'background-color': '#32f',
    'font-family': 'sans-serif',
    'margin': '0 auto'},
inc:1, //speed - of marquee slider.
});
</script>

Type 2 Image Slider [Advanced]

Code of this Slider :

<div class="marquee_slider" id="marquee2">
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6iRE4xTSIloFvcNdbyLG0jWfdpLoVrtVjA1-q0a0zRNXcULJTprQR1YSD-AqztYDDGqNxxp60TXSdSR-UkVb79c3faI-FZG8gqyvqENOtGgc2g5I2ylzGIoZ5hMKSudQhY7DCtagrrKxe/s1600/CMCltdlogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizql6nCUdzoU9qOUTVOUWSBIbq6xoASkQ4VuE8s9pMk9AyoUzdvl_gfPitS3WQcD_uODQx4AajBDDcW5CaaiL_J1vWh_2rGYXFN4l5TuN0MG4S5xdIrDhwNL3ynws_H3_lkbk_cwF_l4pJ/s1600/YesBanklogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQdA462KziT1R69erZVupJzAf1nUn3_GU5LT1pt_t_ld5Qo7VJgTitImA_UZVMSyUB01MmjJipaihq1i2LWA39xG2ysgjWtTf5MgAaRW9IUEbkXBrMVBOJO66ofIrkWeZzpRZqMN5mUv3/s1600/accenturelogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjW-LL9xNN6rl9Luvxo0wbopp7-qzgm2g58Z-lVklyOXAjgV186rAx0vSIPGVJL8cbbax0kw5oSBqeQqtrJYFU7wj1rkhlDd2JKnK2cz7Yc7vybpRyFV8NEhCIH_qgkFLCtORKubcPMzOL/s1600/aonhewittlogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw3KCnEPLEODPrfGMymGmjTvxJhcCJKTmglka3vSE5MzvRSVJ3rZV7ORx7XlnsAnRLykvyOtIMWkBYLvBRvAivu8yQ7-F5D9IPuvN8XeRm3L1OO0CFGqeQHrLRnjU3GBcXC1maOYZG8AoJ/s1600/birlasoftlogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8k_J8gNnQsdvuMpOthORIj9rf0Lu2hlrvuhxmpclQ-nsVHDcFYPcK1y2wcNYMQGe0TDLS2ySUoUCughH1wn1pA06edT0X6Jkn53FcEqSwLElhaXIEfF3pXJb7zapYaxwXquI9VzdNgJsN/s1600/cognizantlogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjWfFyHALXmsGWrDZdOUepagN7FWtHuu4Zv1q9Qf7KJdz_21nWBlUV9ZnvMDDbHXWqgy9mqCiMYsl7MH96mvYGUm9ijH7g9IfX6ATojAVqnU4Zasf_DRcchHji7xOIcax4IpwfNAI1drOV/s1600/hcl_partner_logo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtr6-ybBfl1XDbOzR7NY14m8A7Ebd1Xk6KIjEId625z6ZiYqDlnaAg48XGPge6Xkt-2W_4gWNNnvzligsxITb00eE2whctz5SIlMKb-uciS6Nqza72TfShle7dTLGnZdj5inPtWQ8Cd1o/s1600/mphasislogo.gif" /> </a>
<a href="" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjNjcG8tRC6WipcuHGdYDBdMrNEe_Si2MpXEyQijOtd5RsDJNort2MHsB_mI9rpkEX0rYi_XVFHLc5k6ESYJ9YdHKCk05L9ttKOtI_NueUPSUl3V81T2yH2lPR_C0r3Lba1LQz5h03DWI/s1600/punjlloydlogo.gif" /> </a>
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'marquee2',
style: { //style object for this marquee container (use quotes on both sides of the : as shown)
    'width': '400px',
    'height': '100px',
    'color': '#fff',
    'background-color': '#4dd469',
    'font-family': 'sans-serif',
    'margin': '5px auto'},
inc:10, //speed - of marquee slider
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>