How to add stylish customised subheadings to blogger

Headings and subheadings are one of the most important parts in a post.Usually the readers don’t have the patience to read the complete post in one go.When the headings and subheadings of the post are attractive the readers may like to read it and the posts will be impressive.Also it gives a nice layout to the post,it will be very helpful to retain the visitors to the blog.

So for this,you should ensure that your headings and subheadings looks beautiful and stylish.For this I’ll show you how to make your headings,subheadings and minor headings stylish by CSS hover effect with colorful borders.

Please follow the below simple steps:

Customize your post title.

• Go to blogger dashboard>Design>Edit HTML
• Now press ctrl+f and find .post h3 and replace all of its contents with the code below.

/* The creator of this code is www.vmtricks.blogspot.com.com please don't change any thing without owner permisson */ .post h3 { text-align:left; font-size: 18px; font-family: Oswald; font-weight:normal; color:#000; padding: 3px 10px 3px 10px; text-shadow: 0 1px 0 #CCC; border: 3px solid #980303 ; -moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px;-moz-box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; -webkit-box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; margin: 15px 3px; text-transform: uppercase; line-height: 1.3; background:white; transition:background 2s; -moz-transition:background 2s; /* Firefox 4 */ -webkit-transition:background 2s; /* Safari and Chrome */ -o-transition:background 2s; /* Opera */ } .post h3 a, #content h1 a:visited { color: #000; font-size:17px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0 0 2px; padding: 4px 0 0; } .post h3:hover { color:#FFF; font-size:18px; text-decoration: none; background:red; border: 3px solid #000; }

Customize your subheadings

• Go to blogger dashboard>design>Edit HTML
• Press Ctrl +F.Find .post h2 and replace it with the following code below.

.post h2 { background: url("http://aux3.iconpedia.net/uploads/6930445441486693898.png") norepeat 2px center transparent; font-size: 20px; font-family: Oswald; font-weight:normal; padding: 3px 10px 3px 10px; color: #0274be; background:white; border: 3px solid #5bb5f0; text-shadow: 0 1px 0 #CCC; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; -webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; margin: 15px 3px; text-transform: uppercase; line-height: 1.3; transition:background 2s; -moz-transition:background 2s; /* Firefox 4 */-webkit-transition:background 2s; /* Safari and Chrome */ -o-transition:background 2s; /* Opera */ } .post h2:hover { background: url("http://aux3.iconpedia.net/uploads/6930445441486693898.png") norepeat 6px center transparent; background:#06F; color:#FFF; border-color:#FFF; }

Customise your minor headings

Minor headings in blogger use h4 tags.For its customization:

.post h4 { background-size:20px 20px; font-size: 12px; font-family: Oswald; font-weight:normal; padding: 3px 10px 3px 10px; color: #0274be; border: 2px solid #CCC; text-shadow: 0 1px 0 #CCC; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; -webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset; margin: 15px 3px; text-transform: uppercase; line-height: 1.3; transition:border 2s; -moz-transition:border 2s; /* Firefox 4 */ -webkit-transition:border 2s; /* Safari and Chrome */ -o-transition:border 2s; /* Opera */ } .post h4:hover { border:#5bb5f0; }

• That’s all guys.Enjoy!!!!!!!!!!!!

  For further help just comment down below.We will be releasing more stylish headings
  and more demanded tutorials and tricks soon.So stay updated and subscribe to our blog
  I hope you liked this tutorial.

  For any related queries please comment below.

Read More»

How to use your Own Handwriting as font in Windows 8

Using your own handwriting as fonts in your system will be quite interesting I think,because most of us have bored by using the built-in fonts in the windows system.So its time to use  different fonts that you like.Today I will show you how to make such different fonts with your own handwriting that can be used in your windows 8computer.

Using Your Own Handwriting as font in Windows 8

Using your own handwriting as fonts in windows 8 is just an effortless task.Please follow the below given steps and enjoy the beauty of your own fonts…

• First of all I’am introducing a website which provides the facility.So just visit MyScriptFont.com
• There you can see the below screen:

 

• Click on Template which will take you to a download link to download a blank template which contains the spaces for all letters.You have to fill the spaces with your own handwriting.
• The blank template looks like:

• The file that you will download is a pdf file.Just print it in an A4 paper and fill the spaces provided with your own handwriting.Care should be taken to make your fillings distinct and clear other wise it may be rejected.
• After filling all the required fields,scan the document.while scanning,make sure that the size of the file shouldn’t exceed 2MB.Also the file format should be JPG (JPEG) ,TIF or PNG.
• Visit the same website and click on the browse button provided.It will ask you to select the file.So you should select your filled out scanned template(image file).
• You can also give a name to your font.It is important to note the format.If it is already the True Type Format(TTF) you should not change it.If it is not TTF,change it to TTF.Then your task is almost more than half.
• Now click on “Send File” to upload your filled out template which will give your handwriting as the font.
• Now the system will show you new font.
• It takes sometime so don’t worry,be patient.
• Now your download is ready,so download your newly created font.
• Now you have to install it in your system.Installing the font is so simple,only you have to do is just copy the downloaded font file and paste it in the Windows Font Folder.So guys your task is over and ENJOY…… So what are you waiting for? Let’s give it a try and enjoy using your own handwriting as font in windows 8.

From The Editor's Desk...

This is one of the finest method to convert your handwriting to a font which can use in your computer.I have personally tested it and it is really helpful.

So my friends don’t forget to share your valuable comments.If you like this post please share it.If any query persists,don’t hesitate to ask .Your any type of queries are most welcome…………

Read More»

How to bring back the “start menu”for windows 8

   

Hai friends today I’m providing you one of the better softwares to bring back the start menu for windows8.The utility is capable of recreating the windows 8 desktop with ’start menu’.

Return the Start Button to Windows 8 using'Stardock Start8'.

Windows 7-style Start menu with Windows 8 enhancements

• Search for Windows 8-style (Modern UI) apps.
• Pin desktop and Metro apps to the start menu.
• Jump List support.
• Unified Search for apps, settings and files.
• Boot directly to the Windows 8 desktop.
• One click access to shut down, devices, music, documents, and videos.

Customization

• Optionally disable the desktop Windows 8 "hot spots"
• Supports WindowFX 5.1 start menu animations (currently in beta)

 

System Requirements

• Windows 8 or Windows Server 2012

Download Stardock Start8

Download patch

Read More»