Posts

Showing posts with the label tutorials

How to create a Splash screen in blogger using jquery

Have anyone  noticed the  splash screen when you visited the apple website yes you should. By this inspiration Martin Angelov of tutorialzine created a tutorial on how to make a  Apple-style splash screens  using the jquery. So i decided to create a Splash Screen in blogger using the above procedure.Its awesome to have a Splash screen in blogger and follow the below instructions to integrate .to blogger.
6 comments
Read more

How to add Scrolling background to blogger using jquery

Previously i have done a tutorial on how to animate the header of the blogger  using spritely a javascript animation plugin for jquery. theirs even a template with the animation effect where you could download it   Spritely template  for blogger.Today i am going to use spritely javascript animation image effect with jquery to scroll the background.Scrolling background makes your visitors feel different while visiting your site.So lets start on how to add a Scrolling background to background using spritely.
Post a Comment
Read more

Image reflection Effect using jquery

Image
Adding reflection to images using jquery is pretty simple using the reflection.js from digitalia . previously in order to create a image reflection effect to images we have to use Photoshop or other editing software to do the trick.This reflection.js adds a reflection to the images onload of the site so prevent the using of photo editing softwares. Reflection.js is a JavaScript image effect utility available in both jQuery and MooTools.Reflection.js creates a CANVAS element and constructs the reflection within the canvas to the images. Demo
1 comment
Read more

How to add Mp3,Mp4,Ogg,Wav files to blogger using HTML5

Image
How many of us know that the new blogger templates are HTML5 templates,In order to find whether yourtemplate is html5 look for the doctype, if the doctype is  <!DOCTYPE html> then your blogger template is HTML5 else your doctype should look like this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> .So we have to take advantage of using the features of HTML5 new tag elements.Most of the blogger/blogspot users find difficult to add Mp3,Mp4,Ogg,Wav file format to their post.Their are lot of other ways to add the above mentioned formats using gadgets from google or using some other web apps.Why not we use the HTML5 audio and video tag elements to our post to entertain our visitors easily using these tag elements. HTML5 have more features  but in this post i am going look onto the audio and video tag elements.
2 comments
Read more

how to add prettify a syntax highlighter to blogger

Syntax highlighter is very much needed for blogs or website in order to show their scripts or code to be  highlighted to differentiate from script and the post. Prettify a google hosted  javascript and css file that allows syntax highlighting of source code snippets in an html page.Its much easier to install and loads faster than any other syntax highlighters.
Post a Comment
Read more

how to add flash page flip slideshow to blogger

Image
MegaZine3 is an open source, Flash drivenpageflip engine. A pageflip engine is a tool which recreates the look and feel of actual books or magazines on the screen.In this tutorial i will teach how to integrate megazine flash page flip slideshow to blogger.                                                           Download         Demo
11 comments
Read more

how to add Bumpbox to blogger

Bumpbox is another lightbox clone with a few advantages over other lightboxes - it supports not only all common media types but also PDF's.the integration and implementation on blogger is pretty simple.Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration.Bumpbox works in all major browsers, including IE6.
1 comment
Read more

how to embed a forum in website or blogger using tal.ki

tal.ki is a new web application for blogging and website to embed or add a forum for free easily.If you have created a website or a blog using blogger.A message boards for your website or blogger is necessary to interact with your users effectively.tal.ki gives a easy way to embed a message board i.e a forum to your software platforms both as well cms service and free blogging platform like blogger.Its just a javascript  that you need to copy to pages to enable the free forum.tal.ki also provides pro version with lot more features Plans and pricing
2 comments
Read more

6 ways of using Navbar in blogger

Image
What is the Navbar? The Navbar appears on all freely-hosted BlogSpot blogs. It is available in several colors, and is configured in the Template tab in Blogger's interface. article                                     Method 1        Toggle [ Hide/Show ] NavBar In Blogger/BlogSpot Blogs tutorial1       tutorial2                                     Method 2        Move The Blogger NavBar To The Bottom Of Your Blog tutorial       Demo                                     Method 3        Remove Navbar from your Blogger Blog completely tutorial            ...
Post a Comment
Read more

Blogging with google blogger-A starter guide

Image
What is a "blog"? "Blog" is an abbreviated version of "weblog," which is a term used to describe web sites that maintain an ongoing chronicle of information. video Selecting your Niche? " Niche blogging is the act of creating a blog with the intent of using it to market to a particular niche market. While it could be argued that all blogs are, in some form, a niche blog, the term as it applies to marketing refers to a particular kind of blog. "-wikipedia. video1      video2      tutorial How to create a blog with Blogger? video      tutorial
Post a Comment
Read more

Making your own chrome extension for your blogger visitors

Image
In this post, we are going to create a simple extension, which puts a small icon next to Chrome’s address bar, and, when clicked, will fetch any blog or website RSS feed and display a  preview of your's or others latest posts,tutorials, article.A preview of how it looks. Fuzionpro extension
Post a Comment
Read more