Thursday 15 March 2012

Use Full Sized Pictures As Emoticons In Facebook Chat

18 comments
 
Well I guess you all are aware of the fact, that you can use profile pictures of people on facebook in facebook chat, using a simple trick. If not have a look at this:


But the problem with that trick is that the pictures that appear are really small and are hardly visible. It would be much better if we could use bigger pictures too. And its possible . Don't believe it? Try chatting with any of your friends on facebook and paste the following code there:

[[262286870522932]] [[262286900522929]] [[262286913856261]] [[262286923856260]]
[[262286950522924]] [[262286970522922]] [[262286987189587]] [[262287007189585]]
[[262287037189582]] [[262287053856247]] [[262287077189578]] [[262287087189577]]
[[262287097189576]] [[262287113856241]] [[262287140522905]] [[262287170522902]]

If done right you will see something like this.


Basically to do this you will have to slice the bigger picture into smaller parts, upload them separately and combine them together using the photo Ids in facebook chat. This is exactly what I am going to show to you in this post. At the end of this tutorial, you will be able to use any picture you want and turn it into an emoticon for facebook chat. Lets begin.


Use Full Sized Pictures As Emoticons In Facebook Chat:

Difficulty: Moderate       Time required: 10 min approx

I have divided the process in 3 parts:

1. Splitting the Picture into smaller Pictures

2. Uploading the Pictures to Facebook

3. Preparing the codes


1. Slicing the Picture into smaller Pictures:

You can use any tool to slice the image into smaller images. For this tutorial I am going to use a free software called Image Cut.

1. First download Image Cut from here.

2. Install it and then open it.

3. Once opened, click on the first icon on the left panel and select the image you want to use and click on open.


4. You will see that the image has now loaded. Next click on the 'Add Grid' button on the left pane. In the add grid window, choose the number of horizontal and vertical cells you want the image to be divided into. The higher the number you choose here the larger will the final image appear in facebook chat. For now choose 4 for both horizontal and vertical cells.

Note: The cells should be proportional to image's length and width.  For best result use a square image.


5. Now click on the split button in the left pane and a window will open up.

6. In the split window, select the first image and change the part file type to 'jpg'. Then click on the small icon with a tick on it in the bottom right corner of the window.




7. Choose the output folder and image subpath, Finally click on save parts.


To make sure everything worked fine open the folder where you saved the image parts. You should see 16 images there numbered 1 to 16 in the end. This completes the first step.


2. Uploading the pictures to facebook:

To use the image in facebook chat, you will first have to upload all those smaller images to facebook. For that you should preferably create your own facebook page. You can upload pics to your profile too but that won't be a nice idea. Creating a facebook page is easy and would not take more than 2-3 mins.


1.  First go to this link https://www.facebook.com/pages/create.php

2. Choose cause or community in the page type and name it anything you want. Check "I agree to facebook Pages Terms" and click on get started.


3. Skip through all the unnecessary steps. Keep clicking skip and next button until your page is ready


4. Once you get to see the main page, click on photos to upload the photos.


5. Click on "Add more photos", browse to the folder where the pictures are stored, select all photos and click on open.


6. Once uploaded click on post photos


This completes the uploading part.


3. Prepare the final code:

Now comes the boring part. In this step you will have to note down the Photo Id of each of the 16 images you uploaded earlier and then arrange them together. To help get through this step, I created a small program in visual C++ called facebook emoticon maker.

You can download it here: Download facebook emoticon maker

1. Now open the album where you uploaded the pictures in the last step and open the first picture:


2. Take a look at the Url of the picture. You will see something like this:

"https://www.facebook.com/photo.php?fbid=262286870522932&set=a.262285093856443.63246.262284137189872&type=3&theater"


3. The Photo Id is the number followed by '?fbid='

'262286870522932' in this case

4. Now open the program "Facebook Emoticon Maker" you downloaded earlier.

5. As soon as you open the program, it will ask you to enter the number of rows and columns. Since the image was sliced into 4x4 parts, enter 4 for both rows and columns here and click on OK.


6. Now you will see another window open up with 16 text boxes in it arranged in a 4x4 format. Copy the photo Id of the first image and paste it in the first text box.


7. Similarly browse to the next picture in the album, note its photo Id and paste it in the second text box. Repeat this step until all the 16 boxes are filled. Finally click on the generate button.

8. You will notice that as soon as you click on the generate button the text box in the bottom left corner is filled with some code. This is the final code. Right click in that text box, then click on select all and then finally copy it.



Now its time to test the code. Go ahead and start chatting with any of your friends and paste this code in the chat box and see what happens. What was their reaction???




This complete the tutorial. You can save the code generated in the end, in notepad or any other word editing software for later use. In case you find this whole process too tough, but still want to use any particular image in facebook chat, mail it to me at digital.worldzzz@gmail.com. And I will convert it for you and send you the code.


Feel free to ask anything in the comments section below. 


Thanks for reading.



Like this Post?? Click Here To Subscribe By RSS. Its free and won't take much time
RSS

If you would like to receive free updates by email, enter your email address below. No spam promised.

Enter your email address: Delivered by FeedBurner

18 Responses so far.

  1. Unknown says:

    What does it mean to “need some space”?

  2. Friends says:

    우리카지노는 대한민국의 바카라 업계를 장악하고 있는 카지노사이트 입니다. 우리카지노가 대한 민국에서 장악한 바카라 시장점유율이 50%가 넘고 10 년 넘게 온라인 바카라 시장을 장악해왔기
    때문에 대한민국에서는 우리카지노를 모르는 사람은 드뭅니다. 이런 바카라 업계의 독보적인 입지 때문에 늘 유명하거나 최고만을 찾는 사람들이 카지노사이트를 찾을때는 늘 우리카지노를 찾습니다.바카라를 처음 시작하시는 초보자분들에게도 우리카지노에서 카지노사이트를 시작하시기 좋은 환경입니다. 우리카지노사이트에서는 신규가입시 3 만쿠폰을 지급 해주기 때문입니다. 사람들이 늘 1 등만을 찾는 이유는 분명 있습니다. 다른 카지노사이트와는 달리 우리카지노를 이용하실시 에이전트를 끼고 게임을 하신다면 본사 이외에 활동쿠폰 및 오링쿠폰을 별도로 제공해주고 있기 때문입니다. 이러한 이유들 때문에 카지노사이트
    업계에서 바카라를 즐기신다면 다들 우리카지노를 선호 하십니다.
    카지노사이트에서 바카라를 이기기 물론 어렵습니다. 하지만 우리카지노의 에이전트를 끼고 바카라를 즐기신다면 승산이 있다고 봅니다. 우리카지노 에이전트의 연락처는 홈페이지로 연락하시면 언제든지 부담없이 소통가능 합니다. 카지노사이트를 선정할때는 바카라를 다른곳보다 유리하게 즐길 수 있는 카지노를 선택해야한다고 생각합니다. 그것이 바로 우리카지노 입니다. 이상으로 우리카지노와 바카라 카지노사이트 사이의 상관관계를 알아보았습니다바카라사이트.

  3. raju says:

    Need professional WordPress Web Design Services? We're experts in developing attractive mobile-friendly WordPress websites for businesses. Contact us today! https://just99marketing.com/wordpress-web-design

Leave a Reply