Image Add Top Comments automatically to Blogger

 Add Top Comments automatically to Blogger easy go to your page element  add a Gadget  and select HTML/JavaScript and edit this code and change 3rb-game.blogspot.com ,and add it to Html/JavaScript <script type="text/javascript"> function pipeCallback(obj) {  document.write('<ol>');  var i;  for (i = 0; i < obj.count ; i++)  {  var href...

Image Change older post and newer post icon

. Sign in Blogger2. Layout3. Edit HTML4. Do not forget to give a check in the Expand Widget Templates5. Find the code below: <b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'><a class = 'blog-pager-newer-link' expr: href = 'data: newerPageUrl'expr: id = 'data: widget.instanceId + "_blog-pager-newer-link"'expr: title = 'data: newerPageTitle'> <data:newerPageTitle/>...

Image 7 free SEO tools to analyze and optimize your website for speed and compatibility

When you first started blogging, you probably used to spend a lot of time refining the design and making sure your site loaded quickly. You basically made sure that is was technically sound and working well for your visitors. However, after some time, your concentration may have shifted to other important tasks such as writing good content, marketing your blog, commenting on other blogs, writing...

Image Show Only Post Title In Blogger Home Pages

1.Login to Blogger2.Go To LAYOUT3.Then Click On Edit HTML4.Check Mark Expand Widgets5.Press Ctrl+FNow search For below code line in red :- <b:include data='post' name='post'/> And Replace it with Below Codes:- <b:if cond='data:blog.homepageUrl!= data:blog.url'><b:if cond='data:blog.pageType != "item"'><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3><b:else/><b:include...

Image Adding scroll bar to sidebar widgets

We can add the scrollbar only to one or several of the widgets. To do that, we must first know the ID of the widget. When we are at Template -> Edit HTML, scroll towards the bottom of the template code. You will see something like this:- <div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='LinkList1' locked='false' title='General' type='LinkList'/><b:widget...

Image Syntax Highlighter For Blogger

Syntax Highlighter For Displaying any types of Codes and Scripts In Blogger posts.As bloggers like us sometimes need to post different languages codes in our posts basically for programmers and some need to highlight some codes too in blogger posts like me to have on tutorials and display css codes.Syntax highlighter is the plugin actually designed for wordpress blogs but we can still use it in blogger...

Image Custom Search Bars with Image and CSS

Attention to detail is what separates great web layouts from average ones. Incorporating custom elements, like bullet points and search boxes, can elevate your website into a clean, cohesive design. However, creating a custom search box with OnMouseOver-like effects can be difficult, particularly when styling for multiple browsers. This tutorial will teach you how to add custom form boxes (a search bar)...

Image Top Blogger Hacks Make Your Blog Professional

Things are quite easy and enjoyable for bloggers who are blogging on self hosted blog with wordpress blogging script. Lots of useful plugins are available online for free to make blog professional. For blogger.com users things are bit difficult but not much. I used to be such blogger myself, in fact I still blog on my free blogspot blog. Here is the list of hacks that can make your blog impressive. SEO...

Image Text Links To Make Money and Increase Traffic

Text based link ads has been playing pivotal role in online industry. In fact it has changed the complexion of online marketing scenario ever since Yahoo and Google started giving more importance to the text link to determine quality of a page. In other words you can say text-link is support system of current search algorithm. Knowing this fact, webmasters begun to exchange and sell links which, eventually,...

Image Free Css/Html Horizontal Menu

This is a simple light dynamic Css/Html vertical menu with a light gradient and a border that you can use on your site. . . this menu is a cross browser complaint (Mozilla, IE6, IE7, Safari).  And Here you can see the DEMO .  And also you can See and download the images here. CSS code: ul#hmenu { margin:0; padding:0; list-style:none; overflow:hidden; width:900px; height:40px; background:url(images/HM_bg.jpg)...

Image Magazine Blogger Template Free Download

Great blogger template. This is the first of its kind magazine style blogger template. Really good work. This is three columns blogger template. Sidebar consisted of wide bar. Posts are arranged in grid manner. The extreme of the professional blogger template. Tab widget provided at the end makes it much professional. This template have broken all the design barriers for blogger users. It is...

Image Top Ten Wordpress Plugins For Free

Wordpress Blogging script is an open source script i.e. one can add more functions by having installed small program. Wordpress named it plugins. There are many plugins out there to enhance functionality of the blogging script. I am listing here the plugins which are highly useful. Some of them are very famous and some are underdog. Top WP-Cache Function of WP-Cache to create static (or you...

Image 101 CSS Resources And Tutorials To Your Site

All the cool kids are using CSS to separate content from appearance on their sites. Here is 101 resources that will get your feet wet with CSS, teach you some new tricks and techniques, clean your code, and hit the ground running with pre-made layouts. CSS Templates and Layouts A collection of 40 CSS layouts based on the same markup and ready for download! - blog.html.itCSS Layouts - layouts.ironmyers.comCSS...

Image make Ajax Slideshows with Google Ajax Feed In Your Blogger

Today I have something very unique to share with my readers and fellow bloggers. I will be providing a simple tutorial on how to make Ajax Slideshows with the Google Ajax Feed API and how to easily embed them in your website or blog. Google Ajax Slideshows For those who don't know Google Ajax Slideshow is a simple application of the Google AJAX Feed API that is designed to let you add photo slide...

Image Add Google Ajax Feed To your Blogger Templates

First of all, i want to give credits for New Blogger's (blogspot.com) recent posts widget using Google's Ajax Feed API to Hecto, i just modified the script to make it open in the same window, work with FeedBurner and a few other minor tweaks. Now we can begin. You can see this New Blogger Recent Posts Widget using Google's Ajax Feed API in the right side of my blog. Move your mouse over it to see...

Image Create and Change your own Gmail Theme

Recently Google Introduces themes for Gmail, and if you are bored with those themes. So now you can create your own Custom theme for you Gmail Box easily. You can now make Gmail as ugly or pretty as you want – by choosing your own colors. Go to Gmail -> Settings -> Themes, and click “Choose your own colors”. This opens a window where you can configure a template with instant preview....

Image Change the Layout of Gmail with Firefox Addon

If you are bored from the skin of GMAIL and Want to change it, than you have to try the Firefox Addon Google Redesigned. Google Redesigned is a Mozilla Firefox extension designed by Globex Designs that aims to fully redesign the look and feel of popular Google services. This is achieved with Cascading StyleSheet (CSS) files which are loaded on the client’s browser.     Google...

Image All Feeds using FeedBurner

Integrate your FeedBurner feed with your blogger beta blog. 1) Feed Auto-Detection Go to Layout > Edit HTML and find this line of code <b:include data='blog' name='all-head-content'/> which actually splits out something like this <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='true' name='MSSmartTagsPreventParsing'/> <meta content='blogger'...

Image Adding left sidebar to Blogger

Denim is a standard 2 column template provided by Blogger. With small changes to the template, we can add a third column to Denim. The third column can be on the right or on the left. I added the third column to the left and called it left sidebar. Follow the steps given below to add left sidebar to your blog. Step 1 Log in to Blogger and go to Layout > EditHTML. Check Expand Widget Templates. Step...