
Recent Tricks
Showing posts with label J QUERY. Show all posts
Showing posts with label J QUERY. Show all posts
Auto Scrolling Recent Posts Widget For Blogger / Blogspot free

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget:
How to Install Auto Scrolling Recent Posts WidgetI have to writ
Labels:
CSS,
HTML,
J QUERY,
Java Script
How To Add jQuery Featured Post Slider to blogger

Here is a very beautiful trics " How To Add jQuery Featured Post Slider to blogger ".
How to Install This Widget on Blogger?Steps...A. Adding Script CodeB. Adding HTML CodeAdding Script CodeIn old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.Now find (CTRL+F) this code in the template:Step 2:And find the code </head>Step 3: Now add the following code just before the </head> tag.
<a href="http://24work.blogspot.com" target="_blank" ti
Labels:
CONTENT SLIDER,
Featured Post Slider,
J QUERY
Content SlideShow Slider to Blogger / WebSite

How to Install This Widget on Blogger?Steps...A. Adding CSS Theme CodeB. Adding Script CodeC. Adding HTML CodeAdding CSS Theme CodeIn old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.Now find (CTRL+F) this code in the template:
]]></b:skin>
And immediately before it, paste this code:
#slideshow {list-style:none; color:#fff}#slideshow span {display:none}#wrapper {width:506px; margin:50px auto; display:none}#wrapper * {margin:0; padding:0}#fullsize {position:relative;