|
Google Buzz lets you share updates, photos, videos and more with your friends like Twitter. Recently I shared a tutorial with you all to add Google Buzz button to WordPress blog. Some users requested in comments to share a tutorial for blogger/blogspot user too. Make sure to implement these Google Buzz buttons into your blogger [...]
All of you might have seen the New Ajax Search Gadget on your Layout > Add Gadget Page. This Ajax search gadget doesn’t support adsense ads.But you can now have a Google ad supported Google Ajax search widget on your blog.The speciality of the Ajax Search is that it can search your blog, without actually [...]
It has been almost 2 months since Blogger introduced the “Stats” feature. Now they have gone a step further by introducing 2 Gadgets related to the “Stats”. Blogger has now got a “Popular Posts” Gadget and a “Blog’s Stats” Gadget.(These are currently available only on Blogger in Draft). Popular Posts Gadget Blogger has always lacked [...]
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–> [...]
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 + ' [...]
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 . [...]
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 [...]
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 [...]
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 || [...]
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 [...]