This time, we are going to make a stylish and simple jQuery drop down menu. The main objective is to make it as simple as possible, with some little jQuery effect and easy to customize/ apply different style on it. To style it into your own design, you just have to modify the a tag CSS style. You can change colors or put background images, or the size and color of text.
Saturday, May 15, 2021
Friday, May 14, 2021
How to add Css/Jquery fixed horizontal menu to blogger blog
in: Blog Designing Blogging Tricks CSS Code jQuery MenuInside of the navigation there are some links, a search input and a top and bottom button that allows the user to navigate to the top or bottom of the page.
Let's start adding it...
Thursday, May 13, 2021
How to add a Custom jQuery Lightbox To Blogger
in: Blog Designing Blogging Tricks jQueryIf you are not satisfied with the default lightbox set up by Blogger, here's another amazing way to show off your images. I have already shown you in one of my previous tutorials how to customize the Blogger lightbox by changing the background color, borders or text color, but this tutorial will show you how to replace it entirely with a really cool jQuery Lightbox plugin that is very popular among bloggers.
What this lightbox does is to display larger versions of the images that will pop up into a larger box when we click on them and lets us to easily navigate through a set of images using the previous and next buttons.
To see a demo of it, please visit this page and click on any image to enlarge.
Wednesday, May 12, 2021
How to add jQuery Sliding Panel with Expanding/Collapsing Content for Blogger
in: Blog Designing Blogging Tricks jQueryMany times when we think about making a blog, we want to put many gadgets, although many are not necessary, or perhaps only a few of them. But to add the gadgets that we want, we need to have enough space. A solution would be using an expanding/collapsing menu that is hidden and expands when the user clicks on it.
Originally, this plugin called Sliding Login Panel was created so that users could register on the site, but as we know, in Blogger we don't have the option to add a user registration, however, that doesn't mean that we can't take advantage of this plugin and use it to add other elements, such as a menu, search box, social icons, feed subscription etc.
You can find a demo of this panel in this blog - just click on the Open menu link on the top.
Using JQuery + EasyDrag to Move Elements or Images by Clicking on Them
in: Blog Designing Blogging Tricks jQueryThis is one way to make your site more interactive so that readers can "play" with certain elements of the page being able to drag from one side to another within the container in which they are, i.e. can drag the images with a script that will allow them to move from one place to another within the blog.
To create this effect on images
Login to your Blogger account, go to Template and click the Edit HTML button:
Tuesday, May 11, 2021
How to Add a Tiny jQuery Circleslider to Blogger
in: Blog Designing Blogging Tricks jQueryTiny Circleslider is a small jQuery plugin generating a circular carousel of images that we can slide infinitely (circular). When clicking on the red dot, the main picture moves to the left and another set of images will slide out. There is noting complicated about using this type of carousel, however when it's about customizing it, it's necessary to use a bit of arithmetic. All these details can be found in the author's homepage, so I'll just limit myself to show you the basics.
Adding the Tiny Circleslider to the Blog
In order to make it work, first task is to add the javascript jQuery library in our template:
Step 1. From your Blogger's dashboard, select your blog
Step 2. Go to Template and click the Edit HTML button:
Sunday, May 9, 2021
How to Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect
in: Blog Designing Blogging Tricks Facebook Fan Page jQueryIn this tutorial i will show you how to add a cool floating Facebook like widget for Blogger that slides to the left on mouseover. Demo: You can see a static facebook badge at the right side of this blog
Friday, April 30, 2021
How to Add jQuery Sliding Panel with Expanding/Collapsing Content for Blogger
in: Blog Designing Blogging Tricks jQueryMany times when we think about making a blog, we want to put many gadgets, although many are not necessary, or perhaps only a few of them. But to add the gadgets that we want, we need to have enough space. A solution would be using an expanding/collapsing menu that is hidden and expands when the user clicks on it.
Originally, this plugin called Sliding Login Panel was created so that users could register on the site, but as we know, in Blogger we don't have the option to add a user registration, however, that doesn't mean that we can't take advantage of this plugin and use it to add other elements, such as a menu, search box, social icons, feed subscription etc.
You can find a demo of this panel in this blog - just click on the Open menu link on the top.





