Techkeyla » wordpress

How to add Facebook Like Button in Thesis WordPress Theme

Sujoy — Sat, 24 Jul 2010 14:54:37 +0000

We all love the Thesis WordPress theme, and its multi-functional layout which can be highly customised. And we also love the Facebook Like button, which is in a way Facebook’s answer to the Tweetmeme button. So, why not I show you how to incorporate the Facebook Like button in Thesis WordPress button.

To do this, all you need to do is to go to your custom_functions.php file and open it in an editor. You can have a backup just in case things don’t go according to plan. Now, once you have it opened in an editor [ or in your dashboard editor ], add the following code.


function add_fb_like_btn() {
if (is_single()) { ?>
ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px">


}
else  { ?>
ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px">

}
}
add_action('thesis_hook_after_headline','add_fb_like_btn');

You can customise the layout of the Facebook like button by changing what I have inserted in the

Please leave a comment if it worked out for you or otherwise. And also, go ahead and hit the Like button on this post Cheerio!

[Image Courtesy: Venture Beat ]

Redesigning OKS-Part I~~ 1113 of Best Free WordPress Themes

Sujoy — Mon, 15 Dec 2008 03:18:42 +0000

Choosing the Right WordPress Theme

I hope you people might have noticed that I have two blogs, one is this- Techkeyla, and the other one is OneKnightStands or as most of my mates call it- OKS. It was launched alongside Techkeyla, last year when I joined the independently blogging band-wagon and left the Blogger camp. Things have been great since. Visitors multiplied, my posts got linked and I got readers from all across the world. But unfortunately I haven’t been able to write as much. So to break the hibernation, I thought of redesigning the theme. I was happy with the previous theme for it supporting my long posts and clarity of font. But I needed change. After all it was a year old. So I began my hunt for the perfect wordpress theme to work on.

Sources of Free WordPress Themes.

My search began with a google search, but it was just not quite adequate. So, the search led me to multiple other blogs and other sources which I am sharing with you.

1. Smashing Magazine

Just love this blog and the exhaustive amount of sources these guys have. Check the following posts e.g.

100 Excellent Free WordPress Themes

83 Beautiful WordPress Themes You (Probably) Haven’t Seen

2.The next huge resource for anything wordpress is Mashable. For themes, I seeked help from the following posts.

30+ WordPress 3-Column Themes

30+ WordPress 2-Column Themes

And then there are numerous other blogs providing lists of numerous WordPress Themes. Some of them are listed below (after the jump).

49 Most Downloaded WordPress Themes Of All Time

45+ Free Premium WordPress Themes with Magazine or Grid Layouts

45+ Must See WordPress themes

20 Free Corporate WordPress Themes

50 Beautiful Free WordPress Themes

21 Mindblowing Premium-Like Free WordPress Themes

92 Unique WordPress Themes

24 High Quality Free WordPress Themes

Top 50 free WordPress themes

50 Beautiful Free WordPress Themes

15 High Quality Premium-Like Free WordPress Themes

That’s more or less like 700 plus WordPress themes at your disposal. Not necessarily, you often find some repetitions. But even after that, that’s a lot of Themes. And if you are still hungry, eat this.

413 BEST FREE WORDPRESS THEMES OF 2008

So the total now has reached 1113 plus. All of them are free and for yours to download. And now the task begins of choosing the right one for you. The criteria for selection of a particular theme may be manifold, but I tried considering the following factors.

a: Background Colour : Dark vs. White :- This is a never ending debate, but for me White is the colour. Because the blog is one with long posts and one which should be soothing to the eyes, so have tried avoiding bright colours.

b: 2 columns vs. 3 colums vs. 4 colums :- 3 colums always for me as it gives me more space to have my widgets and other contents.Also, my 3 column theme is one which has a left and right sidebar with text in the middle. This gives the blog a more arranged look and are proved to be more Adsense friendly.

c: Text Space: This matters a lot as the blog has a lot of text and also images which it should accommodate.

d: Magazine vs. Grid : Magazine layouts are good, but they shorten up the texts in the homepage, which is not acceptable. Grids are good.

e: Flexible Width vs. Fixed Width : My previous theme was a flexible width, but I chose to have a fixed width this time. There are various advantages for fixed width like uniform layout for all screensizes, which means header images will always remain symmetric, any change in side widget images, or posts text would not affect theme lay-out, which is a problem with flexible width.

f. Lastly, your will to incorporate change. If you find interesting design and portions in different themes, you can always mix and match, provided you credit the source.

Of all the wordpress themes I previewed and tested the demos, I tried quite a few of them which I will mention in the next post. I finally opted for Velocity theme (Source: BlogOhBlog) designed by Jai Nischal Verma. I have done quite a bit of tweaking on the theme and shall talk about that in part -II and also let you know of the continuous changes that I plan to make on the blog theme of Techkeyla as well OKS.

See you in Part -II. Cheers!!!

WordPress Wiki: How to put Favicon on your WordPress Blog

Sujoy — Wed, 02 Jul 2008 05:00:54 +0000

See the cute little sun shining on my WordPress page address bar above? Or the very familiar ‘g’ on the address bar when you go to any Google page . That’s the Favicon. (So sorry, IE 6 users can’t see it ).And why is that minute design detail necessary. Well, it works more like a brand logo of your website/blog rather than just another design feature. You of course want to project your blog as a brand , a service which is recognisable. Labnol.org has the favicon of ‘D i’ as in Digital Inspiration. Now it is just a piece of little code to be included in your WordPress package and we’ll get to that in a while.

For those who host it on Blogger, by default the Blogger favicon should appear, but then, that can also be done away with. Now back to WordPress. Go to the Theme Editor page in your Admin console. Now if you don’t know how to reach there, once you LOGIN to your WordPress Admin page, click on the Design tab, and then click Theme Editor. GO to the Header php file titled header.php (surpisingly).

Now typically, this is where you include the code for the favicon. First and foremost, upload your desired Icon ( a .ico file) on any image hosting service ( photobucket, flickr..you know the names) or you can host it on your own server where you have hosted your wordpress. This is more advisable so that whenever you change your theme, your favicon would change as well. Anyway, typically, the icon goes in the theme folder itself. Now if it is included within the template folder itself, this is how the code will read.

/favicon.ico” />

You have to include this code in the header.php. Almost anywhere, but I prefer to keep the code a bit clean by including below the code for the navbar:- the bar which has the link to the pages. And once you are done with it, click update and voila, your WordPress blog is now Favicon Branded. Flaunt It.