web statistics

Create Your Own PopURLs Within Wordpress

Posted on September 10th, 2008 under Tips,Tricks and Hacks, Tutorials, WordPress
ADVERTISMENTS
Share |

Popurls is a ultimate source for the latest web buzz and news, with news from sites like DIGG, Technorati, Delicious and many more.You can create something similar with recent posts from your favorite blogs.own-popurls

To implement this you need,

  1. A plugin called phptoexec to execute php code in post/pageInstallation
    1. Download phpexec.txt
    2. Rename phpexec.txt tophpexec.php
    3. Upload to /wp-content/plugins/ directory
    4. Activate the plug-in from Wordpress administration menu

    Usage

    Anywhere in your post/pages where you want to execute a PHP Codes, insert <phpcode> before your php codes and </phpcode> your php codes.
    –Via Hongkiat

  2. Another plugin called SimplePie, along with SimplePie Core
    NOTE : Activate both plugins before your proceed.

  3. Create a new page in wordpress, switch to HTML mode editing and paste the following code,

<div class=”pop-entry”>
<div class=”popurlblock”>

<h2><a href=http://www.digg.com>DIGG <img src=http://www.google.com/s2/favicons?domain=www.digg.com/></a></h2>
<ul>
<phpcode>
<?php
echo SimplePieWP(‘http://digg.com/rss/index.xml, array(
‘items’ => 10,
));
?>
</phpcode> </ul>
</div>

<div class=”popurlblock”>

<h2><a href=”http://delicious.com”>Delicious  <img src=”http://www.google.com/s2/favicons?domain=www.delicious.com”/></a></h2>
<ul>
<phpcode>
<?php
echo SimplePieWP(‘http://feeds.delicious.com/v2/rss/’, array(
‘items’ => 10,
));
?></phpcode>
</ul>
</div>

<div class=”popurlblock”>
<h2><a href=”http://stumbleupon.com”>StumbleUpon</a></h2>
<ul><phpcode>
<?php
echo SimplePieWP(‘http://rss.stumbleupon.com/buzz/’, array(
‘items’ => 10,
));
?></phpcode>
</ul>
</div>
<div class=”popurlblock”>
<h2><a href=”http://lifehacker.com”>Lifehacker</a></h2>
<ul><phpcode>
<?php
echo SimplePieWP(‘http://feeds.gawker.com/lifehacker/full’, array(
‘items’ => 10,
));
?></phpcode>
</ul>
</div>
<div style=”clear:both”></div>
<div class=”popurlblock”>
<h2><a href=”http://www.boingboing.net”>Boing Boing</a></h2>
<ul><phpcode>
<?php
echo SimplePieWP(‘http://feeds.boingboing.net/boingboing/iBag’, array(
‘items’ => 10,
));
?></phpcode>
</ul>
</div>

<div class=”popurlblock”>
<h2><a href=”http://www.digg.com”>Digg</a><img src=”http://www.google.com/s2/favicons?domain=www.digg.com”/></h2>
<ul><phpcode>
<?php
echo SimplePieWP(‘http://digg.com/rss/index.xml’, array(
‘items’ => 10,
));
?></phpcode>
</ul>
</div>

</div>

Replace the text inside the SimplePieWP function to the URL of the feed of your choice to create a list of posts from links of your choice.

For Ex.

<h2><a href=http://www.digg.com>DIGG <img src=http://www.google.com/s2/favicons?domain=www.digg.com/></a></h2>
<ul>
<phpcode>
<?php
echo SimplePieWP(‘http://digg.com/rss/index.xml, array(
‘items’ => 10,
));
?>

To change the bolded text as per the new site/blog links.The feed can also be feedburner feeds.
items => 10, number of posts to be fetched.

Here’ the CSS part

/*  Tutorial By Venkat — www.TechYard.net */

/* http://www.techyard.net/create-your-own-popurls-in-wordpress */

.popurlblock {
width:250px; float:left; padding:0; margin:0 0 40px 0;
}

.pop-entry h2 {
font-size: 1.5em;
margin: 0;
padding: 0 0 15px 0;
height: 15px;
}

.pop-entry h2 a, .pop-entry h2 a:active, .pop-entry h2 a:link, .pop-entry h2 a:visited {
color: #3f3f3f;
}

.pop-entry h2 a:hover {
color: #000;
}

.pop-entry a, .pop-entry a:active, .pop-entry a:link, .pop-entry a:visited {
color: #333333;  //326ea1
text-decoration: none;
font-size:12px;
}

.pop-entry ul{
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0.9em;
width: 350px;
}

.pop-entry li  {
border-top: 1px solid #dcdcdc;
line-height: 16px;
margin: 5px 0 5px 0;
}

.pop-entry li a:hover {
color: #333;
text-decoration: none;
background-color: #fafafa;
display:inline-block;
}

.pop-entry img{
background-color: #fafafa;
}

.clearer { clear: both; height: 30px; }

Change the CSS as per your sites requirements.

Written by Avinash

Browse Tech Yard for the latest & interesting web applications, Freewares, Wordpress Tips, Firefox Hacks and Addons, Mobile Phones, Windows - Linux - MAC OS Tricks.

Stumble Digg Technorati Reddit Delicious


Related Posts

14 Responses to “ Create Your Own PopURLs Within Wordpress ”

  1. [...] Create Your Own PopURLs Within Wordpress [...]

  2. [...] Create Your Own PopURLs Within Wordpress [...]

  3. [...] 4 – Create Your Own PopUrl Sections In Your Blog | TECH YARD [...]

  4. [...] 11?Create Your Own PopURLs Within Wordpress ??????PopURL????????????PS?????hao123???^_^? [...]

  5. [...] Creiamo il nostro PopURLs con Wordpress [...]

  6. pop says:

    My news aggregator made with SimplePie: http://www.newspopl.com

  7. [...] Create Your Own PopURLs Within Wordpress [...]

  8. QuickJAB says:

    This is a great post. But is it possible to do this in an area on my site’s home page? Could I somehow create an area on the home page where I could insert these feedlists? I’d like them to appear below the featured content gallery in the main content area, not in the sidebar or footer.

    Thanks!

  9. Bryan says:

    Beware, the function uses EVAL code that get you banned by Google



Leave a Reply

Subscribe to TECH YARD:

RSS

Grab the RSS feed for Free Updates!


subscribe

Get blog updates sent directly to your inbox by entering your email address above.