
Click here! to See Live Demo
this is my second test blog i created to show a widget demo
this is my second test blog i created to show a widget demo
How to Add Jquery Slide Panel with Content
there are three stepsStep 1: Adding Jquery JavaScript Plugin
- Go to Blogger Dashboard -> Design tab -> Edit Html
- Search for
</head>
tag - Add below line of code Before
</head>
tag<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
You Must add this plugin.
- Search for
</head>
tag - Add below line of code Before
</head>
tag<script src="http://widgets.way2blogging.org/blogger-widgets/jquery.slidePanel.min.js" type="text/javascript"></script>
Here i am Giving Widget Code generator Form and i Include all possible Options with advanced CSS Styling. You can add multiple pannels.
Customize the Trigger CSS & Panel Content CSS Fields as you need.
Settings :
- First Click this Button Generate Widget
-
for Trigger Name and Panel Content please See the Image Below.
- Finally Generate Widget Code and Put it Before
</body>
tag - and Save your Template
I hope you enjoyed this widget.
0 comments