You know Slideshow is one of the popular widgets loved by most people. You can use a slider to show your popular posts, products or services. I shared two cool slideshow for blogger. Now I'm single action Marquee slideshow to show off your hot products or messages in the sidebar. I mean, the Marquee Slideshow best suites in the box. Here only the code simple tent is used. So it's super fast loading and you can easily customize.
How to add Sldeshow in Blog
Blogger: Blogger To add the following code into an HTML / JavaScript Gadget where you want to add the cursor.
Wordpress: Wordpress users can also use this Sldeshow. To do this, go to Appearance >> Widgets >> Add a text widget in the sidebar >> Insert the code below into the text box >> Save. Done.
<br />
<div id="ot-slide">
<marquee bgcolor="#fff" direction="up" height="200" onmouseout="start();" onmouseover="stop();" scrollamount="5" scrolldelay="10" width="300">
<a href="https://www.blogger.com/Post%20Link" target="_blank">
<img alt="" height="150" src="Image-Link" width="300" /></a>
<h4 align="center">
<a href="https://www.blogger.com/Title%20Link1" target="_blank">Title text 1</a></h4>
<div align="center">
Your post description goes here...</div>
<a href="https://www.blogger.com/Post%20Link" target="_blank">
<img alt="" height="150" src="Image-Link" width="300" /></a>
<h4 align="center">
<a href="https://www.blogger.com/Title%20Link2" target="_blank">Title text 2</a></h4>
<div align="center">
Your post description goes here...</div>
<a href="https://www.blogger.com/Post%20Link" target="_blank">
<img alt="" height="150" src="Image-Link" width="300" /></a>
<h4 align="center">
<a href="https://www.blogger.com/Title%20Link3" target="_blank">Title text 3</a></h4>
<div align="center">
Your post description goes here...</div>
</marquee>
</div>
Customization:
I kept slider width 300px and height 200px. You can change it as you like. Add post or product link where it says Post Link and image link where reads Image-Link. Change the scrollamount value, to fasten the speed of scrolling. Thank you. Please comment and share your views if you like the post.
No comments:
Post a Comment
Thanks