I'm a geek gamer, a web designer, and a web developer. Currently working at Sedapur.com, a culinary e-commerce. I also built StackRoll — a simple Twitter scheduler and DapurMasak.com — a cooking website
You knew the meaning and use it for years, but you just have to make sure you get it right
Got my hands on the new Coda 2! Huge improvements from the previous version. I am going to try for the next 7 days before decided to buy it.
Are you one of those who impulsively buy something at the release date? :D
I was an impulsive buyer before, but now I have learn my lesson: use the Trial version as frequently as possible so that when I actually decided to buy it, I won’t get bored so quickly.
Use this tool if you want to know how Facebook parsed your web’s Open Graph meta data. You can check whether Facebook can get the right thumbnail from here, just like I mentioned before.
Tumblr’s utter lack of Gist support was pretty much a show-stopper for me, which is why this is my first post. In trying to figure out how to hack it myself, I ran across Jarred Grippe’s post describing how he hacked it. I refactored his solution a bit to add some error checking and a couple…
I also created a slight modification with the p selector, so you don’t have to add ‘.gist’ class anymore, it will automatically detect any gist URL anywhere in your content.
https://gist.github.com/1598377
Done!
So you got a blog that often get shared on Facebook. Most of us did it and the exposure is good, too. But the most annoying thing is, your Ads or other images are used as thumbnail in your post!
Out of 11 thumbnails from what Facebook has crawled, you only get less than 10% chance to get it right :D.
If you are on WordPress, use Facebook Social Plugins. Problem solved.
If not, then you need to learn some technical skill.
You need to generate Open Graph meta tag in your website:
https://gist.github.com/1598273
Use the og:image property to define your thumbnail image.
og:image - An image URL which should represent your object within the graph. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1. We support PNG, JPEG and GIF formats. You may include multiple og:image tags to associate multiple images with your page.
There, fixed it!
This occurence is quite common with Indonesian blog:
You pasted a link in your Status Update that only shows URL instead of Blog Titles, Descriptions, and Thumbnails.
This happened because your Blog is “out of reach” from Facebook crawlers. Most probably caused by hosting a blog in a server in your country, which is far away from the US.
Most hosting provider outside US usually gives you two options in their hosting plans:
The pros in local server is that you will gain unlimited local bandwidth. Since your only visitors is only coming from your country, this will benefit you more.
While the drawback is limited global bandwidth. Means that people outside your country will have great difficulties in accessing your website, including Facebook crawlers. Which is why it will failed to retrieve your blog content more often.
I must say that maintaining a blog is not easy. You must cope with software updates, testing plugins, and blog maintenance (hosting, server, database, etc.).
Recently I moved all my website into my VPS. But it doesn’t have enough memory to support WordPress installation. And I have pretty tight budget right now.
That’s why I’m going to have an experiment with Tumblr. I let them deal with those stuff. It’s not that I am not capable - I’m very sure that I am above average, its just that I don’t have time to deal with those stuff anymore.
Why not in WordPress.com? Because WordPress.com requires you to PAY for custom domain and custom CSS. Things that I found unreasonable and unwilling to pay for.
Moving all the articles is going to have some time, luckily it isn’t that much anyway.
Here it is, my blog: CSSAsyik.com I post most of my CSS tutorials here and in Bahasa Indonesia. Recommended for beginners in CSS.
—
The Sass WayMy wife and I, both of us, in the bed, thinkering with our own gadget. This is not unusual today, people with gadget is like people with food, they need it to alive.
We are considering an iPad.
Your clients might not understand the meaning behind those ‘lorem ipsum’ in your mockup designs. To prevent further questioning AND revision, why don’t you replace it with words that every people can understand? Instead of Latin, use English. And there are more ipsum-like services out there:
Why using ipsum? To shorten your time thinking what content to fill into your mockup design. If you doesn’t agree with this and prefer to write the whole content with meaningful phrases, leave me out of this argument since it will be pointless to discuss :D.
