We will be using the following filters to make the change: attachment_fields_to_edit and attachment_fields_to_save

For a project like this, we highly recommend that you create a site-specific plugin and add the following code. However, you can still add the codes in your theme’s functions.php file to make it work.

/**
 * Add Photographer Name and URL fields to media uploader
 *
 * @param $form_fields array, fields to include in attachment form
 * @param $post object, attachment record in database
 * @return $form_fields, modified form fields
 */

function be_attachment_field_credit( $form_fields, $post ) {
	$form_fields['be-photographer-name'] = array(
		'label' => 'Photographer Name',
		'input' => 'text',
		'value' => get_post_meta( $post->ID, 'be_photographer_name', true ),
		'helps' => 'If provided, photo credit will be displayed',
	);

	$form_fields['be-photographer-url'] = array(
		'label' => 'Photographer URL',
		'input' => 'text',
		'value' => get_post_meta( $post->ID, 'be_photographer_url', true ),
		'helps' => 'Add Photographer URL',
	);

	return $form_fields;
}

add_filter( 'attachment_fields_to_edit', 'be_attachment_field_credit', 10, 2 );

/**
 * Save values of Photographer Name and URL in media uploader
 *
 * @param $post array, the post data for database
 * @param $attachment array, attachment fields from $_POST form
 * @return $post array, modified post data
 */

function be_attachment_field_credit_save( $post, $attachment ) {
	if( isset( $attachment['be-photographer-name'] ) )
		update_post_meta( $post['ID'], 'be_photographer_name', $attachment['be-photographer-name'] );

	if( isset( $attachment['be-photographer-url'] ) )
update_post_meta( $post['ID'], 'be_photographer_url', esc_url( $attachment['be-photographer-url'] ) );

	return $post;
}

add_filter( 'attachment_fields_to_save', 'be_attachment_field_credit_save', 10, 2 );
?>

The code above will add two text fields to the Media Uploader called Photographer Name and Photographer URL. You can see that in the screenshot below:

Explanation of the code: In the first function, we are simply using an array to specify the field’s label, input type, value, and help text. The second function is checking to see if a value has been set for those fields. IF the value is set, then the post metadata is updated.

If you want to display the fields in your attachments template, then simply paste the following codes inside the loop:

echo get_post_meta($post->ID, 'be_photographer_url', true);

If you want to display the fields for your featured image in your archive template or any other template, then simply use:

echo get_post_meta(get_post_thumbnail_id(), 'be_photographer_url', true);

We hope that you enjoyed this article. For those who don’t know how to create an attachment’s template, don’t worry. In the next article, we will cover how to create an attachment’s template in WordPress.

Hat Tip to Bill Erickson for showing us how to do this.

How to Add Additional Fields to the WordPress Media Uploader is a post from: WPBeginner which is not allowed to be copied on other sites.

Open your theme’s functions.php file or a site plugin and simply paste this code:

// Add Slideshare oEmbed
function add_oembed_slideshare(){
wp_oembed_add_provider( 'http://www.slideshare.net/*', 'http://api.embed.ly/v1/api/oembed');
}
add_action('init','add_oembed_slideshare');

Thanks to @tammyhart for sharing the snippet with us.

P.S. want to check out all the presentations that we have given? Then visit WPBeginner’s Slideshare

How to Add SlideShare to WordPress oEmbed without a Plugin is a post from: WPBeginner which is not allowed to be copied on other sites.

Example:

All you have to do is open your theme’s functions.php file or better yet your site’s plugin file and paste the following code:

function add_video_wmode_transparent($html, $url, $attr) {

if ( strpos( $html, "<embed src=" ) !== false )
   { return str_replace('</param><embed', '</param><param name="wmode" value="opaque"></param><embed wmode="opaque" ', $html); }
elseif ( strpos ( $html, 'feature=oembed' ) !== false )
   { return str_replace( 'feature=oembed', 'feature=oembed&wmode=opaque', $html ); }
else
   { return $html; }
}
add_filter( 'embed_oembed_html', 'add_video_wmode_transparent', 10, 3);

Source

