Blog & Social Media Marketing and Blog Ads

389 Words : Posted 11.01.09

In this tutorial I will show you how to have your stories sent to the published page automatically Tweeted to Twitter using whatever Twitter account you want.

I have already shown you how to use Twitterfeed and Bit.ly to auto publish your published submissions, now lets cut out the middleman, Twitterfeed.

The following code was sent to us by Jorge from the good folks at Bierzeame.

Open your libs/link.php file and find:
function publish() {
if(!$this->read) $this->read_basic();
$this->published_date = time();

totals_adjust_count($this->status, -1);
totals_adjust_count('published', 1);

$this->status = 'published';
$this->store_basic();
}
change it to:
function publish() {
if(!$this->read) $this->read_basic();
$this->published_date = time();

totals_adjust_count($this->status, -1);
totals_adjust_count('published', 1);

$this->status = 'published';
$this->twitter();
$this->store_basic();
}
find:

function username() {
just before it add:
function twitter(){
global $db;

$id = $this->id;
if(!is_numeric($id)){return false;}
if(($link = $db->get_row("SELECT link_title FROM " . table_links . " WHERE link_id = $id"))) {

$message = $link->link_title;
$toshort = getmyFullurl("storyURL", $this->category_name(), urlencode($link->link_title_url), $id);

$bitly = "http://api.bit.ly/shorten?version=2.0.1&longUrl=".urlencode($toshort)."&login=BITLYUSERNAME&apiKey=YOURBITLYAPICODE&history=1";

$bitlyresponse = file_get_contents($bitly);

$jsonresponse = @json_decode($bitlyresponse,true);

$urlshort = $jsonresponse['results'][$toshort]['shortUrl'];

$messagelen = strlen($message);
$urllen = strlen($urlshort);
$totallen = $messagelen+$urllen+1;

if ($totallen>140){
$urllen = $urllen+4;
$message = substr($message,0,139-$urllen);
$message = $message."...";
}

$message = $message." ".$urlshort;

$args= 'status='.urlencode($message);

$twit = curl_init();
curl_setopt($twit, CURLOPT_URL, 'http://twitter.com/statuses/update.xml');
curl_setopt($twit, CURLOPT_VERBOSE, 0);
curl_setopt($twit, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($twit, CURLOPT_VERBOSE, 0); // no imprimir nada
curl_setopt($twit, CURLOPT_USERPWD, "TWITTERUSERNAME:TWITTERPASSWORD");
curl_setopt($twit, CURLOPT_POSTFIELDS, $args);
curl_setopt($twit, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1);
curl_setopt($twit, CURLOPT_POST, 1);

$result = curl_exec($twit);
$http_status = curl_getinfo($twit, CURLINFO_HTTP_CODE);

curl_close($twit);

if( $http_status != "200" ) {
return false;
}

return true;
}
}
Save.

That’s it. Now every story that is sent to the published page will auto Tweet, giving your members another reason to submit.

Make sure you edit your Twitter login details and your Bit.ly details.

It will shorten the submission URL using Bit.ly and send the user when clicked on Twitter to your story page. This will also track how many clicks each one gets which you can check when you login to Bit.ly.

Adding SexyBookmarks to Pligg

1964 Words : Posted 10.29.09

In this tutorial I will show you how to add the popular Wordpress plugin SexyBookmarks to your Pligg install, adding that extra something to your story pages.

Sexy Bookmarks which I first saw used on a Wordpress blog is one of the best methods to ask your users to share something on social networking sites. It uses the power of jQuery for that added flair.

My good friend Brian over at Blog Engage managed to get his site added to Sexy Bookmarks and I will soon be attempting to have one of my own sites added, so I thought I would try to use it on a test Pligg.

Luckily, I came across a post by Naeem Noor over at CSS Reflex where he had successfully added it to Blogger using 3 chunks of code.

For this tutorial I simply took what Naeem used and adapted it to work in Pligg.

Open pligg.tpl:

add the following just before the closing head tag:

{literal}<script src=’http://code.jquery.com/jquery-latest.js’ type=’text/javascript’/><script type=’text/javascript’>jQuery(document).ready(function() {// xhtml 1.0 strict way of using target _blankjQuery(’.sexy-bookmarks a.external’).attr("target", "_blank");// this block sets the auto vertical expand when there are more than// one row of bookmarks.var sexyBaseHeight=jQuery(’.sexy-bookmarks’).height();var sexyFullHeight=jQuery(’.sexy-bookmarks ul.socials’).height();if (sexyFullHeight>sexyBaseHeight) {jQuery(’.sexy-bookmarks-expand’).hover(function() {jQuery(this).animate({height: sexyFullHeight+’px’}, {duration: 400, queue: false});},function() {jQuery(this).animate({height: sexyBaseHeight+’px’}, {duration: 400, queue: false});});}// autocenteringif (jQuery(’.sexy-bookmarks-center’)) {var sexyFullWidth=jQuery(’.sexy-bookmarks’).width();var sexyBookmarkWidth=jQuery(’.sexy-bookmarks:first ul.socials li’).width();var sexyBookmarkCount=jQuery(’.sexy-bookmarks:first ul.socials li’).length;var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;jQuery(’.sexy-bookmarks-center’).css(’margin-left’, sexyLeftMargin+’px’);}});</script>

Save.

Open link_summary.tpl

add the following anywhere you want the buttons to appear:

{if $pagename eq "story"}
<div class=’sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love’ style=’margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:60px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;’>

<li class=’sexy-delicious’><a class=’external’ href=’http://del.icio.us/post?url={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on del.icio.us’>Share this on del.icio.us</a></li>

<li class=’sexy-stumbleupon’><a class=’external’ href=’http://www.stumbleupon.com/submit?url={$url}&title={$title_short}’ rel=’nofollow’ title=’Stumble upon something good? Share it on StumbleUpon’>Stumble upon something good? Share it on StumbleUpon</a></li>

<li class=’sexy-reddit’><a class=’external’ href=’http://reddit.com/submit?url={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on Reddit’>Share this on Reddit</a></li>

<li class=’sexy-google’><a class=’external’ href=’http://www.google.com/bookmarks/mark?op=add&bkmk={$url}&title={$title_short}’ rel=’nofollow’ title=’Add this to Google Bookmarks’>Add this to Google Bookmarks</a></li>

<li class=’sexy-twitter’><a class=’external’ href=’http://twitter.com/home?status=Reading: {$title_short} – {$url} (@NAME)’ rel=’nofollow’ title=’Tweet This!’>Tweet This!</a></li>

<li class=’sexy-facebook’><a class=’external’ href=’http://www.facebook.com/sharer.php?u={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on Facebook’>Share this on Facebook</a></li>

<li class=’sexy-mixx’><a class=’external’ href=’http://www.mixx.com/submit?page_url={$url}’ rel=’nofollow’ title=’Share this on Mixx’>Share this on Mixx</a></li>

<li class=’sexy-linkedin’><a class=’external’ href=’http://www.linkedin.com/shareArticle?mini=true&url={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on Linkedin’>Share this on Linkedin</a></li>

<li class=’sexy-designfloat’><a class=’external’ href=’http://www.designfloat.com/submit.php?url={$url}&title={$title_short}’ rel=’nofollow’ title=’Submit this to DesignFloat’>Submit this to DesignFloat</a></li>

<li class=’sexy-technorati’><a class=’external’ href=’http://technorati.com/faves?add={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on Technorati’>Share this on Technorati</a></li>

<li class=’sexy-scriptstyle’><a class=’external’ href=’http://scriptandstyle.com/submit?url={$url}&title={$title_short}’ rel=’nofollow’ title=’Submit this to Script & Style’>Submit this to Script & Style</a></li>

<li class=’sexy-blinklist’><a class=’external’ href=’http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on Blinklist’>Share this on Blinklist</a></li>

<li class=’sexy-friendfeed’><a class=’external’ href=’http://friendfeed.com/?url={$url}&title={$title_short}’ rel=’nofollow’ title=’Share this on FriendFeed’>Share this on FriendFeed</a></li>

<li class=’sexy-newsvine’><a class=’external’ href=’http://www.newsvine.com/_tools/seed&save?u={$url}&title={$title_short}’ rel=’nofollow’ title=’Seed this on Newsvine’>Seed this on Newsvine</a></li>

</ul>

<div style=’clear:both;’/></div><div class=’sexy-link’> Widget by <a href=’http://www.cssreflex.com/’ title=’Web Design Blog, Blogger Hacks and Blogger templates’>Css Reflex </a>|<a href=’http://www.tutzone.org/’ title=’Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More’> TutZone</a>|<a href=’http://www.pliggs.org/’ title=’All things Pligg’> Pliggs</a></div>{/if}

Save.

I added them just before:

in the wistie template for the latest build of Pligg.

There are 2 images for this work as well, download them and upload to your images directory.

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

In the chunk of code you added to link_summary.tpl, the images are called, you will need to edit those 2 lines for the location of the images for your site.

I have them working on test Pligg site at Weblink Depot

Again, a big thanks to Josh at Sexy Bookmarks for creating it in the first place, and to Naeem Noor for giving me a starting place.

And finally, big congrats to Brian at Blog Engage on this milestone, make sure you check out his site.

FREE Backlink Monitor Tool

230 Words : Posted 10.24.09

In this post, we look at a simple tool to help monitor all of your backlinks, which is especially good for links you have purchased, and it also lets you make sure those links stay.

There a few things that all websites need in order to succeed, one of those things are backlinks. Backlinks create a source of traffic and can also help with increasing your Google Pagerank.

You can acquire backlinks naturally, or by purchasing them. In order to acquire natural backlinks, you will need to write some killer content or by using linkbait, and then just wait until people link to that content. The other way is by purchasing banner spots or text link ads, this way typically will show results a lot quicker, but it can get costly.

One issue with backlinks is keeping track of them and ensuring they stay active. While there are tools out there that can help you find backlinks to your site, there is only one that monitor backlinks for you, and did I mention it is FREE.

Backlink Monitor

One of the other advantages of this tool, is it helps you determine which keywords you are getting links for, this as you know is key for search engine placement.

Since this service is FREE, they require a link to them on your site.

Give it a try, it’s FREE.

CSS Pligg Tooltip

447 Words : Posted 10.20.09

Back in May I showed you how to display a thumbshot of the story submitted using a jQuery hover, now, let’s make it better by only using CSS.

Why not use jQuery? By itself, there is no reason. However, removing the need for it will cut down on load time.

Another issue with Pligg and jQuery is they do not always get along. There are too many conflicts with the scriptaculous effects and prototype, which does not like jQuery.

The following is so simple, there is no reason not to use it.

Open, link_summary.tpl and find:

<div id="ls_thetitle-{$link_shakebox_index}" class="toptitle">
{if $use_title_as_link eq true}
{if $url_short neq "http://" && $url_short neq "://"}
<a rel="nofollow" href="{$url}" target="_blank">{$title_short}</a></div>

change to:

<div id="ls_thetitle-{$link_shakebox_index}" class="toptitle">
{if $use_title_as_link eq true}
{if $url_short neq "http://" && $url_short neq "://"}
<a class="tooltip" rel="nofollow" href="{$url}" target="_blank">{$title_short}<span><img src="http://images.websnapr.com/?url={$url_short}&size=T" alt="{$title_short}" /></span></a></div>

Save.

Open your main CSS file and add:

a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:200px;}

a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #80b62a; color:#6c6c6c;z-index:1;}

Save.

You can change the image provider to whatever you like, I personally use Shrink the Web, as they seem to be the quickest.

This method will show the thumbshot immediately upon hover of the story title, the previous method, had a time delay.

Would love your opinion, leave me a comment below. You can also follow me on Twitter, where I will always help one on one.

You can see it in action at FAQPAL.

New Pligg template – Mystique

167 Words : Posted 10.11.09

We rarely feature templates here at Pliggs.com, but when we do, it’s usually because we have come across a template that is simply FANTASTIC!

We introduce:

Mystique is another fantastic design from the folks at Digital Nature, it is built for the latest build of Pligg and is one of the best layouts we have seen thusfar.

Below are some screenshots:

Story page:

Msytique is fully Ajaxed and performs well.

In the saidebar there is a tabbed box that features:

categories

most popular

tags

recent comments

The categories tab features an Ajaxed RSS feed icon.

Each post comes with an Ajaxed share function, once you hover over the “Share” button:

We highly recommend this template and thank the good folks at Digital Nature for taking the time to put this template together.

You can view the demo here…

You can download the template Note: There is a file embedded within this post, please visit this post to download the file.…

Auto-feed Pligg to Twitter

332 Words : Posted 08.25.09

So I have been on this Twitter kick lately, sorry. But, let’s face it, Twitter is where the action is. So let’s looks at how to have the built-in RSS feature work for you.

In this post, I will show you how to have your RSS feed automatically post to Twitter at a time interval you set.

For this to happen, you will need to visit and sign-up at TwitterFeed. Let’s begin.

Step 1:

Add a feed to your Twitter account:

Allow TwitterFeed to access your Twitter account:

Enter a feed name and RSS feed address:

Click “Test RSS Feed”, you should get this:

Now, click on Advanced:

In here you will want the following settings:

Update Frequency – make this want you want, don’t Tweet too often though

Post Content – make this title only

Check “Post Link” and determine your URL shortener service

Post Sorting – change to GUID and uncheck “Feed is sorted”

For the remaining settings, this is up to you, I have these blank.

Your feed is now setup:

Depending on the URL shortening service you provided, you will be asked for API login details, for example Bit.ly will provide you with this. When you select this service you will be presented with 2 fields asking for this info which is used for analytics only.

Here’s how Bit.ly shows yours analytics:

This will simply take posts from your published RSS so you will not be posting spam. The address that the clicker will be sent to will be the story page. For this reason, you will want to be careful how many you post and you will also want to post general Tweets in between to not be labeled a SPAMMER or get your “Followers” upset with you.

Will you use this method?

For a live example follow @FAQPAL

Leave your opinion below.

Adding reCaptcha to comments

430 Words : Posted 08.11.09

Like most of you, I have had more than enough SPAM on my sites. One of the biggest sources is in the comments section. Let’s put an end to them now.

I have already shown you how to prevent spam bots from submitting stories by using the fabulous tool, reCaptcha, now let’s add it to the comment form as well.

To add it to your comment form, just do the following steps:

Download the latest reCaptcha library from here and upload to your “root”.

You will also need reCaptcha keys for your site, you will need to register and add your site to reCaptcha. Register for reCaptcha keys here.

Open comment_form.tpl, find:

{if $Spell_Checker eq 1}
<input class="log2" onclick="openSpellChecker(’comment’);" name="spelling" type="button" value="{#PLIGG_Visual_Check_Spelling#}" />{/if}

After, add:

{php}

require_once(’recaptchalib.php’);
$publickey = "ENTER PUBLIC KEY HERE";
$privatekey = "ENTER PRIVATE KEY HERE";

# the response from reCAPTCHA
$resp = null;
# the error code from reCAPTCHA, if any
$error = null;

# are we submitting the page?
if ($_POST["submit"]) {
$resp = recaptcha_check_answer ($privatekey,
$_SERVER["REMOTE_ADDR"],
$_POST["recaptcha_challenge_field"],
$_POST["recaptcha_response_field"]);

if ($resp->is_valid) {
echo "You got it!";
# in a real application, you should send an email, create an account, etc
} else {
# set the error code so that we can display it. You could also use
# die ("reCAPTCHA failed"), but using the error message is
# more user friendly
$error = $resp->error;
}
}
echo recaptcha_get_html($publickey, $error);
{/php}

save. Thats it.

Here is the updated comment_form.tpl file with the reCaptcha code added. – Note: There is a file embedded within this post, please visit this post to download the file.

This will eliminate all comments being left by spam bots and will also make human spamming less atractive as well.

If you use this module, leave me a comment below or perhaps think of linking back to http://www.pliggs.com

Be sure to follow me on Twitter as well for one on one help and news.

Adding Tweetmeme to Pligg

220 Words : Posted 07.18.09

The biggest social media site right now, is probably Twitter, and the best plugin for it has to be Tweetmeme.

So, let’s put the both of them to work for you. Most Wordpress blogs, including this one, use the plugin Tweetmeme. It simply allows people to Tweet your posts and it shows a count of how many times the post has been Tweeted.

Let’s put this to work on Pligg and hopefully add to your traffic and exposure. It’s actually quite simple.

Open, link_summary.tpl, add where you want the button to appear:

{literal}
<script type="text/javascript"><!–mce:0–></script>
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"><!–mce:1–></script>
{/literal}

That’s it.

In the example above it will appear like this:

Tweetmeme for Pligg

If you want the full size button, remove this line:

tweetmeme_style = ‘compact’;

which will give you this:

Tweetmeme and Pligg Fullsize

You can see a working example at FAQPAL.

Hopefully you found this tutorial helpful. If you are not following us yet, you can follow us at @Pliggs.

Will you be using this?

Adding a Twitter stream to Pligg

548 Words : Posted 07.12.09

The hottest things online right now is social media, namely Digg style websites and Twitter. With so many Digg style websites going up these days, it’s important to try and stand out from the pact and your niche.

So, why not put the power of Twitter to work for you? A friend of mine suggested perhaps a Twitter stream in the sidebar. This sounded great, but let’s make it even better. I have one setup on FAQPAL, I decided to use as a reward for active members. On FAQPAL, for each member that submits 3 tutorials their name is added, as long as the submissions are recent.

You can use whatever requirements you want, but you get the idea. By using the method I have, this offers my users one more reason to submit, not only will the submission be promoted, but everything they tweet will also be promoted in my sidebar.

Here’s how to add it to your Pligg install:

Download and upload the following to your /js folder:

Note: There is a file embedded within this post, please visit this post to download the file.

Open pligg.tpl, locate /body and add the following before:

{literal}
<script type="text/javascript"><!–
var rpnetTwitAttrs = {
usernames: "Pliggs,Grafpedia,dennysugar,bkmacdaddy",
count: 5,
title: "Twitter Stream",
showImages: true,
imageHeight: ‘48px’,
imageWidth: ‘48px’
};
// –></script>
<script type="text/javascript" src="http://www.domain.com/js/TwitterWidget.js">
</script>
{/literal}

make sure you change the domain.com to whatever your url is. The values for “username” can be changed to whatever Twitter id’s you want to display.

Open sidebar.tpl and add the following line where you want the stream to appear:

{if $pagename neq "story"}{assign var=sidebar_module value="twitterstream"}{include file=$the_template_sidebar_modules."/wrapper.tpl"}{/if}

Save and close.

Now, create a file called twitterstream.tpl and add the following to it:

<div class="tlb">
<a id="rpnet_twTitle" href="#">Twitter Stream</a></div>
<div id="rpnet_twitterWidget">

Get your username listed here by <a title="Submit a tutorial" href="http://www.domain.com/submit">submitting tutorials</a></div>

Again, be sure to change domain.com to whatever your url is.

Save and upload to your sidebar_modules directory.

That’s it.

Notes:

Because of Twitter’s API limitations on the number of API calls in one hour, the stream may appear blank after a while, depending on the traffic to your site, if it does, you will need to wait until the hour is up. I am hoping to have a cache feature added it to soon to prevent time outs.

The original idea came from our friends at Ronak Patel

If you haven’t added us on Twitter, you can find us at @Pliggs

Articles and Pligg

372 Words : Posted 07.04.09

Much like Wordpress and with some knowledge of HTML and PHP, you can use Pligg for almost any type of website.

Most Pligg based websites use it for what it was designed for, a Digg style website. But, there are many things you could use it for. For example, an image gallery website or even an article database like Article Alley where users can Submit Articles or find Free Articles for use on their sites..

Article databases are great for attracting traffic from people looking for articles to people writing them.

Using Pligg to run an Article Alley would require minimal effort and almost no code changes.

Basics steps to accomplish this:

Five star voting:

Admin > Configure > Voting > Voting Method > Set to 2

Remove URL field on submission process to Submit Articles:

Admin > Configure > Submit > Require a URL Wen Submitting > set to FALSE

Admin > Configure > Submit > Show the URL Input Box > set to false

Admin > Configure > Submit > No URL Text > set to say Article

Admin > Configure > Submit > HTML Tags to Allow > add whatever tags you want here

TinyMCE WYSIWYG Editor:

I would also add the TinyMCE WYSIWYG Editor module available from Pligg.

Monetize it:

For this you will need to edit your link_summary.tpl file. As you can see on Article Alley, they have added Adsense to their articles, you can do this as well, simply by adding the Adsense code where you want the ads to appear.

SEO:

One thing Article Alley doesn’t do is make their URLs search engine friendly http://www.articlealley.com/article_964583_4.html is their URL structure, this not only looks better but also makes it easier for searching for Free Articles, make sure you use URL method 2 in the Admin panel at

Admin > Configure > URL Method > set the value to 2

If you are up to the challenge give it a go, use Article Alley as your inspiration if you need to and see what you can come with and post a link to it in the comments below.

What other use for Pligg can you think of?

SocialSpark

Get Everyone Talking

Summaries

Tools

Blog Profile