Randomattic » Blog

Add FB Like box to WP

Randomattic — Fri, 17 Jun 2011 19:38:27 +0000

Officially you can apply settings for a like box for facebook from this link – https://developers.facebook.com/docs/reference/plugins/like-box/ – download the code and set it up on your site. the above link works if you have one URL that you want to use the box with.

but what if in wordpress we want to add the likebox to all pages and posts dynamically without specifially adding a plugin and then modifying it to show at a particular place in the post.

we have an easy solution. Here wordpress template tags come to work. you can download the code snippet from facebook website and alter it. then you can put it in your wordpress template single.php and/or page.php for facebook like box to show with dynamic url.

here is the code. please double click and copy/paste the below code and voila!

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:30px">

wasn’t that an easy solution?!

Add Twitter Button to WP

Randomattic — Thu, 12 Aug 2010 16:46:48 +0000

Recently Twitter announced its own twitter share button. Now we dont need to rely on tweetmeme to share blog with twitter.
Here is how you can add it to your WP template….

Copy the below code in your index.php or single.php file in your WP theme files.

Tweet

Change data-via=”ektz” to your own twitter username to add your twitter link in the generated tweet.

You can also recommend another twitter account for people to follow. Please add data-related=”randomattic” just after data-via=”ektz” phrase.

say bye to tweetmeme. welcome twitter.

Women in Web Design

Randomattic — Wed, 11 Aug 2010 06:16:22 +0000

I have been featured in this article here – on @onextrapixel . Must read. Interesting females all over the world share their views.

This was compiled by Krishna solanki. Way to go , Girl!

Plugin – RSB

Randomattic — Mon, 28 Jun 2010 07:31:29 +0000

This is a no-fuss social bookmarking plugin for WordPress. All is done at a click of a button. can it get any better than that?

Black & White Social networking icons that matches every layout of wordpress. Easy to modify and flowless. More icon packs will be available soon. The icons right now are courtesy of MySiteMyWay .

You can download a latest copy of the plugin from official WordPress directory. http://wordpress.org/extend/plugins/randomattic-socialbookmarks/

You need any support with installing this plugin and using it, please contact me from this site and/or comment here. I will get back to you with a solution ASAP.

Favicon for your Website

Randomattic — Wed, 12 Aug 2009 07:09:47 +0000

A Favicon is a little custom icon that appears next to a website’s URL in the address bar of a web browser. It is usually of a small size, like 16 pixels by 16 pixels. It’s a very good branding opportunity and it gives that additional dynamism to your site design.

How to make a Favicon file?

For starters, you can use a GIF or a PNG file as an icon, but Internet Explorer doesn’t always support those formats, that’s why to be on safe side, the .ICO format should be used.

To make and .ICO file in photoshop, you have to first download a plugin and add it into photoshop. Please download and follow the instructions here…

Telegraphics ICO plugin for Photoshop

After you’ve installed the plugin, open a canvas in photoshop of size 32×32 pixels. [ or you can take multiples of 16x16. Such as 48x48, 64x64 etc ]

Best Branding Option is to use a part of the logo of the site and/colors to make the icon. If you have a logo ready, please try to make it smaller and see how it looks at the size of 16×16. if it looks too complicated, its better to incorporate just a part of it, rather than the whole logo.

After you’ve decided on the look and size, time to make it better by sharpening the image at that small size. Also change saturation and contract to achieve a neat and clean icon option. Try not to have too many shadows and blurs in the icon, as it doesn’t look clean in browsers.

Once done with that, in photoshop menu Go to File>Save As and name the file favicon.ico. Under Format you must choose Windows Icon (ICO) from the pulldown menu. This format will only be available in Photoshop after you install the abovesaid plugin.

So the Favicon is created. Now lets look at how you can add it into the website.

Add Favicon to the website

The common location is the “root” folder of your site, which is same directory as your home (index) page. If you put it there with the name favicon.ico, most browsers will find it automatically.

If you plan to not keep it in the ‘ROOT’ Directory of the website, you will have to add one line of code to your index file HTML.

Add Favicon in the WordPress Blog

In wordpress blog, you can also use the same format of putting the .ICO file in the root folder. But for the sake of making the favicons theme friendly, upload the .ICO file in the Theme directory where your style.css file is saved of a particular theme you’re using.

Then in the theme editor, please look at the header.php file. Open it and add the following code between tag.

Update the file and Visit the Blog home page to see the favicon at work.

If your new Favicon does not show up right away, try refreshing the page [ by doing Ctrl + F5 ] or clearing your cache.

Voila! You’re done!

Hello world!

Randomattic — Sun, 09 Aug 2009 10:49:02 +0000

Welcome to WordPress. This is your first post. This post is the dedication to the best blogging script i have came across in a long time. Kudos to WordPress.

This is my new start-up , with a core idea to make blogging more fun, more pleasure and indeed simpler for everyone.

In this blog, I am going to write about all ranges of topics, covering blog designing in general, with indian perspective in mind. I plan to write more plugins, code more themes and unravel amazing tips and tricks that you can do with WordPress.

Please keep watching the space!