Add a new service ShareDaddy Jetpack Plugin
In my previous post, Jetpack plugin video tutorial, we have successfully adding social media buttons in wordpress posts without adding some lines of codes to our files, which is a bliss!
In that video, I actually skipped the add a new service from ShareDaddy option, because I planned to make a separate post, which is this Add a new service ShareDaddy Jetpack post.
I have made a video how to use that option, because it is actually very powerful. This Jetpack plugin feature allows you to have unlimited social media buttons to bookmark or share your valuable content in another websites such as Google buzz, Delicious, so forth.
The problem though, for non-coding person like me, we don’t know how to use this Add a new service option. I needed a while to figure this Add a new service out too!
Add a new service ShareDaddy Jetpack details
By pressing the “add a new service” button, allowing us to have a custom button and URL. Let’s take a look when we click that button.
A dialog box like following image will show up in our page.
What we have here are: Service Name, Sharing URL, and Icon URL.
Basically, the Service Name, we can name it whatever we like, in order to make our custome sharing service labelled different than the others.
The purpose of doing it is, we know what kind of a service what we have created.
In this video tutorial, I have made, Google Buzz, though funny, because I first typed, Google Butt. LOL
The Sharing URL, is the most complicated one, from three options, because we have to check the URL first before we enter some URL address.
The Icon URL, is actually the image that we will use for the social media buttons, it can be uploaded in your server, or free image website such as imageshack, or other sites.
Add a new service ShareDaddy Jetpack wordpress plugin video tutorial and steps
In the video I actually use Google Buzz, what we need, is the small icon, with the size: 16x16px, but I saved 12x16px, if you want to use it, you can download it here, if you want to create another one, use 16x16px for best result.
Video:
Steps:
1. Prepare the icon, or download Buzz icon from this website for this add a new service post. (right click, and select “save image as”)
2. Service Name: Google Buzz (You can actually name it whatever you like, in this demo, I named it, Google buzz).
3. Sharing URL: If you watch the video, I actually explain how I get this URL:
http://www.google.com/buzz/post?message=%post_title%
Now for the %post_title% you can change to, %post_excerpt%
or %post_tags%
You can watch the video for more clear understanding.
But basically, the post title, is your post title, post url is the URL to your post, post excerpt is the excerpt (summary post). Be sure to have excerpt in your post (I also edit the post in the video) if you choose to have %post_excerpt%
4. Icon URL: It says, Enter the URL of a 16x16px icon you want to use for this service.
Type the Icon path URL where you upload this image. In this tutorial, I upload it on my own server.
So the URL will be like: http://mywebsite.com/wp-content/uploads/2011/03/googlebuzz.png
5. Once all above options are filled out, click “Create Share” button.
We are almost done, now go drag and drop the newly made custom share button, in this case, I dragged and dropped my “Google Buzz” to the sharing buttons, placed with other buttons.
Finished 🙂 But for another button, like Delicious, the original URL will be like:
http://delicious.com/post?url=https://www.wpvidz.com/jetpack-plugin-wordpress-video-tutorial/&title=Jetpack+Plugin+WordPress+Video+Tutorial
With the same method, in the video, we will cut out the title and URL, we will have:
http://delicious.com/post?url=%post_url%&title=%post_title%
Again, you can change the post title to post excerpt.
I hope this video tutorial and steps will help how to use add a new service jetpack plugin option in wordpress blog.
For now I’m using custom code to add social bookmarking icons.. But I’m considering to use sharedaddy feature of Jetpack plugin.. Hope it will help to decrease down the load time by atleast couple of milli seconds…
Hey Harsh,
I also use only text without small icons, I avoid graphics since I don’t host my images in a CDN, to speed up this blog.
Let me know the result of trying Jetpack..
Thanks for visiting!
Kimi.
Thanks for your video posts. Your tutorials have been very helpful. 🙂
I have a question. how do I do this with Friendfeed and other websites? I tried the %post_excerpt% with the URL of Friendfeed but, nothing worked…
Hi Clay,
Sorry, never used FriendFeed..
K.
Clay, I’d be interested in knowing it if you come up with a solution for Friendfeed. I have all the other services I need covered, but not FF.
Kimi, might you be willing to take a quick look and see what you can come up with (for the less technically gifted among us)? I very much appreciate the info provided here.
Hi all…
Thank you for this useful tutorial… it’s very helpful
I start to use it, it seems work … but i have some difficult thing as I put a name to the ‘Service name’ box, the text show on the icon become overlap. Would You please to tell me how to get this thing right ?
Thanks in advance 🙂