TiltViewer

TiltViewer is a free, customizable 3D Flash image viewing application. Controls Mouse * Click images to zoom-in, click again to zoom-out. * Click the background to zoom-out. * Click the 'reload' button (below the image grid) to load a new set of images. * Click the 'flip' button (bottom-right of a zoomed-in image) to see image details. Keyboard * Cursor keys to navigate between images. * Space-bar to zoom in/out. * 'F' key to flip an image (when zoomed in). Right-Click Menu * Go Fullscreen. Opens TiltViewer in fullscreen mode. Right-click and select 'Exit Fullscreen' to revert to regular mode. Note keyboard navigation does not work in full-screen mode. Download: Download TiltViewer v1.3 to use on your site. Using TiltViewer:...

Read more »

Blogger Buster - Thank you Amanda!

Amanda Kennedy is a professional Blogger and web designer who lives in Sheffield, UK. Amanda has been developing and designing websites with Blogger for over 6 years, and offers her Blogger skills as a freelance blog and website developer. Amanda created Blogger Buster in June 2007, in response to the positive reactions she received from early Blogger tutorials on her personal blog. Over the past four years, Blogger Buster has produced dozens of Blogger templates, timely articles, and tutorials to help it's readers build a better blog.  Her contributions have been astonishing. ...

Read more »

How to Add Automatic "Read More" to Your Blogger Homepage

I am going to tell you something about read more links. The read more link gives you more page views and is very SEO friendly. This feature presents your visitors to a more enjoyable web visit, as it neatly maintains concise text in a manageable view, especially when you have lengthy posts. You can add Read More >> , Read Full Post, etc. I am using the text Read More >>.  Any text and even a small graphic can be employed on your preference. There is not too much difficulty adding the additional script, as long as you follow the steps given here. HOW TO INPUT THE CODES Note: before you make any changes on your templates, always make a backup of it. 1. Login in to your blogger account 2. Navigate to Template section...

Read more »

Repeating Seamless Background Image Tutorial Using Photoshop

A trick often employed on webpages is to use a seamless background that can tile both vertically and horizontally. If your website gets alot of traffic and you don’t like paying for extra bandwidth costs you need to optimize your site for every single kilobyte. This generally translates to NOT using a giant JPG as a background; (unless you’re doing silly myspace layouts). This tutorial will explain how to make seamless backgrounds for your webpages.Step One - Identify image you want to use as your seamless backgroundIn this case we’ve put together a 500x500 red and gray image that we think will...

Read more »

Block IP Address Script

Use this script to block certain IPs from your webpage, by redirecting them to another site. Note that your web server must have SSI enabled (most Linux servers do), with the page using the correct extension (ie: .shtml) in order for this script to work. Furthermore, since this script relies on JavaScript to block the user (by redirecting the person to another site), if he/she disables JavaScript in the browser, the script will become futile.Just insert the below script to the HEAD section of your page, and enter your list of IPs to block:<script type="text/javascript">//Enter list of banned ips, each separated with a comma:var bannedips=["23.23.23.23", "11.11.11.11"]var ip = '<!--#echo var="REMOTE_ADDR"-->'var handleips=bannedips.join("|")handleips=new...

Read more »

How to create an “Admin Control Panel” in your Blogger template

Written by Amanda Fazani from Blogger Buster on September 22, 2008 Hiding the Blogger nav-bar is one of the most popular customizations for Blogger blogs. The advantage of this is that your blog design does not immediately appear to be powered by Blogger, and it is very useful for designs where the appearance of the nav-bar distracts from the overall design of the blog.The only downside of removing the nav-bar is that the admin links for “New post”, “Customize” and “Log Out” are no longer visible. When the nav-bar is visible, blog administrators can create a new post or customize their layout...

Read more »

A Cool Flash Animated Label Cloud for Blogger!

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. That original plugin was converted into the Blogger widget by Amanda Fazani you see on my sidebar. Hover your mouse over the Flash object to see the animation begin.In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!How it worksThis widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :)You should also be able to move the Label...

Read more »

Create Navigation Buttons for your Blog

Many blogs and websites feature "navigation button" links like a menu at the top of the page or beneath the header. This can be really helpful for readers to navigate to areas of interest in your blog, such as the home page, about page and contact links.In this tutorial, I'll explain a very simple (but effective) method of creating such a "navigation buttons" for your own blog, which you can use to add easily accessible links to your post pages.To create these buttons for your blog, we don't need to use any external images! With a little CSS styling, you can easily create navigation buttons which change color when your mouse hovers over them, making it easier to see that these are indeed clickable links. This style of button is helpful to your...

Read more »

Stop Blogger from turning all your text into CAPITALS

Blogger makes your post footer, blog footer, profile widget and header text turn out in uppercase letters by default, and this of course, sucks like a black hole for some (I know it does for me). To remedy this, just do the same procedure as with eliminating borders (see above) but instead of searching for "border:", search for "text-transform:" and eliminate every instance of it. Change "uppercase" to "non...

