• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact
Download Tutorial Gratis ( Photoshop, Corel Draw, Blog, SEO, Desain Grafis, Template )
  • Home
  • Tutorial
    • Submenu1
    • Submenu2
  • Desain Grafis
  • Template
  • Contoh Undangan
  • Sitemap
  • SEO
  • Blog
  • Photoshop
  • Corel Draw

Home » Tutorial Blog » Add Animated Jquery Sliding Panel with Content Widget for Blogger

Add Animated Jquery Sliding Panel with Content Widget for Blogger

Add Animated Jquery Sliding Panel with Content for Blogger
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 :-
Click here! to See Live 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 steps

Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin)

a. Go to Blogger Dashboard -> Design tab -> Edit Html
b. Search for </head> tag
c. Add below line of code Before </head> tag

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Step 2: Adding Jquery Slide Panel Plugin
You Must add this plugin.
a. Search for </head> tag
b. Add below line of code Before </head> tag

<script src="http://bloggerblogwidgets.googlecode.com/files/jquery.slidePanel.min.js" type="text/javascript"></script>

Step 3: Adding Jquery Slide Panel Widget Code
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.
For Color Code please use our HTML Color Code Generator Tool.

Settings :
"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.



Finally Generate Widget Code and Put it Before </body> tag
and Save your Template


If you have any Difficulty then Leave a Comment

I hope you enjoyed this widget.
Posted by Unknown on Saturday, July 30, 2011 - Rating: 4.5
Title : Add Animated Jquery Sliding Panel with Content Widget for Blogger
Description : Hello Friends! Animated Jquery Sliding Panel with Content Widget for Blogger. this is a Plugin from Jquery and it was Developed by Jon Phi...

Share to

Facebook Google+ Twitter

0 Response to "Add Animated Jquery Sliding Panel with Content Widget for Blogger"

Post a Comment

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • FORMAT CONTOH UNDANGAN (doc)
    Kali ini saya mencoba membuat link download berupa beberapa contoh undangan yang sering dibikin untuk acara-acara tertentu, misalnya tah...
  • Download Film Semi Gratis | Film Semi Indonesia
    Download Film Semi Gratis lainnya Di : 1. andrianacom.blogspot.com 2. sh3hack3r.blogspot.com Movie Synopsis Starting in Jakarta in...
  • Add Social Sharing/Bookmarking Widget with Cool Hover Effect
    Social sharing / bookmarking widget with Cool Gray-scale/Color hover widget to Blogger blog. i have given a beautiful sharing widget with c...
  • PreWedding dengan Efek Foto Sephia
    Pada tutorial ilmuGrafis kali ini kita akan belajar membuat efek Photo Sephia . Maaf ini buka sephia judul lagunya Sheila On7 tapi maksunya ...
  • Spooky HDR Effect
    OK Brader en Sister sudah lama saya tidak berkontribusi di Web kesayangan saya ini... :D . Pada Efek Photo dengan Photoshop kali ini s...

Labels

CONTOH UNDANGAN (doc) Desaign grafis Hardware and Software News PLUGIN PHOTOSHOP FREE Search Engine Optimization SEO SEO BLOG skripsi Software Desain Grafis Template Tips and trick Tips Komputer Tips Software Tutorial Blog Tutorial Corel Tutorial Photoshop Tutorial PHOTOSHOP GRATIS Tutorial SEO

Site Info

Copyright © 2012 Download Tutorial Gratis ( Photoshop, Corel Draw, Blog, SEO, Desain Grafis, Template ) - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger