I pieced together some code that inserts add buttons for videos, photos, blogs, discussions, events and invites as seen in the screenshot below. You shouldn't have to change any of the code unless you want to modify the appearance or remove some buttons. The links are all sub-links without the domain so no need to change them either. Add to your custom code.
Copy and Paste all the code below the double line
===============================
<!----Add buttons under Status Update---->
<!---Creates button table and links--->
<div id="tmp_sm_buttons" style="display:none;">
<div align=right id="buttonwrapper" width="400" height="20" style="padding: 0px;">
<table class="padded-table" width="330" style="margin-top:2px!important;margin-bottom:5px!important;"><tr><td style="text-align: left;" valign="top" width="10%"><a href="#">Share:</a></td><td style="text-align: left;" valign="top" width="9%"><a href="/photo/photo/newWithUploader"><strong>Photo</strong></a></td><td style="text-align: left;" valign="top" width="9%"><a href="/video/video/newWithUploader"><strong>Video</strong></a></td><td style="text-align: left;" valign="top" width="8%"><a href="/profiles/blog/new"><strong>Blog</strong></a></td><td style="text-align: left;" valign="top" width="10%"><a href="/forum/topic/new"><strong>Discussion</a></strong></td><td style="text-align: left;" valign="top" width="10%"><a href="/events/event/new"><strong>Event</strong></a></td><td style="text-align: left;" valign="top" width="10%"><a href="/main/invitation/new"><strong>Invite</strong></a></td></tr></table>
</div>
</div>
/* inserts buttons below status update */
<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$(".form-hint").prepend('<div style="padding-top:0px;text-align:right;" id="sm_buttons"></div>');
var t_sm_buttonsCode = document.getElementById('tmp_sm_buttons');
var sm_buttonsCode = document.getElementById('sm_buttons');
sm_buttonsCode.innerHTML = t_sm_buttonsCode.innerHTML;
}
</script>
<!----End Buttons---->
Replies
I updated it a bit to put everything in alphabetical order and change "Share" to "Add New". I also included Groups and changed "Invite" to "Member" (so it looks like "Add New Member").
<script type="text/javascript">
<!----Add buttons under Status Update---->
if (typeof(x$('#xj_StatusAndShareLink') != 'undefined')) {
var myShareLinks='<div id="myShareLinks" class="right" style="padding:0 0 3px;">Add New:<span style="font-weight:bold;"> <a href="/profiles/blog/new">Blog</a> <a href="/events/event/new">Event</a> <a href="/forum/topic/new">Forum</a> <a href="/groups/group/new">Group</a> <a href="/main/invitation/new">Member</a> <a href="/photo/photo/newWithUploader">Photo</a> <a href="/video/video/newWithUploader">Video</a> </span></div>'; x$(".form-hint").before(myShareLinks);
}
</script>
Here is what it looks like on my network, in case you want to see what it does first:
Now, keep in mind-I have other code besides this, so the color/appearance of the box itself is from that. Also, I don't allow members to create groups on my network, so I removed it from my code... And it's a bit long if you include everything, so I removed "Member" from mine as well.
Hello Janettee!
I'm new here and need help:
Can you show me where I can paste the copied code?
This code is pasted into your custom code box as found under Tools on your dashboard. See screenshot below for reference (click to enlarge):
Hello friend!
I'm new here and need your help:
Can you show me where I can paste the copied code?
Thanks my friend!