I’ve stumbled upon an article by Natalie Jost on how to make your search bar look pretty. I forgot the exact title of the post. This was almost a year ago, I think. Now, I had a hard time searching the original post since she moved to Tumblr. ;( Anyway, do you want your search bar to look like mine? ;) Or do you want it in a different color? Pastel pink perhaps? Open your searchform.php file. Replace all the code there with this one. Then place this in your css file. ♥ It’s that easy. UPDATED: 11/27/11 I found a way on how this can be used on Blogger. :) Go to Page Elements >> Add a Gadget >> HTML/ Javascript. Done? Copy paste this code and then save. Recheck this code if it’s complete because Blogger has the annoying habit of deleting codes on HTML/Javascript boxes. For the CSS, go to EDIT HTML and paste this code just before the closing head. Just let me know if you have any problems with it. ;)
Archive for the 'Tutorial' Category
How to change the default Gravatar in WordPress
I’m in a mood for writing a tutorial! ♥ If you have a WordPress (the self-hosted version) blog, this tutorial is for you. If you’re not familiar with Gravatar, take a look at this. This is the default Gravatar for WordPress. A Gravatar is an image associated with an email address that shows up whenever someone comments on your blog using that email. Here is an example. Lisa doesn’t have Gravatar. She didn’t signed up for it on Gravatar.com. Instead of seeing the Mystery Man when she commented, my default Flutter ♥ Happy gravatar is shown. You can read Using Gravatars if you want to learn more about Gravatars. Anyway, let’s get started on getting rid of the Mystery Man. He is annoying. =D Create a gravatar image. This is not for your own use. The image you’ll be making will be used whenever people who didn’t sign up for Gravatars comment on your blog. Upload it to your image directory. For your info, I use FileZilla. ♥ Go to Appearance << Editor. Open the functions.php and paste the following code. On line 3, indicate the location of your gravatar image. On line 4, change the Gravatar Name to whatever…
Using Twitter’s @anywhere hovercard with your website
I’ve just added Twitter’s @anywhere hovercard feature in Flutter Happy and you can see it from the screenshot of my comment section. I’m loving it. ♥ I just wanted to share with you this one coz I find it really cool. ♥ If you like the feature, then this post is for you. Hovercards preview the user’s twitter profile without leaving your site. Here’s how to add the hovercard feature to your site. Go to the Twitter’s Developers site, and create an application. The site will give you a snippet of code. Copy, and paste it in the header section just below the < ?php wp_head(); ?> and the closing head section. Insert your consumer or API key on the YOUR_API_KEY part. Directly underneath that code, paste this: Thanks goes out to Andrew Bolster for the infer: true part of my code. Now you’re almost done. If you’ve done everything right, your hovercard will look something like this. If what you wanted is the hovercard expanded version in my first screenshot (without having to click the link more), just replace the code you copied in #3 with this one. P.S. I’m now using @flutterhappy. ♥
-
Sponsors
