If you want to add horizontal dropdown menu in template, follow the following blogger jquery tips. Recently I have written two posts about 3D horizontal linklist and Horizontal sub navigation. Before reading this, you may visit above posts. Lets start step by step on how to add horizontal dropdown menu. 1.Login to your blogger dashboard–> [...]
Read More >>
Following tutorial describes how to add hover functionality with JQuery. 1.Login to your blogger dashboard–> layout- -> Edit HTML 2.Scroll down to where you see </head>tag . 3.Copy below code and paste it just before the </head> tag . <script type=’text/javascript’>window.onload = function() { var paras = document.getElementById('content').getElementsByTagName('p'); if(paras.length) { paras[0].className = paras[0].className + ' [...]
Read More >>
In my previous post I have shown the way to insert 3D Horizontal Navigation with JQuery. Now I am going to tell you how to add sub navigation to a blog. Just follow the instructions step by step. 1.Login to your blogger dashboard–> layout- -> Edit HTML 2.Scroll down to where you see </head>tag . [...]
Read More >>
If you want to beatify your navigation style, then you can use 3D Link List. In this tutorial, you will find a way to add 3D horizontal Link List to your blog. Just follow the instructions step by step. 1.Login to your blogger dashboard–> layout- -> Edit HTML 2.Scroll down to where you see </head>tag [...]
Read More >>
Some of my visitors suggest me to write an article on how to put a "Go To Top" navigation link on Blogger. There are many ways to do it. I have used JQuery here. If a page is very large in height then one has to use scrollbar for moving bottom to top. Instead of [...]
Read More >>
1.Login to your blogger dashboard–> layout- -> Edit HTML 2.Scroll down to where you see </head>tag . 3.Copy below code and paste it just before the </head> tag . <script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js’ type=’text/javascript’/> <script type=’text/javascript’>//<![CDATA[ $(function(){ $('a[href*=#top]‘).click(function() { if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”)&& location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || [...]
Read More >>
This tutorial tells you about the process to make background of a blog scrollable. It means if the body’s size of blog goes out of screen size, a scroll will be appeared automatically. Let’s see the step by step processes. Jquery is used here. 1.Login to your blogger dashboard–> layout- -> Edit HTML 2.Scroll down [...]
Read More >>
This post describes step by step process to add latest MultiTab widget for Blogger with JQuery. Before that you may look simple Tab View 3d Tab View Widget Beautiful MultiTab Gadget Choose any one style you prefer than apply to blog. Please feel free to Contact Me for any suggestion. 1.Login to your blogger dashboard–> [...]
Read More >>
This post describes how to create a contact me page for Blogger/BlogSpot. Blogger.com does not give any built-in option(gadget)which supports form submission. So you should borrow code from third party sites. One question arises why should one use a contact page for blog or site? There are some logics behind this. You may look contact [...]
Read More >>
1.Log in to your dashboard–> layout- -> Edit HTML 2.Scroll down to where you see </b:skin>tag. 3.Now copy below code and paste it just before </b:skin> tag . #nav, #nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:26px;}#nav a:link,#nav a:active,#nav a:visited{display:block;color:#FFF;text-decoration:none;background:#444;height:26px;line-height:26px;padding:0 6px;margin-right:1px;}#nav a:hover{background:#0066FF;color:#FFF;}#nav li{float:left;position:relative;}#nav ul {position:absolute;width:12em;top:26px;display:none;}#nav li ul a{width:12em;float:left;}#nav ul ul{width:12em;top:auto;}#nav li ul ul {margin:0 0 0 13em;}#nav li:hover ul ul,#nav li:hover [...]
Read More >>
