Posts

Showing posts from September, 2014

How to Create Custom CSS Template for Printing

Image
Along with the development of web technologies and web programming languages, web designing becoming more complex and the websites more flexible and user friendly. With the invention of CSS technology, web designing and programming becoming more easier than ever. By using cascading style sheet (CSS) and its properties, you can give custom design to your website for different medias like screen, print, tv and for different screen sizes. The CSS @media property allows you to do such task. Today I am going to describe "How to create custom CSS template for printing". Designing Custom CSS Template for Printing If you wanted to allow your website visitors to print the content of your website, you can design custom template for printing using CSS. You can define which part or your website will be printed or not and can add page setting for printing. Here is a sample CSS code for website template. body{ background:#00aaff; font-color:#00000; font-size:16px; } h1

How to Create Responsive Website or Blogger Template

As the time goes, browsing websites from desktop computers decreasing and using Laptops, Tablets and Mobile devices increasing day by day. So why not to create our website design custom for each types of devices, that fits and looks more attractive for those devices to acquire the visitors entered from those devices. Responsive web design is the approach that suggests in which design and development should respond user behavior and environment based on the size of the browser screen, platform and orientation. Responsive web design includes the use of flexible layouts, images and intelligent use of media queries. You can make your blogger template responsive by using special tags in CSS. Media queries (@media) are such tags, which helps to make your CSS for every device screen size. You can make many media queries on CSS that matches for each screen size and you can put custom CSS codes for each media queries. Here I have explained some steps for creating your blog responsive. Step1: Ad

How to Create Simple Blogger Template Easily?

To create successful blog, it needs to create blogger template more attractive and looks more professional. Even you can buy professional blogger template on the web, you may want to create blogger template by yourself for your blog. Creating a professional blogger template is more challenging task, but if you have some knowledge on HTML, XML, CSS and JavaScript , it is possible to create professional blogger template easily by yourself. In this series of tutorial, I am going to teach you basic to advanced steps to create blogger template. Today I am telling you "steps for creating a simple blogger template" with describing basic elements and along with its corresponding style sheet codes. Step1: Preparing demo blog for creating blogger template To test blogger template you have created, at first you need to set up a blogger blog and have to add some posts on the blog. To create a blog, go to blogger home page , log in using your Google user name and password and then click

List of Top 10 Video Sites

Here are the List of top 10 and the best video sites includes top video websites like youtube.com. 1. Youtube.com: YouTube allows billions of people to discover, watch and share originally-created videos. YouTube provides a forum for people to connect, inform, and inspire others across the globe and acts as a distribution platform for original content creators and advertisers large and small. Site's Information: Google Page Rank: 9 Alexa Rank: 3 Google Indexed: 379,000,000 Google Plus: https://plus.google.com/+youtube Website: www.youtube.com 2. Vimeo.com: Vimeo is a video-sharing community for original creative work and the people who create it. It gives the best ways to share, discover, and be inspired. Site's Information: Google Page Rank: 9 Alexa Rank: 100 Google Indexed: 187,000,000 Facebook: http://www.facebook.com/Vimeo   Twitter: http://twitter.com/Vimeo   Instagram: http://instagram.com/vimeo Tumbler: http://vimeo.tumblr.com/  Website: http://vimeo.com/ 3. Dailymot