How To Make A Website Without Any Coding Knowledge - Joomla! Video Clip
How To Make A Website Without Any Coding Knowledge - Joomla! Video Clip
15 January 2008
How To Make A Website Without Any Coding Knowledge - Joomla! Video Clip
14 January 2008
Basic HTML and CSS Tutorial. How to make website from scratch Video Clip
Basic HTML and CSS Tutorial. How to make website from scratch Video Clip
Basic HTML and CSS Tutorial. How to make website from scratch Video Clip
13 January 2008
Customizing Your Blogger Template Video Clip
Customizing Your Blogger Template Video Clip
Customizing Your Blogger Template Video Clip
12 January 2008
Creating a Blog List with Blogger Video Clip
Creating a Blog List with Blogger Video Clip
Ever wanted to add a blog list or blogroll to your blogger blog? Check out this video tutorial!
Today we’re releasing a new page element for Layouts blogs: Blog List. The Blog List improves on our Link List page element by using blogs’ RSS and Atom feeds to show update times, post titles, and snippets.
Use a Blog List to put a blogroll in your sidebar, or make a few to categorize the blogs you read. The Blog List works well for any page that has an RSS or Atom feed, so you can get creative: link to news sites, podcasts, Twitter streams, search results, or anything else with a feed.
Here’s a quick summary of the features that a Blog List gives you:
- Link to blogs, web pages, and feeds from your blog’s sidebar, with an optional favicon
- For pages with RSS and Atom feeds, Blog List can show last updated time, post title, and a snippet of the latest post
- Sort links alphabetically or by last update time
- Show all links, or hide some behind a “show all” link
- Import subscriptions from Google Reader
- Blog List links are visible to search engine crawlers, so your blog’s PageRank and reputation flow to those you link to
Want to see it in action? We made a help video to walk you through adding and configuring a Blog List:
11 January 2008
Speed Up Your Blogger Page Load Time - Compress Your CSS
Speed Up Your Blogger Page Load Time - Compress Your CSS
You have to admit, most free 3rd party Blogger templates that you download are a mess. You open up the xml file and it’s a long and ugly-looking beast of code spaghetti. If you’re like me, you prefer a nice and neat template (even though you’ll be the only one seeing it) and you’ll want to tidy it up.
Most of the code you don’t want to tinker with but the .css code (the part that styles your entire blog with images and colors) is where some people like to change font colors, sizes, or even just space it out properly so it’s important that it’s not only neatly organized, but also properly aligned.
More importantly, did you know the more lines of code your template has, the longer it takes to load in a browser? So your 1,500 lines of code in your newest Blogger template could really be much shorter in size, thus speeding up page load times for your visitors. The slower your site, the more likely a visitor will be deterred and not wait for it to load up.
So here’s a neat trick to optimize your template. I’ve started doing it with some of the newer templates now being hosted on eBlog Templates. You’ll want to do what’s called “commpress your css” into a much smaller format. There’s a site I use called CSSDrive that offers a free web-based CSS Compressor. All you do is select a few basic options like compression mode and comments handling and then paste in your css. The css is the code between the <b:skin> and </b:skin> tags.
Make sure you backup your template code before doing this! Some people might not like how the css looks after it’s compressed so it’s best to have a backup. You also might make a mistake and copy the wrong sections which could screw up your template code. Bottom-line, backup your template before doing this.
After you click on the “Compress-it!” button it will go through your .css code and shrinks it down. Essentially it removes unnecessary white spaces and better organizes each css element into one line. Here are the results for one of the Blogger templates I compressed.
My xml Blogger template was originally 1,286 lines of code and after the css compression was done, it dropped it down to 914. Now that’s not a huge difference (14%) and you probably won’t notice a difference when you load up your blog with the new code, but every little bit helps. Also, some template code might be messier than others so the size decrease could potentially be a lot more.
I also just ran the normal compression mode and wanted to keep my comments so if you go with the super compact mode and strip out all comments, you can compress it even further.
This tool can be used for WordPress blogs or any other websites actually. Most of the Blogger templates I come across are the ones in need of a code clean up, however. So if you’re ready to give CSS Compression a shot, check out CSS Drive’s free tool and compress away!
Source : eblogtemplates.com
Subscribe to:
Posts (Atom)
