redjumpsuit

Topic: Enable Social Bookmarking on Ads

Here's how to enable social bookmarking on your ads:

first, download the social bookmarking image here then save it on your /img folder.

then on /css/screen.css, add anywhere:

Code:

#socialjob {
width:263px; 
height:20px; 
margin-bottom:5px; 
padding:5px; 
padding-left:0px; 
background:url(../img/socializer.png) no-repeat;
}

#socialjob a {
text-decoration: none;
}

#socialjob a:hover {
text-decoration: none;
background-color: transparent
}

.sociallink {
display:block; 
float:left; 
margin-left:5px; 
height:24px; 
text-decoration:none; 
border:0px; 
width:9px;
}

on /page_job.php, add before $template = 'job.tpl';

Code:

$joburl = BASE_URL . 'job/' . $id . '/' . $info['url_title'] . '/';
$jobtitle = ucwords($info['title']);
        
$smarty->assign('socialurl', $joburl);
$smarty->assign('socialtitle', $jobtitle);

and on /_templates/job-details.tpl, under

Code:

<div id="job-description">
{$job.description}
</div>

add the following lines

Code:

{if $socialurl != NULL}
<br />
          <div id="socialjob">
          <a class="sociallink" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url={$socialurl}&Title={$socialtitle}" title="blinklist" target="_blank"></a>
          <a class="sociallink" href="http://del.icio.us/post?url={$socialurl}&title={$socialtitle}" title="delicious" target="_blank"></a>
          <a class="sociallink" href="http://digg.com/submit?phase=2&url={$socialurl}" title="digg" target="_blank"></a>
          <a class="sociallink" href="http://www.facebook.com/sharer.php?u={$socialurl}" title="facebook" target="_blank"></a>
          <a class="sociallink" href="http://www.furl.net/storeIt.jsp?u={$socialurl}&t={$socialtitle}" title="furl" target="_blank"></a>
          <a class="sociallink" href="http://www.google.com/bookmarks/mark?op=edit&bkmk={$socialurl}&title={$socialtitle}" title="googlebookmarks" target="_blank"></a>
          <a class="sociallink" href="http://ma.gnolia.com/bookmarklet/add?url={$socialurl}&title={$socialtitle}" title="magnolia" target="_blank"></a>
          <a class="sociallink" href="http://www.mixx.com/submit?page_url={$socialurl}" title="mixx" target="_blank"></a>
          <a class="sociallink" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u={$socialurl}&t={$socialtitle}" title="yahoo! my web" target="_blank"></a>
          <a class="sociallink" href="http://reddit.com/submit?url={$socialurl}&title={$socialtitle}" title="reddit" target="_blank"></a>
          <a class="sociallink" href="http://www.stumbleupon.com/submit?url={$socialurl}&title={$socialtitle}" title="stumbleupon" target="_blank"></a>
          <a class="sociallink" href="http://technorati.com/faves/?add={$socialurl}" title="technorati" target="_blank"></a>
          <a class="sociallink" href="http://twitter.com/home?status={$socialurl}" title="twitter" target="_blank"></a>  
          <a class="sociallink" href="https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url={$socialurl}&top=1" title="windows live" target="_blank"></a>  
          </div>
{/if}

that should do it.

RedJumpsuit

Last edited by redjumpsuit (2009-02-14 01:10:17)

SALE: Bundled Add-Ons + Backfill Script (Indeed & SimplyHired) for jobberBase 1.9.1
Monetize your job board using PayPal Payment Solution for jobberBase 1.9.1!
redjumpsuit's Website

marc-oliver

Re: Enable Social Bookmarking on Ads

Thank you for sharing this nice code. Works pretty well. Hope I can help you with something 2, one day. A forum needs people like you. Thanks a lot again.

Marc-Oliver

kokas

Re: Enable Social Bookmarking on Ads

Great!!!! Thanks!

hobo

Re: Enable Social Bookmarking on Ads

ma.gnolia.com is now a dead link.

100% Free Job Listings Canada
Get it now! Free Job Listings Template for jobberBase
Check it out: Job Listings Template demo

evertsemeijn

Re: Enable Social Bookmarking on Ads

That's not so strange. You can read on their website why. Think it's commonly known to the users that Mag.nolia is 'dead' and why and how it happened.

