Computer Guru: CSS

Showing posts with label CSS. Show all posts

Showing posts with label CSS. Show all posts

Posted by Prakash timilsina Saturday, January 23, 2010 1 comments

1 Add Yahoo Smiley Emoticons Above Comment Form

Thanks : Blogger Stop

For the DEMO goto to the END of this post
To put this goto blogger.com > Layout > Edit HTML

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

paste the below code just BETWEEN the above codes

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

Now search

</body>

And paste the below code just above the above code

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/smiley.js' type='text/javascript'/><noscript><a href="http://bloggerstop.net" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Now save template

Thanks [BloggerStop.Net]

Posted by Prakash timilsina 1 comments

1 Blog Transfer

Do you want to transfer your blog to another e-mail Id or Another Account ?
Just follow the below steps
#Step 1.
Login to Blogger.com

#Step 2

Click on the Setting tab

#Step 3

Click on permission

#Step 4

Click on Add Authors

#Step 5

Enter the Email ID for you new Account and then just click on Invite.

#Step 6

Now log in to your new ID account then click on the confirmation link.

#Step 7

Now there a form will appears. then put your new email id there. REMEMBER : not the old one

#Step 8

Then Again login to your old Account then go to the same... i.e Setting > Permission then just give the Admin privilege to your new ID. then Remove the old one.

Thats it.

you are done

Posted by Prakash timilsina Friday, January 8, 2010 0 comments

0 For the codes

I have got a nice trick to write the codes in the blog..

if you want to write < then write < and if you want to write > then write >

Code decoration

If u want to put like this type of background in the codes then you have to perform the simple trick

Goto Blogger.com > Layout > Edit HTML

Now find

]]>

Now paste the below code just above that

/*code*/
div.code {
border : 2px solid #99cc66;
padding-top:-10px;
padding-left:25px;
margin:0 0 0 0;
line-height:15px;
border:dotted thin #008800;
font-size:13px;
color:#FF0000;
background : #fff url(http://i39.tinypic.com/a47lat.jpg) no-repeat left top;
}
coder {
border: 1px solid #ccc;
display:block;
padding: 4px 4px 5px 4px;
margin: 5px 0px 5px 4px;
font-family:"Courier New", Courier, mono;
overflow: auto;
text-align:left;
width: 480px;
}

thats it,

now if u want to publish any post with the codes then just add this tag just before the code

<div class="code">

Your Codes Here

</div>