Welcome To My

Welcome To My
Showing posts with label html code. Show all posts
Showing posts with label html code. Show all posts

Know What Is Unordered List And What It’s Use While Making HTML Table.


                          <UL> UNORDERED LIST                     

An unordered list is used when the items are not to be displayed in any particular sequence. The default bullet type for most web browsers is disc (small filled black circles), before the list of items. The list begins and ends with <UL> and </UL> tags respectively.

<LI> LIST ITEM


We can display the listed items in an Ordered and Unordered list by using the <LI> tag. The <LI> tag is an empty element that does not require a closing tag. For example:

  • To make an Unordered list, type <UL> before the list.
  • Write the <LI> (List items) tag before every individual item.
  • At the end of the entire list, type </UL>




Let’s look at the given HTML code

<HTML>
<HEAD>
<TITLE>INSERTING LIST</TITLE>
</HEAD>
<BODY BGCOLOR=”Green” LEFTMARGIN= 100, TOPMARGIN=25
<B><Font Size=”6” Color=”Yellow”> 5 Ds For Success
</Font></B>
<Font Size=”6” Color= White><UL>      
<LI>Dedication
<LI>Devotion
<LI>Discipline                                                    
<LI>Discrimination
<LI>Determination
</UL></Font>                                                           
</BODY>
</HTML>


How you can add animated featured post slider widget in your blog.



Today, I am going to show a widget which can help a blogger users, actually, it is an animated post slider widget which appear in your screen in slide. It automatically shows the recently added post. It is very attractive widget and help you to get high traffic in our blog. I know that you are becoming excited to add it. So, I am going to show you some easy steps to add it in your blog. 


  • Login to your Blogger account and open your Dashboard.
  • Then open the Layout > Add gadgets > HTML/Javascript.
  • Then, paste the below code in the body.

<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/2vjlzwj74ndavlm/NBT_Animated_Recent_Slider.css" />
<div id="NBTfeaturedpostside"></div><a href="http://www.newbloggertips.com"></a>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://dl.dropboxusercontent.com/s/ws9ldvtsjerwg19/NBT_Animated_Recent_Slider.js?"></script>
<script type='text/javascript'>
FeaturedPostSide({
blogURL:"mybloggerstorey.blogspot.in",
MaxPost:8,
idcontaint:"#NBTfeaturedpostside",
ImageSize:300,
interval:6000,
autoplay:true,
tagName:false
});
</script>


NOTE-

Replace mybloggerstorey.blogspot.in with your blog URL.
Change the time interval by replacing 6000.




How to add Comment Box in blogger's blog

Comment Box is like a simple box which you can appear at any part of the page.Simply copy this code.

<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
<textarea name="comments" id="comments">
Hey... say something!
</textarea><br />
<input type="submit" value="Submit" />

</form>


How to add Follow me on Pinterest on your Blogspot

For this,you must have your Pinterest account,it is connected to facebook .Now  follow the steps.

  • Open the site www.blogger.com
  • At the Dashboard Click Layout>Add gadgets>Add html.

Now Copy(Ctrl+C)this code and just paste in this box.
If you want to give title so give otherwise no.Now,the code is this:

<a href="http://pinterest.com/akashatfbk13/"><img src="http://passets-cdn.pinterest.com/images/follow-on-pinterest-button.png" width="156" height="26" alt="Follow Me on Pinterest" /></a>

Now replace "akashatfbk13" with your Pinterest username.