Skip to main content

Posts

Html tutorial: Image

Image is a graphical representation which is often used in web world to Increase the usability and attractiveness of website.In other words, it is or a kind of photographs. So question is how to include them in your webpage? well, thats very easy. image is included by img tag. Its syntax is <img src=""> Note: you need to specify the source by hyperlink asmentioned in my previous tutorial on html hyperlink tutorial For example, <img src="http://www.google.com/logos/bardsley.gif"> Result will be like, You may want to change the dimenstions of image by including height and width besides img tag For example, <img src="http://www.google.com/logos/bardsley.gif" width="450px" height="200px"> Result will be like, Here, px denotes pixel. You can also use % for percent but that may not work in all browsers or explorer. Thats why i suggest to work in pixel only.

Html Tutorial on Hyperlink

Exclusive Html Tutorial on Hyperlink on special demand of my blog regular visitor. Simple Hyperlink Code: <a href="http://www.yahoo.com">Yahoo<a> Output: Yahoo Explaination: <a> is known as anchor tag and used to inter link different web pages or topics on same webpage. Giving Title To Hyperlink Code: <a href="http://www.yahoo.com" title="Tahoo MailBox">Yahoo<a> Output: Yahoo Explaination: title in <a> tag is used to give text which gonna appear when cursor is placed on link. Open in New Tab Code: <a href="http://www.yahoo.com" title="Tahoo MailBox" target="_blank">Yahoo<a> Output: Yahoo Explaination: target=_blank in <a> tag is used to tell browser to open hyperlink in new tab Open In Same Tab Code: <a href="http://www.yahoo.com" title="Tahoo MailBox" target="_self" >Yahoo<a> Output: Yahoo ...

Add Star ratings widget for blogger post

Star rating helps you alot to know how visitors of your blog respond to any article.By this you will be able to know rating of each article or post,whether it is performing good or bad.Thereby take action to make it more lucid and attractive. Here is a procedure for adding star rating widget in your blogger, wordpress or typepad blog 1.Click on your blog platform. For blogger click on blogger icon 2.Select the language,for International audience,Select english Registeration is optional 3.Click on Get widget Now 4.Click on agree to terms and condition after reading 5.Now you will be redirected to blogger.com And will confirm whether you want to add star rating widget or not Visit Star Rating Widget Note: If you are using heavy graphics in your blog.it is always advisable not to use this widgetas it slows down a bit.Any comments will be highlt appreciated

Add and Share Social Bookmark Button creating websites

let me tell you,fastest way of getting lots of traffic and high ranking is by getting your website or blog times Bookmarked by users on social bookmarking websites.But most of the users don't know what are social bookmarking websites and for what purpose they are used. These websites are used same web address of a website or article .Say if you found new website but its name is difficult to remember or is large.Then save the webaddress to notepad or bookmarkmon their browser.But what will user do if he have to access that website on other computer.Social Bookmarking websites are the answer.Save those Bookmark on these websites. List Of Social Bookmarking websites button creating websites:- Addthis Addtoany Bookmarkbuton Blogsocializer Onlywire Posttoaster Seoscores Sharethis SocialMarker Socibook Socialposter Tagbug Toprankblog https://www.e-mailit.com/en/ If you know any other website which deserves to be on the list then please mention it by comment.

Embeding pdf-doc-docx-ppt-pptx-xls-xlsx in blogger

Here is a most awaited tool with which you can embed almost every file format * Documents: Word (DOC/DOCX), Excel (XLS/XLSX), PowerPoint (PPT/PPTX), WPD, ODT, ODP, ODS, PDF * Images: GIF, JPEG, PNG, TIFF, BMP, PSD * Vector Graphics: API, EPS, PS * Text: TXT, RTF, CSV * Code: HTML, SQL, JS * Web: Web pages or other URLs But they limit file size to 20MB But offering you features like customizing the size, background color, and other viewing options in the customize screen when creating your embed. You can do Private as well as public sharing You can even delete your file if needed. Visit embedit.in

Recent comment Blogger widget

Here is a method of adding recent comment widget 1.Login to your blogger account 2.Click on layout 3.Click on add gadget 4.Click on feed 5.Put your blogs feed address http:// YOURBLOG.blogspot.com/feeds/comments/full Replace YOURBLOG with your blog name For Example Technofreak-cooldude.blogspot.com/feeds/comments/full

Embeded Picasa Web Album Slideshow in blogger,Working

1.Login to Picasa Web Album Note:-Every Image you upload on blogger is uploaded to picasa by default You will see albums if you have uploaded images more than 1 blogger blogs 2.Click on Picas album picture 3.Click On Slideshow 4.Note down the Web Address of the Album from address bar (where you type the address of the website) 5.Paste the following code any where in the blog. <iframe src= 'http://picasaweb.google.com/puneetmcmahon/BollwoodWallpapersAndPicsCollection#slideshow/5331788516701924898' scrolling="no" frameborder="0" style= "height:340px;width:400px;" > </iframe> Change code in red according to your needs. http://picasaweb.google.com/puneetmcmahon/BollwoodWallpapersAndPicsCollection#slideshow/5331788516701924898 is web address of album replace it with your album address, adjust height and width according to your blogger template 6.If want to put it in sidebar a)login to blogger b)Click on layout c)Click on add gadget/element d...