Blogger Templates

RSS Feed Homepage

Articles: 1, 2, 3, 4

adding text links(hyperlinks) and image links to your blog
2007-12-19 07:54:00
This post explains how to add hyperlinks to text,how to make hyperlinks open in new window.If you don't know what hyperlinks means?Hyperlink means a link which when clicked go to another section of document or webpage,etc.Here are a few examples:Put youtube videos in your blogDisable navbar in blogger blogAs you can observe the above links,when clicked go to another page.So,how to add the hyperlink,Adding hyperlink(open in the same window):Here is the sample code to do itTEXT HERE Example: put inplace ofTEXT HERE - Googletarget - google.comSo,the html code looks likeGoogleand the output will be GoogleHow to add hyperlink(open in new window):Anyone don't want their visitors to go away from their site.So,placing links which open in new window is very useful and very good thing to do.So,here is the codeTEXT HERE the output will looks like Google (If you click on the link,it will open in the new window)As you can observe,we added the attribute "target......blank" to make this happen.N...
More About: Links , Blog , Text , Image

scrolling text-marquee-html codes for bloggers
2007-12-19 04:26:00
This post explains you how to add Scrolling text(also called as marquee)to your blog sidebars,blog posts,etc.Another way to attract the visitors is adding some decoration to the site like scrolling text,etc.But,don't decorate it too much,particularly if your site contains too much text as it irritates and spoils the concentration of the reader.You can add scroll bars to tell your visitors what will be your next updates,popular posts,advertisements,etc.So,how to add the scrolling text in your blog,let me explain it:Adding simple scrolling text:Here is the code to add a simple scrolling text from right to left sidecode to simple scrolling textThe output will be like:Example 1:code to simple scrolling textIf you want some more attraction,then try these,Add a background color to the text,code to simple scrolling textExample 2:code to simple scrolling textYou can choose your background colour by replacing the hexadecimal code(#99ccff).Click here to see the codes of the different colors....
More About: Bloggers , Text , Html , Codes , Odes

Hexa decimal color chart for bloggers
2007-12-19 02:16:00
If your blog is looking poor,dull and lacking attracting the visitors,then you will have to spice it up a little bit by changing the colors of sidebars,header,blog posts, trying different combinations and see which color combination best fits your blog.You can change the color of the blog background,sidebar,etc...by going to(see the below image).But blogger provides limitied color codes.So,if you want another color that is not in that blogger list,then simply copy the code from the colour chart as show below.COLOR CHARTHTML CODE COLOR#000000#150517#250517#2B1B17#302217# 302226#342826#34282C#382D2C#3b3131#3E3535 #413839#41383C#463E3F#4A4344#4C4646#4E484 8#504A4B#544E4F#565051#595454#5C5858#5F5A 59#625D5D#646060#666362#696565#6D6968#6E6 A6B#726E6D#747170#736F6E#616D7E#657383#64 6D7E#6D7B8D#4C787E#4C7D7E#806D7E#5E5A80#4 E387E#151B54#2B3856#25383C#463E41#151B8D# 15317E#342D7E#2B60DE#306EFF#2B65EC#2554C7 #3BB9FF#38ACEC#357EC7#3090C7#25587E#1589F F#157DEC#1569C7#153E7E#2B547E#4863A0#6960 EC#8D38C9#7...
More About: Color , Bloggers , Chart

adding clickable pictures on blogger sidebars,blog posts,etc.
2007-12-18 17:31:00
This post shows you how to add pictures,clickable images,images(open in new window),etc.If your site is full of text,then it will spoil the look of your blog.So,if you add some pictures here and there in the sidebars in your blog,then it will give your blog a professional look.Let's see how to do it.Adding a picture(unclickable one):First upload your photo to any free image hosting site like photobucket.com.They will provide an url(link) directly to the photo.Take a note of the url and use the code below replacing the url( from http to jpg) in the code to your original one.(Set your own dimensions to suite your needs)The image looks like this(unclickable)Code to add a clickable image:Here is the code to add a clickable image(open in the same window)In the above code,kranthitips.blogspot.com is the target url(replace that url with your desired target url) andthe image url aswell(set your own image dimensions).The output image will looks like thisClickable image(open in new window):H...
More About: Pictures , Blogger , Blog , Posts

How to add background image to blogger header
2007-12-18 16:03:00
So, you want to add an image or a picture to your blogger header to give a unique look to your blog.Adding image to header is not a complex one,it is very simple.Before this,first take a backup of your blog template,so there is a chance to get back to your current template if you made any mistakes.1.First sign in to your blogger account>Edit html and scroll down the template till you see the below one and note down the width(sothat, you will have an idea of which image dimensions best fits your blog) In the above case, my template is minima and the width is 660 px.2.If you have photoshop or any other tools,crop the picture corretly to 660 px(width).If you don't have photoshop,then you can crop a photo by this free online tool Click here.3.So, your image is ready now! click the page elements tab again.Click on the edit button as shown below next to your blog name.4.And you will go to a window just like the below one.First select,the option whether you want to place the image behind ...
More About: Blogger , Image , Header , Background

how to submit blogger sitemap to google-useful tip for new bloggers
2007-12-18 11:19:00
This tip explains how to generate and submit blogger sitemap to google webmaster tools:Before doing this,let me say what are sitemaps and how they will help us.The reason we use them is,they will help google bot to crawl,index pages of your site and tell you if there are any problems when they try to index it.It also helps you to know,how many pages exactly are indexed,and what people searched in the search engine to visit your site.Let me explain the detailed procedure on how to submit your blogger sitemap to google.1.First,go to google webmaster tools and sign in with your gmail account.2.After you logged in, you will see this asking you to add a site.Add your blog url(ex:kranthitips.blogspot.com).Don't add with http or www.3.Next,it asks you to verify your site.It is just to confirm whether you are the owner or not.CLICK on the 'verify your site' link.Next,4.There are two ways to verify your ownership but, there is only one way for the blogger users to add a metatag.5.Copy the...
More About: Google , Blogger , Bloggers , Sitemap , Submit

Embed flash(flv,swf) files in blogger-useful tip for new bloggers
2007-12-18 04:22:00
This tip explains you how to embed a flash(FLV or SWF videos) movie in your blogger(blogspot) blog or any other blogs.Generally, most people prefer the simple code provided by the youtube to embed their videos.(If you didn't know how to embed/insert a youtube video on your blogger blog,please read thisHow to embed a youtube video in your blog).But,it is not unique content which will be availabel only on your blog.So,if you want to add original(raw) stuff like some interactive flash animations to your blog to attract the attention of your visitors,you will have to know this tip.First,create your flash videos,movies,etc and upload to your server.There are many sources which will allow you to upload your flash files,but most of them are not free.However, you can upload your flash files on Google pages for FREE.Simply follow the steps as shown in the below pictures.1.Click on the upload link which is at the right side after you logged into 'google pages'Next,I will show you an exampl...
More About: Flash , Blogger , Bloggers , Files

how-to-embed-YOUTUBE video,movie in your blog
2007-12-17 18:32:00
This post explains, how to embed(insert) a youtube video in your blogger blog:So,you want to embed a video(movie) onto your blog.The process is very simple,even a dummie can do it.If you want to embed your original video,then first sign up for an account in youtube and upload your video and get the embed code.Otherwise,you can easily embed any public youtube video in your blog.Go to youtube.com and search for the video.For example,if you want to embed a britney spears video,search it and copy the embed code on to a windows notepad or anything else.The following process is explained below with pictures for easy understanding.1.Go to youtube.com and search for your required video2.Copy the embeded code(ctrl+c) and paste(ctrl+v) it in windows notepad.3.Sign in in to your blogger acoount and click the New Post button and next,select the option 'Edit html' as shown below and paste the html code as shown below.4.Publish the post.That's it, as you can see now,the youtube video is embede...
More About: Video , Youtube , Movie , Blog

hide-disable-remove-blogger navbar from your blog
2007-12-17 16:51:00
Learn how to hide,disable or remove the blogger navbar(navigation bar) from your blog.First,let us see what blogger navbar is:Blog ger navbar allows users to easily navigate to other random blogs and it also has a feauture to search the blogs ,and mark any blog as spam.So,now you have a clear idea of what really a blogger navbar is.So, why so many people prefer to just remove the navbar inspite of the feautures it has like search,etc.Many people think that, it spoils the look of the blog,especially if your blog has differnet subtitle layout which looks too obvious to see for a visitor.Well, let me come to the actual point on how to disable or hide your blogger navbar.Below is the step-by-step procedure on how to do it with photos to make it easy to understand.1.Sign in to your blogger account and click the layout button next to your blog name2.Next,click the edit html tab as shown in the below picture.3.Add the below html code as specified in the below picture.#navbar { height: ...
More About: Hide