Read more »

Hovering Peek-A-Boo Navabar on New Blogger

In a previous post, we explained how to remove the New Blogger navigation bar. Well, perhaps you didn't really want to eliminate it altogether? Follow along on this hack and after it is in place, when you hoover your cursor over where the navabar should be, it will appear.....Like Magic!!1.-Open Your Layout Settings2.-Go To The Edit HTML3.-Put This Two Lines Of Code Inside The CSS Section That Is After The Color Parameters Arrays Of Your Blogger v3.0 Template And Before the /head Code Tag:#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,...

Read more »

Your FREE eBook: The Cheats' Guide to Customizing Blogger Templates

I'm really happy to be able to release Amanda's (from Blog Buster) first eBook: The Cheats' Guide to Customizing Blogger Templates. Based on the original article published there, this eBook will offer you many options and examples to customize your existing Blogger template quickly and easily, whichever style of template you are using.! Features of this eBook This eBook is much more comprehensive than the original online article, and features: * New examples of template customizations * An entire chapter about customizing stretch (fluid) templates * How to use buttons, banners and images *...

Read more »

How to Make $1000 a Day Posting on Youtube

Step#1 - Sign up at a CPA network.Monetize the traffic that you get from Youtube by sending them to CPA offers. If you don't know what a CPA offer is, well its basically like an affiliate network where they pay you every time a visitor you refer fills out a form. Getting people to fill out forms in exchange for some kind of freebie that the advertiser is offering is real easy . If you have an account at these or any other CPA I personally use RocketProfit network, that will suffice. If you don't then I suggest you signup at RocketProfit.Step#2 – Find a good offer to monetize.I usually find offers that give away something free and are in vogue. For example, a free iPhone. The iPhone is a very hot product right now and people are crazy about...

Read more »

Add Digg Button to Blogger or Blogspot

This is a step-by-step guide to automatically place a real-time Digg count and vote button to every single blog post. Digg is a social content website where your readers or you can submit content to. If you have a good story, members will 'digg' the post and write comments. As a blog owner, you may want to make it easy for and encourage your readers to submit and digg your articles.Automatic Count and Vote ButtonBefore you do that though, you would want to take note of the following:-1. Your blog should be set to save Post Pages. Post Pages are archived blog posts published to their own web...

Read more »

Expandable Post Summaries for Professional Blog Design

With little bit of modifications to your Blogger Beta template you can easily implement expandable post summaries in your blog main page. Expandable posts gives very professional and elegant look to your blog. You can hide most of the detailed content from main page and display them when the page of the post is opened. If you observer my blog, voting widgets are displayed on my post links and not in my main page. Also, most of the images in my posts are shown only in the actual post links only. Moving bandwidth intensive content to posts’ pages loads your main page very fast. Let us see the...

Read more »

Change Title Tags For Your Blog

Until recently, the title tags generated for each page of your Blogger blog would display the blog title first, then the name of your post. This wasn't so good for SEO (search engine optimization) as this made keywords from your post titles appear after your blog title. Luckily, Blogger have come up with a simple fix for this problem for those who use Layouts templates: the <data:blog.pageName/> tag! This new tag is already installed for new blogs (or if you change your existing template to one of Blogger's default ones). However, if you have customized your template or uploaded a third party template, you will need to change the original <data:blog.pageTitle/> to the new <data:blog.pageName/> tag for this change to take...

Read more »

How to Customize Your Favicon in Blogger

A Favicon is a custom icon for your blog displayed next to the URL’s of your sites and next to the page title in open tabs. By default in blogger blogs, all the icons are set to Blogger’s favicon: By performing the following steps you can replace the Favicon with your own. Select an icon of your own, you can get quite a bit of professional free favicons at Favicons R Us or you can create your own Favicon at favicon.cc. Next you’ll need to host the icon on a website. If your blog is on a custom domain you can upload your icon there or you can upload it on a free service, preferably on Google’s...

Read more »

How to Remove Your New Blogger Navigation Bar

If you have ever had a blog on Blogger you would have realized that it is very easy to setup, it’s very user-friendly and one more thing, they are self obsessed!Here I show you how to remove the annoying NavBar, don’t worry about breaking their TOS because it does not state anywhere in the terms that it is a violation.All you have to do is open the template code (Dashboard > Layout > Edit HTML and paste the following code on the template:#navbar-iframe {height:0px;visibility:hidden;display:none;}Save the settings and reload your web page and your Navigation Bar should have vanish...

Read more »

A Simple Blogger Tag Cloud Widget

Here's a simple hack for a custom Blogger widget. This is the code for the simple tag cloud. Feel free to copy and modify the source as you see fit. It's a mix of JavaScript and Blogger Code, so it is only functional as a Blogger Widget. Code: <b:widget id='TagCloud' locked='false' title='Tags' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content' style='text-align: justify;'> <script type="text/javascript"> //Variables: var max = 150; //max css size (in percent) var...

Read more »