Member of Jobberbase Development Team - Templates/Usability

:: Looking for a jobboard installation and/or custom design? ::
evertsemeijn's Website

hobo

Re: Enable Social Bookmarking on Ads

Its not a big problem, but if you are applying this mod as is now, you will place a permanent dead link on each job page.
To fix just remove:

Code:
<a class="sociallink" href="http://ma.gnolia.com/bookmarklet/add?url={$socialurl}&title={$socialtitle}" title="magnolia" target="_blank"></a>

And the socializer.png image needs a small fix too.

100% Free Job Listings Canada
Get it now! Free Job Listings Template for jobberBase
Check it out: Job Listings Template demo

navjotjsingh

Re: Enable Social Bookmarking on Ads

1.8 Working tweak:

To make this work in 1.8, just delete the line from above code:

Code:

$joburl = BASE_URL . 'job/' . $id . '/' . $info['url_title'] . '/';

and then change

Code:

$smarty->assign('socialurl', $joburl);

to

Code:

$smarty->assign('socialurl', $url);

This will make this hack work even when you edit default job url structure.

navjotjsingh's Website

jamesmcd

Re: Enable Social Bookmarking on Ads

The 'download the social bookmarking image here then save it on your /img folder link is not working anymore

Can anyone provide an alternative?

Thanks

evertsemeijn

Re: Enable Social Bookmarking on Ads

Take a look at addthis.com. I use it to replace the Send to friend function on the iPhonica template.

Addthis is easy to customize and you see stats on where jobs are posted and require little editing of the template.

Member of Jobberbase Development Team - Templates/Usability

:: Looking for a jobboard installation and/or custom design? ::
evertsemeijn's Website

jamesmcd

Re: Enable Social Bookmarking on Ads

evertsemeijn wrote:

Take a look at addthis.com. I use it to replace the Send to friend function on the iPhonica template.

Addthis is easy to customize and you see stats on where jobs are posted and require little editing of the template.

Many thanks Evert, I hadn't thought of that big_smile

redjumpsuit

Re: Enable Social Bookmarking on Ads

the updated image can be found here

note that you will need to adjust the code as magnolia has been removed on the new image

SALE: Bundled Add-Ons + Backfill Script (Indeed & SimplyHired) for jobberBase 1.9.1
Monetize your job board using PayPal Payment Solution for jobberBase 1.9.1!
redjumpsuit's Website

jamesmcd

Re: Enable Social Bookmarking on Ads

redjumpsuit wrote:

the updated image can be found here

note that you will need to adjust the code as magnolia has been removed on the new image

Great, thank you smile

nguyenlocduy

Re: Enable Social Bookmarking on Ads

Just using AddThis, it works perfect.

http://olalajobs.com

wael.salman

Re: Enable Social Bookmarking on Ads

Hi,

I am using latest jobberbase version , and I did exactly as you explained here , even with 1.8 tweaks , but I cannot see the image of socializer at all in my form.

Any one can help please??

Thank you

nguyenlocduy

Re: Enable Social Bookmarking on Ads

wael.salman,

Received your email. What I did is to register for an AddThis account at http://www.addthis.com/ then you will have a HTML code provided. Go to folder "_templates>hireme" and looking for a file named "job-details.tpl", go to the line 42 and add this code:

Code:

<h4>{$translations.addthis.share_this}</h4>
                <!-- AddThis Button BEGIN -->
                    <div class="addthis_toolbox addthis_default_style">
                        <a href="http://addthis.com/bookmark.php?v=250&amp;username=yourusername" class="addthis_button_compact">Share</a>
                        <span class="addthis_separator">|</span>
                        <a class="addthis_button_facebook"></a>
                        <a class="addthis_button_linkedin"></a>
                        <a class="addthis_button_googlebuzz"></a>
                        <a class="addthis_button_twitter"></a>
                    </div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=yourusername"></script>
<!-- AddThis Button END -->

You may notice that in the 1st line I add

Code:
{$translations.addthis.share_this}

The reason is I wanted to use the translated version of the text (Vietnamese in my case). So you can go to your translation file and add this lines of code:

Code:

[addthis]
share_this = "What ever you want it to displayed"

Good luck.

http://olalajobs.com

wael.salman

Re: Enable Social Bookmarking on Ads

Thank you so much
I did it
works fine :-)