Hello Friends! Animated Jquery Sliding Panel with Content Widget for Blogger. this is a Plugin from Jquery and it was Developed by Jon Phillips and Plugin Developed by jQeasy. i am giving to Use on Blogger, Actually this widget Asked by one of Blogger, my Blog Reader and Follower. His name is Jerico Jien. I done very hard work for making Widget Form for you, and it takes almost 1 1/2 day to analyze and Widget Form Creation. but it is very simple to use on your Blog. the main feature is we can Show any content in less space, more efficient and attractive animation effect when you click.
Live Demo :
HOW TO ADD JQUERY SLIDE PANEL WITH CONTENT
There are two steps :
Step 1: Adding Jquery JavaScript Plugin
* [Ignore this step if your blog have already a Jquery Plugin !!!]
- Go to Blogger Dashboard ► Design tab ► Edit Html
- Search for </head> tag
- Add this code Before </head> tag !
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://nienpaper.googlecode.com/files/YuanSlidePanelMin.js" type="text/javascript"></script>
Here i am giving Gadget Code Generator Form and I include all possible Options with advanced CSS Styling. You can add multiple panels.
Customize the Trigger CSS & Panel Content CSS Fields as you need.
Settings :
- First Click this Button
- “Put any Unique Number” means, if you add multiple Sliding panels the each slide panels have special CSS and Jquery Callings. so you put any Unique number, for Ex:- 3, 7, 6, 8, 12, 26, 56 …
- For Trigger Name and Panel Content please See the Image Below.
- After you got the code, copy then paste on new "Gadget HTML/Javascript" at Blogger's page element.
- and Save your Template.
I hope you enjoyed this Gadgets.
[ source ]