How to Prevent Youtube oEmbed from Overriding your WordPress Content is a post from: WPBeginner which is not allowed to be copied on other sites.

Preview of how a Google+ Badge looks like:

Before we begin, you should note that this is only for Google+ Pages not profiles. Example of Google+ Page. Example of Google+ Profile.

First thing you need to do is put the following code in your <head> section of your site which you can modify by editing the header.php file of your theme.

<link href="https://plus.google.com/{plusPageID}" rel="publisher" /><script type="text/javascript">
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script>

Don’t forget to replace the {plusPageID} with your Google+ Page ID. Your Page ID is a 21-digit string at the end of the URL. For example if your page URL is: https://plus.google.com/101634180904808003404/ then the numbers in bold is your Page ID.

Once you have added the header code, then all you have to do is place the following code wherever you want the Google+ Add to Circles widget to show. Most users like to display this in their sidebar, so you can either modify your sidebar.php file, or simply add it in a text widget area.

<g:plus href="https://plus.google.com/{plusPageID}" size="badge"></g:plus>

For the Small badge, simply use this code:

<g:plus href="https://plus.google.com/101634180904808003404" size="smallbadge"></g:plus>

We hope that this article has helped you. If it did, then please consider adding WPBeginner in your Circle.

How to Add Google+ “Add to Circles” Badge in your WordPress Site is a post from: WPBeginner which is not allowed to be copied on other sites.

First thing you need to do is paste the following script in your footer.php file right before the body close tag.

<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "http://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

Once you have done that, you can add the following code in your single.php file at a location of your choice:

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

The code above is basically pulling your Featured Image, the title of your post as description, and the URL of the post. It is designed for the vertical share button. If you want to put the horizontal share button, simply change count-layout parameter to horizontal.

We hope that this will help. P.S. if you are on Pinterest then please follow Syed Balkhi

Pinterest Shortcode

Update: one of our user wanted to create a shortcode for the Pinterest “Pin It” button. You can easily do so by pasting the following code either in your theme’s functions.php file or your site plugin’s file:

<?php
function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }

add_shortcode('pin', 'get_pin');
?>

How to Add Pinterest “Pin It” button in your WordPress Blog is a post from: WPBeginner which is not allowed to be copied on other sites.

On most well-coded themes, all you have to do is paste this code: <!–nextpage–> wherever you want the next page to start. The pagination will automatically show up. But that might not be the case if your theme is not coded properly.

If for some reason, pagination is not showing up after you have pasted the next page tags, then you would need to add the following code in your single.php loop.

<?php wp_link_pages(); ?>

Once you add that, then the pagination will start to show. There are several parameters for this function that you can use. The codex page for Styling Page-Links does a good job explaining that.

How to Split WordPress Posts into Multiple Pages is a post from: WPBeginner which is not allowed to be copied on other sites.

Open up your custom taxonomy template file which may look like: taxonomy-{taxonomyname}.php and paste the following code where ever you want to display the list:

<?php
$term = get_term_by( 'slug', get_query_var( 'term' ), get_query_var( 'taxonomy' ) );
if ($term->parent == 0) {
wp_list_categories('taxonomy=YOUR-TAXONOMY-NAME&depth=1&show_count=0
&title_li=&child_of=' . $term->term_id);
} else {
wp_list_categories('taxonomy=YOUR-TAXONOMY-NAME&show_count=0
&title_li=&child_of=' . $term->parent);
}
?>

Don’t forget to replace YOUR-TAXONOMY-NAME with the name of your taxonomy.

Final Result:

Explanation:

We are using get_term_by to query the information of the current taxonomy by slug. For example if your taxonomy is called topics and you are on a page /topics/nutrition/ then $term variable will pull all the data related to the specific term page that you are on.

In the project we were working on, the topics taxonomy was hierarchical just like categories. So we decided to run a conditional using $term->parent variable. This variable outputs the ID of the parent taxonomy. So if you are on the taxonomy nutrition which is the parent taxonomy, then $term->parent will echo 0. This is why we said if $term->parent == 0 then use wp_list_categories() function to display terms from our custom taxonomy that are child_of the term which page you are on. We accomplished this by using $term->term_id as the child_of variable.

Now if you go to the child taxonomy page, it would have been blank because the $term->parent would no longer equals to 0. On a child taxonomy page, $term->parent outputs the ID of the parent category. So we ran an else statement using the same wp_list_categories() function except we changed $term->term_id to $term->parent.

There you have it. We hope that this helps everyone who was looking for a solution.

How to Display Child Taxonomy on Parent Taxonomy’s Archive Page is a post from: WPBeginner which is not allowed to be copied on other sites.

About List25

List25 is a blog that curates lists of lesser-known intriguing information on a variety of subjects. The purpose of this blog is to be a good fun read when you are bored while being educational at times.

We have the site optimized for readers, so they can always find interesting content while being on our site. We also have the site optimized for new authors, so they can easily adopt to the writing style and format of List25.

Plugins

Here we go. People are always interested in knowing what plugins are other sites using. Our goal when developing a site is to accomplish things the easiest way possible. Plugins are pretty handy and saves us a lot of time. We will list a plugin and then share why we are using it.

Akismet – D’oh. We don’t want comment spam. Every WordPress installation comes built-in with it for a reason.

Compact Archives – We are using Compact Archives plugin power the dates area of the archives page. Having the year and months organized in a compact style not only saves space, but it also makes it look good.

Featured Posts List with Thumbnails – We are using this to showcase our “featured” articles in the sidebar. Instead of using a popular views mechanism, we handpick these articles. This allows us to control and moderate the traffic flow to specific articles. You can see the live demo of it in our sidebar or see the image below.

Gravity Forms with the MailChimp Addon – We are using it to power our contact form. We are using the MailChimp addon to collect emails from the contact form if the user choose to opt-in. We have already written about Gravity Forms and its benefits in lead generation.

Lazy Load – This allows us to lazy load our images. Basically when you install Lazy Load, it only loads the areas that is being accessed right away. So if you have a page with 25 Fail GIFs, then only the first few images in the post will be loaded. The rest of the images load as the user scrolls down. By using this technique, the perceived page load time is a lot faster.

MaxBlogPress Ninja Affiliate – Although we haven’t done a lot of affiliate marketing on this site. But we are using Ninja Affiliate to automatically replace some keywords with affiliate links in our posts. This hasn’t generated a lot of revenue for that site yet, but it is because it is such a new site.

Members – Members plugin allows us to create new user roles and limit permission based on the user role. This plugin is a must have for any multi-author blogs.

No Self Pings – Occasionally we link to our own posts. This pretty much tells WordPress to not send pings when we are linking to our own site. Because there is nothing worst than having your own site’s trackbacks to your other entries.

Redirection – We are using redirection plugin to track 404 pages and redirect them appropriately. Its a good plugin to have in general.

Regenerate Thumbnails – We are using Regenerate Thumbnails plugin to generate additional image sizes. This allows us to have various sizes for design purposes (such as Slider Navigation, Featured Posts in the Sidebar etc).

Simple Facebook Connect and Simple Twitter Connect – These two plugins are super powerful and are being used for variety of purposes through out the site. Their #1 purpose is to allow third-party login for comments. See the screenshot below:

Simple Facebook Connect is handling our Facebook Open Graph Meta Data details for us, so we have the right image, title, and description when users share our articles on Facebook.

Simple Twitter connect is also being used for automatically linking our twitter usernames when you type @list25 or any other twitter handle. Because simple twitter connect is using the Twitter Anywhere API, we are also using it for live tweet box on our Subscribe Page for List25. (This tutorial will show you how to create live tweet boxes on your WordPress site)

Subscribe to Comments – This plugin adds a little checkbox after the comment that allows users to subscribe to comments if they choose to.

User Photo – User photo plugin lets each author to upload their own image rather than using gravatar. This allows us to moderate the images that show up in our author bio’s.

VaultPress – We are using VaultPress for backups. It is a managed backup solution by Automattic. They backup our theme, plugins, posts, and all other media files. This protects us from disasters. If anything happens, we can always use VaultPress to restore the site to normal.

W3 Total Cache – This keeps our site from not crashing. List25 is getting a lot of traffic and without this plugin, our servers would crash every hour.

WordPress HTTPs – We are using this plugin to make sure that our site’s backend is secured. But most importantly, we are using it to host media files and serve it to our Facebook Application that we have discussed in this article at WPBeginner.

WordPress SEO by Yoast – This plugin handles our sitemaps, and all other on-site SEO such as Meta tags, indexation etc.

WP-Leads – We are using this plugin to add a little checkbox in the comment form for our MailChimp list. It makes it easier for our users to subscribe to our daily newsletter if they choose to.

WPTouch Pro – We are using WP Touch Pro to power our mobile version of the site. We did create a custom theme for WP Touch Pro, but it didn’t take that long to do so.

WP4FB Pro – This plugin is handling our facebook application for Giveaway. Which we have discussed on pretty extensively on how to do facebook giveaways using WordPress.

That will conclude the list of plugins that we are running. Now lets take a look at other cool hacks that we have on the site.

List25: Theme and Hacks

It is important to emphasize that List25 is running on a custom Genesis Child Theme. We do have some pretty nifty features on the site.

I’m Curious Button in the Header – When a user clicks on that, it redirects them to a random post on a site. It’s essentially simulating a Stumbleupon like experience. You can do this too. Check out our tutorial on How to Redirect Users to a Random Post in WordPress.

Custom Post Editor Layout

The reason why we have a custom post editor layout is so our new authors know exactly what type of formatting we want. If you visit any one of our posts, you will see how handy this feature can really be. It does require some knowledge to create a custom post editor. Smashing Magazine has a tutorial on how to do this.

Slider

We are using the jQuery version of SlideDeck plugin to create our slider. They do have a WordPress plugin. Check out our step by step guide to creating a slider in WordPress.

That’s about it. We hope that this gave you ideas for your own site. Let us know your comments and feedbacks. Oh, and don’t forget to check out List25.

Case Study: Behind the Scenes Look of List25 – Plugins and Hacks is a post from: WPBeginner which is not allowed to be copied on other sites.

Note: Intermediate level of technical know how of WordPress and CSS is required for this tutorial. We tried to make it as clear as possible for everyone to follow.

How does this Giveaway work?

When the user lands on List25′s Facebook Page, they see the landing page for our contest. It says “List25 is doing a Holiday Giveaway” -> Win $25 Amazon Giftcards. Like our page to see how you can enter. Image below:

Amazon giftcards is something that a lot of people want. So majority of the users click Like to see how they can enter. When they like the page, they are now shown the fan-only content which has the instructions on how to win. It basically says, we are giving away 25 x $25 Amazon Gift Cards. You must share this page with your friends to qualify. There is a button for the user to click and share the page with their friends.

When the user clicks on the button, a Post to Your Wall popup shows up like this:

We have already predefined the text and the image there. So all the user has to do is write their comment and share it. Once they hit share, they will be brought to the page to enter their information. If the user clicks Cancel, then they are sent back to the previous tab.

This campaign will be live until December 20th (that’s when we will announce our winners). So for those who want to see a live demo of this, head over to List25 Fan Page and see it for yourself.

The craziest part about all this is that most people think it will require you to do some crazy coding or pay big money to have an app like this. What if we were to tell you that we did this all with a combination of WordPress plugins, MailChimp and obviously design skills for the images. Want to know how to do it? Read along.

Step 1: Getting Things Together

First thing you need to do is figure out what you are going to giveaway. In our case it was Amazon Giftcards. As I mentioned previously, it required a combination of plugins and services. So I will lay it out all out here. Remember some are paid plugins:

• WP4FB Pro <- Get the Pro option if you want to be able to do the stuff we did (the feature is called Like Gate and Share Gate) which is only available at Pro and Developer level.
• WordPress HTTPs Plugin (Free from the Repository)
• SSL Certificate for the HTTPs users. As of October 1st, Facebook now requires developers to have a SSL ready version for the users using secured browsing. If you are on a dedicated server like us, then you have to pay for a SSL certificate. HostGator charges like $50 / year for the service. But we ended up getting ours for $12.99 / year from Godaddy special Click Here to get it.

  If you are on HostGator‘s Shared hosting plan, then KimWoodbridge has a tutorial that shows you how to use their Shared SSL.

• MailChimp or Aweber Account. Basically you need a way to store the Name and Email, so you can later notify the winners. Facebook requires you to collect the data separately otherwise it is against their TOS. So no you cannot message the user on Facebook to let them know that they won.

Aside from all the above, you need to have the following graphics ready:

• Non-Fan Page Graphics
• Fan-Only Page Grahpics where you show details on how to Enter (with a click to share button)
• Success Page with a Form where you can user can enter their data
• Thumbnail for the Share Content

Total investment:

- $67 for WP4FB Pro
- $12.99 for SSL via Godaddy (This is a special offer. Normally it costs $69. Click Here to get it)
- Free upto 2000 Emails: MailChimp (Our plan is combined with WPBeginner so we are paying for it)
- 25 x $25 Amazon Giftcards ($625) <- This will vary based on what you are giving away.

Before you move on to the next step, It is assumed that you have gotten all the things together. For SSL, if you got the certificate, it needs to be installed on your server. HostGator installed it on our server for us. You just have to ask their support.

Step 2: Installing WordPress HTTPs

Simply install and activate the plugin WordPress HTTPs Plugin from the WordPress repository.

Go to Settings » WordPress HTTPs and change the SSL Host to your domain.

Make sure the checkbox for Force SSL Exclusively is checked.

Click Save Settings.

Step 3: Setting up WP4FB Pro

Once you have purchased WP4FB Pro, install and activate it on your site. You will see that 3 additional menu options are added to your WordPress dashboard. The Main WP4FB one, and then two custom post types called WP4FB pages and WP4FB Slides. So lets get started with WP4FB Menu. Fill out all the general settings such as footer text, RSS url, Twitter etc.

The next option is Facebook. If you go there, you will notice that it requires Facebook Application ID and Secret Key. So you need to go and get that. Register your own application in Facebook Developers area. There are plenty of tutorials on the web of how to do it. When you buy WP4FB Pro, it comes with a series of video tutorials on how to do this. Therefore, I will not be covering how to register a facebook application in this article. (Use their video tutorial) or another tutorial on the web.

Once you have got your app ID and facebook secret key, insert it into WP4FB Facebook Settings.

You need to have the fan-gate checkbox checked. Then select the pre-like page. But because you just installed this page, you will not see any option there. So what you need to do is go to WP4FB Pages tab and click Add New.

Create a pre-like page. In our case for List25, we created a page called Giveaway. Did not add any content in the content box. We simply used a background image to get the style that we needed. But this was a shortcut way of doing things rather than spending time to create a custom template for WP4FB.

If you see, we have show navigation, and show page title set to NO. There is a defined header height because we are using our image as header background image. Our content is blank, so all the user really sees is the image.

Notice: That our image URL has https:// in it. The reason for that is so it works on Facebook.

You need to make sure that all Viral Features are turned OFF for the pre-like page. Once you have created the pre-like page publish it. Then go back to Facebook Menu under the main WP4FB settings and select this page.

Next you need to create a fan-only content page that has the details of how to enter the content. For this, we also used a background image to make things faster and easier for us. Except this time we used Content Background Image URL rather than Header Background Image URL. The reason for that was because we wanted to use HTML to initiate the Share Gate feature.

Again notice that the image url is HTTPS. You must do this.

As I explained that we used content image URL, so we can utilize HTML tags. Basically our image looked like this:

We needed to make the Click here to Share button clickable. So we added the following HTML tags in our content area using the HTML editor rather than the Visual Editor.

<div style="min-height: 440px;">
<div style="width: 190px; margin: 308px 0 0 267px;"><a style="text-indent: -9999px; width: 190px; height: 28px; display: block;" href="https://link to our third page/">Click Here to Share</a></div>
</div>

Your CSS will vary based on the background image that you use. But you get the general idea of what we are doing above right? Basically we want to make Click Here to Share button a link to our secret page where the user can access the form to enter the contest.

Lets go ahead and create our third and final page. We followed pretty much the same direction as the fan-only page above. We used the content background image URL, and used HTML in the content editor. The most important part about this page was that we enabled the Viral Feature Share Gate.

Now notice that we filled out the Open Graph Settings as well. This is the information that will be shown to the user when they hit the share gate point. See the image below:

So make sure that you put the right image, an accurate title and a compelling description.

The final page looked like this:

So basically our background image had two empty fields. We went into MailChimp and grabbed a form code for a new email list that we created for List25. And added that into this last page’s content area with the styling.

Here is the code that we added (obviously your form code will be different, but this would be a good starting point):

<div style="min-height: 440px;">
<div style="width: 190px; margin: 188px 0 0 280px;"><form id="mc-embedded-subscribe-form" class="validate" action="http://list25.us1.list-manage.com/subscribe/post?u=549b83cc29ff23c36e5796c38&amp;id=184bf03dd3" method="post" name="mc-embedded-subscribe-form" target="_blank">
<div style="margin: 0px 0 0;"><input id="mce-FNAME" class="required" style="background: transparent; border: 0px; box-shadow: none; width: 160px;" onfocus="if (this.value == 'Name…') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Name…';}" type="text" name="FNAME" value="Name…" /></div>
<div style="margin: -5px 0 0;"><input id="mce-EMAIL" class="required" style="background: transparent; border: 0px; box-shadow: none; width: 160px;" onfocus="if (this.value == 'Enter your email…') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email…';}" type="text" name="EMAIL" value="Enter your email…" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button" style="width: 185px; background: transparent; display: block; text-indent: -9999px; cursor: pointer; border: 0; margin: -8px 0 0 -10px; height: 25px;" type="submit" name="subscribe" value="Enter the Giveaway" /></div>
</form></div>
</div>

After you publish this page. Take the URL of this page and add it in the button of the fan-only page code that we shared above.

Step 4: Promoting the Giveaway

You can add the giveaway page, but no one will know about it. If you have an existing user base, then you can let them know about the giveaway. In our case, we did not have that. Following are the steps that we took:

- Added a sidebar banner on List25 and WPBeginner promoting the contest.
- We are also running Facebook Ad Campaigns to promote the contest (additional money that we are spending but you don’t have to)
- Shared it with our friends

The viral aspect of the giveaway carries on its own. Everybody wants free money.

Results

Need I say more that we have over 27,000 likes in one month. Ofcourse not all of them are from the contest because we are doing other campaigns as well. But it is fair to say that at least a third of these fans are from the giveaway.

How long did it take us to do this? I’d say roughly 4 – 5 hours. Was it worth it? Heck yes it was.

Will you be doing this on your site? Let us know your thoughts.

Boost Your Likes by Creating a Facebook Giveaway Using WordPress is a post from: WPBeginner which is not allowed to be copied on other sites.

All you have to do is paste the following code in your theme’s functions.php file, or create a site plugin.

add_action( 'admin_bar_menu', 'wp_admin_bar_my_custom_account_menu', 11 );

function wp_admin_bar_my_custom_account_menu( $wp_admin_bar ) {
$user_id = get_current_user_id();
$current_user = wp_get_current_user();
$profile_url = get_edit_profile_url( $user_id );

if ( 0 != $user_id ) {
/* Add the "My Account" menu */
$avatar = get_avatar( $user_id, 28 );
$howdy = sprintf( __('Welcome, %1$s'), $current_user->display_name );
$class = empty( $avatar ) ? '' : 'with-avatar';

$wp_admin_bar->add_menu( array(
'id' => 'my-account',
'parent' => 'top-secondary',
'title' => $howdy . $avatar,
'href' => $profile_url,
'meta' => array(
'class' => $class,
),
) );

}
}

And you are done.

How to Change the Howdy Text in WordPress 3.3 Admin Bar is a post from: WPBeginner which is not allowed to be copied on other sites.