Hello all 🙂 .. Welcome to this blog >:D< ..Its now possible to add yahoo smilies like =)) , :-? , :O3 , and many more to your blog by using the without using the <img> tags. You can type in : ) to get the :) ... in short you can use the same keys as you would use in the yahoo messenger to get the appropriate smileys <:-P.Thanks To Aditya of Last Word..it was he who first developed this with basic set of smileys..However i have modified the script so as to accomodate all major yahoo SmileysThere are about 85 such smilyes #:-S (including the hidden smileys). you can use the same keys as listed in Yahoo Emotions and Yahoo Hidden Emotions.
For your refrence i have a TEST POST FOR Yahoo smileys thorough scripts… If you see the “View Source ” you will not be seeing any <img> tags. B-) .. instead you will only the yahoo smiley-keys… which are replaced wiht the Smiley pictures when viewed in the browser. \:D/This way you need not memmorise any new keys to get the smileys on your blog.
If you wish to use this in your blog, follow the instructions
If you wish to use any of yahoo the smileys here in your blog.. follow the instructions carefully
- SAVE AND BACKUP YOUR TEMPLATE
- Add<script type=’text/javascript’ src=’http://deepa7476.googlepages.com/DeepaSmiley.js’></script> above the </head> tag
- Save and start posting
- A Word of Caution
- I have seperated the characers with a space in the middle. . you can write them as continious cahracters to get the smiley
- If you are seeing borders around these emotions that appear in your posts then change this
.post img {
padding: 4px;
border: 0x solid #cccccc;
}
I have Slogged pretty long to get this script working..so if you are using this script kindly link back to this post as an appreciatoion for the effort taken.This gesture of your appriciation will motivate me to take up new challenges.
So.. 🙂 Let me see if the emotions work in comments as well :-W..wish me luck =;
Yes.. The emotions show up in the comments when viewd using the post url.. however comment popup does not display emotions
Hello,
You are doing gr8 job!!
Hats off!
Tahnk you Raj..
Glad you liked it
Deepa,
I tried to post my comment here and it said cannot be processed.
I need help changing the width. I tried several times and as its rounders template, sometimes the lines either go out or stay small inside the layer.
Priya..what are u trying to say..?
……………………….
I tried to post my comment here and it said cannot be processed.
………………………
Well.. i can read your comments here
………………………..
I need help changing the width
……………………….
Widht of what?
Deepa,
I think google/blogger is playing hide and seek to post comments. I just want to change the width to wider screen resolution. Sorry for not being clear.
Priya.. to make the layout of the blog adaptable to the screen resolution of the user its wise to use the % than Px..
Shall be writing in detail about this soon..hang on for a couple of days
Deepa:
When I include the code for emotions I get this message-
Please confirm that the following widgets should be deleted. All the widgets’ configuration data will be lost.
Navbar1
Any clues??
Priya..
A Word of Caution
This may prompt you to loose your Blogger Nav-Bar
I will underline and make this line bold in the post
Deepa,
I just added these emotions in my page. Just wanna let you know.
How do I add the back to bloggger code??
Deepa, don’t bother about the blogger code. I figured it using the add page element.
But with emotions I still need your help as the square box appears even after adding the the code you said. May be I placed the code little different. Do check it when you have time.
Priya.. you have two post img{}..I think instead of changng the existing post img{}, you added a new post img{}
They are located at
.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid #bbbbbb;
}
blockquote {}
and
.post img {
padding: 4px;
border: 0x solid #cccccc;
}
.post-footer {}
So you can delete ither one.. or change the border to 0 on both
Forgot to tell ya, it works fine and thank you:)
Sorry Priya..
If only u had done the changes one day later..
OR..
If only i could have figured out the changes one day earlier…
your Blogger navbar could have been saved..
I will try to scavenge inorder to retrive the lost NAvbar
Deepa,
Have you already registered with tamilzmanam. Youc an also checkout thenkoodu.com where youc an register your tamil blogs. If you have already done, its ok.
Yes priya..i had registered my tamil blog with botn Thamizhmana and thenkoodu..thanks 🙂
Hello there!
I just wanted to drop in and let you know there is one teeny weeny mistake in your post.
It is not ‘Deepak’ of The Last Word, it is ‘Aditya’ (namely, me) of The Last Word, who developed this hack 🙂
Thanks for using my hack!
Cheers!
Hi Aditya
I am very much sorry for the goof-up,.perhaps i was loking up 2 diffrent posts and messed up the author name
Thank you for telling me.. will correct it right away
Hi Deepa,
Added as per the instructions however the smileys don’t seem to work….
Can you advise?
Tks in advance.. and can I add a link at my blog to your site?
Cheers,
JoJo
Hi jojo..
the smileys are working..I can see the smilies in this post of yours
Sure you can back link to .. you made me extra glad by saying this 😀
Thank you Deepa for leading me to this post. I may not use the emoticones at this time but I will maybe in the future.
One thing I wanted to say is that the emoticones take a little time to load.
Hi Marguerite
thanks for dropping by..
Yes,,its true emotions do take up little xtra time..but then.. they must be used only where its absolutely needed–like a pinch of salt…well..Cant help those who want to put all the emotions in the same post (at every post).. can we..
All it works in post and comments,
Nice and thnks great job and I apprecaite all your work, I like your blog 🙂
but I would like it also to be working in side bar too….
So,help me pls
Hi..Version-beta
Welcome
The smileys also work in the sidebar
In case you have not noticed in my blog…the sidebar also displays smileys..Try giving a test-txt-contnet in your sidebar..
Glad you liked this space
thsnks for dropping by
Hi Deepa,
I included ur script in my blog, but the smiley are not coming in the post. Is it available only for new templates?
Yes, Nirmal
The Script uses InnerHTML which communicates only with new blogger..I am surprised taht you are still in the old blogger..
Sorry.. i could not help you there 🙁
Yea..I’m still using the old blogger because I didnt get any good templates for the new blogger. I liked the current template which I’m using. Moreover I need to code for all the page elements (widgets) which are used in my current template.
Further I didnt get enuf time to code for a new template.
Anyway thanks for the response.
Nirmal
I would suggest that you start with a 3 colum template ..IN test blog and start moidifyng it.. till it reaches the exixting appearence
As for the sidebar widgets..
As in Classic template..you would have added the links manually in the template..you may copy each sections and inidivually use as widgets..I found it triresome.. the first time.. now i am loving it.. to be able to modify each one.. indivulayally
I have given a guide for template with ref to my template..Mya be this will help u to organise u r thoughts on modifying the 3-colum template u have started with. If it may intrest you.. my 3 col template for downlaod
hi deepa, thanks for this hack. It is useful for me to express my feeling. 🙂
I’ve used this hack and share to my reader in indonesian language. You are linking in my blog.
Cheers.
i’ve put your link in Blogger Hacks. 😉
Welcome Joni..
I am lgad that you liked and successfully implimented this hack..btw.. what is the language used in your blog..(i am not aware of the local language in indonesia) 🙂
hey deepa, i added ur script at my page, but ur smiley is not in line with the text, somehow a little suspended, can you help me about this?
thanks in advance! 🙂
Welcome Roel
As I dont have the url were u are using the smiley..Do chekc if u have this in your template and make appropriate changes
.post img {
padding: 0px;
border: 0px solid #cccccc;
vertical-align:middle;
}
If you dont have this.. you may add this to your template
Hope this helps
Deepa
very nice deepa! padding 4px is the culprit! anyway case dismissed! =D>
here’s my URL: http://r0el.blogspot.com
BUT never mind visiting it, UNLESS you know Filipino language =))
Hi Roel..
Glad the problem got fixed..:)
thank u deepa. i’ve added it to my template, and its really a very nice work. hats off!! 🙂
അനിയന്കുട്ടി :-
Glad you liked it and works upto your satisfaction
Deepa,
you are doing a great job.
I reserve my gratitude for coming and commenting on my blog.@};-
Vanaja..
Welcome
thank u for the appreciation
This is healthy bit of information. Thanks for the pain taken. 🙂
Welcome ശ്രീജിത്ത്
Glad you liked this. dont forget to backlink.. your appreciation is my motivation 🙂
thanks..it works in my blog..
മൂര്ത്തി
welcome
Glad you liked it
thanks for showing the hack. Appreciate it. Now, if only we can put smilies in the comment popup, that will be great..but I guess this is hard to achieve since this is based Blogger code.
anyway, it works on my blog :).
Welcome Hafiz
Glad you enjoy this hack..
its true u cant enable this in the comment popup window..as blogger uses a security token…
Deepa,
The emoticons in my post seem to insert one blank line wherever they are used.(www.workinginsaudiarabia.blogspot.com). What could have gone wrong?
Raju..
I dont see any linebreaks in your blog
However i think this would correct the image and text positioning
locate this in template
.post img {
padding: 0px;
border: 0px solid #cccccc;
vertical-align:middle;
}
If you dont have this.. you may add this to your template
Hope this helps
Deepa
Thanks so much, Deepa. The problem is now solved.
Hi Deepa
I used ur script on my blog page
askiblogspot.blogspot.com
all the smileys except 😛 where working, pl do let me know wat is de prob?
Cheers
Aski
Kutchu
Thanks for pointing out the error..
i have fixed it.. hope now u will not be having any problem..
dont forget to backlink to this post..Your appreciation is my motivation
at the cost of being naive i am again asking a silly question. how do i give a backlink to ur blog?
Kutchu
I see that you have already lined to this post in your blog..
back link = linking back to a certain page
Nvertheless.. hereis how to link :-
In posts or / sidebar text OR HTML widget
Just type the text you want to appeaar as link…. select that text only .. click on the globe-like-thinggy-.. this will give u a popup box.. just enter the URL you wish to link to… very simple..
hope this helps
It works, Deepa. Thx again. There is only une problem: there is a frame around the smileys. if i change the parametres you said, the frame of the other images of the posts change too.
I’m gonna to put a link to your blog in my blog. 🙂
welcome ininde..
Glad you were able to impliment this & has made u happy..
///////////////if i change the parametres you said, the frame of the other images of the posts change too.//////////////////
i suggest that u do the chages to post img { }
andd when u add any pic in ur post.. you cna add border to them from the edit html page by
<img src=”url of the pic” border=”1″ />
the catch is.. u will have to add BORDER=”1″ INDIVIDUALLY to all img tags..
Let me try if there is a work around this.. till then bear with this
dear deepa maam,
i added the first ag
but my .post img {…. looks like this
“.post-footer { margin: 0; padding: 0px; font-size: 88%; color:$footercolor; }
.post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #cccccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.feed-links { clear: both; line-height: 2.5em;}
.blog-feeds { text-align: right;}”
when i am leaving this as it is!! so many smileys are appearing in my post.
plz help me in this regard!!
Welcome குட்டிபிசாசு
I saw your blog http://kummionly.blogspot.com/.
///when i am leaving this as it is!! so many smileys are appearing in my post.////
I dont see “too-many smileys”… just on places when you have aded 🙁 and :)) :))…
If you have any particular post that is giving you trouble.. please give me that url
I shall look into it
தீபா,
i removed your smiley tag when u checked.
now i added ur smiley tag, in firefox its showing so many :p (tongue) smiley in all the posts. but i didnt give anything. in IE, its showing “< < <<" like this. whether is it due to fonts or browser? i am theeniuni font. this is one of the url:..
http://kuttipisasu.blogspot.com/2007/06/blog-post_21.html
குட்டிபிசாசு
I see lot of <o: p > tags in your blog its the : P . that is getting converted to smileys…what is the purpose of tags<o: p >
Moreover…i see this at here http://kuttipisasu.blogspot.com/2007/06/blog-post_17.html
<!–[if !supportLists]–>1. <!–[endif]–>பக்கெட்(Bucket)
<!–[if !supportLists]–>2. <!–[endif]–>2 கிளாஸ் (குடிக்கும் நபர்களைப்பொருத்து)
<!–[if !supportLists]–>3. <!–[endif]–>சரியான அளவு
<!–[if !supportLists]–>4. <!–[endif]–>5 (அ) 6 ஊதுபத்தி (இல்லாட்டி அக்கம்பக்கம்
<!–[if !supportLists]–>5. <!–[endif]–>சைட்டிஷ் (இதுவும் பொருளாதாரம் சம்பந்தப்பட்டது! நாங்க ஊறுகாய் விரும்பிகள்)
I guess you were trying use the list like
1.
2.
3. … for this u need to use the <ol> tags…. Seehere for putting lists (Instructions in Tamil)
Deepa,
thank you for your reponsible help.
i used to type in MSword and copy for posting.
i didnt enter any< o:p > tags in my post. then how its coming i dont know.
///
I guess you were trying use the list like
1.
2.
3. … for this u need to use the tags….
//
yes, i tried for that.
குட்டிபிசாசு..
I would suggest that you write your posts in Frontpage and then copy paste from the “preview mode” for normal paragraph texts
For list itemst.. u can copy paste from the “HTM” mode”..
this way u can avoid all those unwanted tags taht come in MSWord
@ deepa,
thanks for your responsible answers.
great Deepa,
how to make it (smiley pics) disappear on my print (css) page result?
Dani
Welcome..
I am sorry.. that it will not be able to remove the smileys from the printpage.. however.. if its the text that needed to be printed without any pictures/ graphics..
Select & copy from the page – paste in Notepad – copy from notepad – paste in MSWord… then print
If u copy paste directly from html page to Word.. then all then images – formatting will be carried to word..whrein.. you will have to manually locate and delete the pictures
Sorry cant help u there
Hi deepa.. i im having problem.. not working 🙁 but others can.. Arghh im stuck! 🙁
iEn..
Welcome
The scripts are working just fine..I left a comment at u r test blog..
If you are the only person who is not seeing the smiley..then try clearing your cache.. Tools – internet options -delete cokkies..delete files.. clear junks from ur sytems..restart and then say
Glad you liked this hack..I see that you have uploaded my scripts to your google account..Browse around and let me know if u have prob with any other hacks..
Nice to meet yoou
nooo! that blog is okey, but another 1 my blog iEn’s Blogspot <--- that one not OK. i type for ":D" but it doesnt work.. is it because of expandable post??
hi bro.. i change my mind.. just put the smiles on my second blog.. first blog it’s ok.. let it text only lol.. thanks for visiting.. still looking around inside ur blog.. 😀
ien
**hi bro.**.. a small correction.. its Sis .. hehe..
Glad u liked my space.. thanks for telling me
owh.. sorry sis!! hehe.. by the way, refer to ur comment in my blog, that’s a normal to add a link.. but my question is.. how to add or create link just like you?? I mean below Post a comment. So it’s easy to me to look it back if i have problem.
ien..
The links that you see below “post a comment”.. are called backlinks.. ie.. the following posts ( the list that you see) have been linked-back to this post ( ie here,.. yahoo smilye post).. If you see my post on “How to add audio”.. you will see another list of links.. meaning.. those posta are linked-back to the post under which they are displayed..
Whenever someone links to any of your posts.. those links will apprear automatically in your post-page. All you have to do for this is tempalte-pagelement-blogposts-edit- “show links to post”.. thats all
Hi Deepa..Hats off to u & Aditya for doing this gr8 job…
I hav backlinked ur blog & Aditya’s too.. 😉
Howeva I hav a small prob…lyk smilies dsnt show up in comments yaar… ny solution to overcome this?? I am sure someone must hav had the same problm but am really out of tym to check each n evry comments.. 🙁
so I wud b grateful to u if u can explain me tht.. thnx
Btw My blog is http://www.hash-rocks.blogspot.com
Hashim
welcome..Glad u liked this
Yes.. The emotions show up in the comments when viewed using the post url.. however comment popup does not display emotions
Hi Deepa i have added the script to my blog. Thank you very much. But i have a problem. The smilies are not getting displayed in the title of my posts???
Can you help me out with this?
I have one more prob too…the smilies are not in line with the text…they break a continuous line in between…you can understand wht am trying to say more clearly if u see my blog…http://www.vradhikachoudary.blogspot.com/
and i dint find any .post img{} in my template…i just went mad searching for it to remove the borders….
can u please help me on these…
great work. love it!
Welcome Hanri.. glad u liked this
dont forget to link back…
yeah i already back linked it in my comment 😀
but now it seems the bandwidth limit has exceeded.
Hanri..
Sorry for the bandwidth problem…
Please download the script file by typing http://deepa7476.googlepages.com/DeepaSmiley.js in IE and save the js file to your system.. Upload the same file to you personal googlepages account (www.googlepages.com) — rightside BROWSE – upload
then provide the URL of the script file in your account.. this should solve the badwidth problem
However, I am sorry for the inconvenience
hi deepa…
this is wonderful..:D
but i gotta problem here..
in my test blog it works, but in my blog i can’t see the smileys….
can u help me?
@fizi
welcome here..its indeed strange that the script is working in one and not in another…i also see that you have hosted the script in your googlepages account to avoid bandwidth problem..normally, this should solve the issue..
i will look into it.. btw.. are there other files in your googlepages accounts that are being used frequently,..just a thought
wish you and family merry christmas and happy @prosperous new year
Deepa ..
i’m kind new on blog here i’ve tried your hack but still not showing on my blog could u please take alook where i do wrong ?
here are my blog http://delphishack.blogspot.com/
@Guyinwonder
welcome…its strange why its not working..guess u have already uploaded the file to your googlepages account (coz mine seem to exceed badwidth quite often)..
..will get back to you ASAP
I cant see smileys…neither in your posts nor in the comments. (comments using these scripts will not work)
Looked at your file. U did the same thing but didnt use body onload function. I agree that sometime using body onload may be conflicting. But, this is no excuse for using mumbo-jumbo…u can just replace the body onload by the div onload where div contains the blog posts.
Your script is good.
But, if someone is using custom template with different class name. Then your approach will not work. There are always pros n cons of everything.
Better thing is to use greasemonkey scripts while composing post and hence replaing everything with img tag. but, then it also has its pros n cons.
And yaa..I’m not offended. 😉
I’m happy that u came to my blog..even though it was in hindi. (See you got 48 comments and me…jabki i did it so long back) 🙂
Regrads,
vikash
p.s: adding the comment popup on the page is a nice idea. But, the frame is so cluttered. It’d be better if could control styles within the Iframe. 🙁
and yaa…!
U said to someone that the script wont work in old blogger template. It will u just need to edit ur script and change the class names accordingl- I suppose. 🙂
Hi vikas
Welcome here.. and thanks for the appreciation
I cant see smileys…neither in your posts nor in the comments. (comments using these scripts will not work)
Yes, this so happens if there is an overload.. hence i have requested may to dlaoad and upload to their own googlepages account.. so depending on my googlepages bandwidth , this shows the icons.this is a bandwidth problem for me
u can just replace the body onload by the div onload where div contains the blog posts.
perfectly agreeable.. but then , not all users are able to do this themselves ( they just want “a feature” , but are apprehensive to do it themselves)
I totally agree with you on greasy monkey scripts.. ran into some roadblocks.. so got it deleted.
I’m happy that u came to my blog..even though it was in hindi. (See you got 48 comments and me…jabki i did it so long back) 🙂
hey! .. thats what blogger’s do .. isnt it.. 🙂 .. recently i have been blogghopping and bumped to yours..
Dont worry about the comments..there are (willbe) many who would want to thank you for the smiley script. btw.. i posted this on 24,jan2007, when was yours..i dont see any date stamp.. hence this question.. hope you dont mind
about the comment pop up..i have the choice to have it or delete it… but not modify its appearence.. this is blogger’s popup and uses security token from blogger.. yes i too understand it being cluttered.. may be someday i delete the inframe
about the old blogger, i still doubt if anyone is still using it
Thanks for dropping by, you are very cordial.. Many ppl take offence when someone asks about technical stuff about their work.. i wish everyone had your kind of attititude
Takecare!
Deepa
दीपा जी
बड़ा बढ़िया और काम का जुगाड़ बताया आपने।
मैने यह कोड लगाया बिल्कुल सही काम कर रहा है परन्तु जब स्माईली के उपर से बॉर्डर हटाने की कोशिश की तो पाया कि मेरे HTML में .post img {
padding: 4px; है ही नहीं!!
कोई दूसरा तरीका हो तो बतायें!
धन्यवाद
दीपाजी
आपके अन्य पाठकों के कमेंट देखने के बाद मैने यह कोड जोड़ दिया
.post img {
padding: 4px;
border: 0x solid #cccccc;
}
परन्तु कोई फर्क नहीं पड़ा, आप यहाँ देख सकती हैं।
कुछ हम कहें
निहार जी ,
.post img {
padding: 4px;
border: 0x solid #cccccc;
}
में 0x के बजाय 0px लिखना था ||