Resolved - Add "Recent Posts" to Website

[nootkan]

Is there a way to add "recent posts" to my website in the root from the bludit blog in the sub folder blog? Would like to have 5 recent posts from my blog show up on the website in my footer. Hope this makes sense.

Update: I found this https://docs.bludit.com/en/misc/embed-b ... websitedoc on using the api, but not sure how to style it or change the number of posts from 15 to 5.

[Edi]

What system do you use for your website? Bludit or another system?

[nootkan]

I have built my website with dreamweaver cs6 and placed bludit inside a sub directory named "blog". I was able to follow the embed instructions and get the posts to show in my footer but I only wanted 5 posts not 15. I also can't figure out how to make some changes to the css to add padding between the "Title" and "Link to Post" text.

Below are screenshots of what I am seeing and what I want to change with css if possible. Changes are highlighted in a square box.


This is what I see using Firefox's Firebug extension:

[Edi]

I was able to follow the embed instructions and get the posts to show in my footer but I only wanted 5 posts not 15.

You can limit the number of posts with a codition:

Code: Select all

$i = 1;

foreach($data as $post) {

        if($i <= 5) {
        
            $postPermalink = $post['permalink'];
            echo $post['title'];
            echo '<a href="'.$postPermalink.'">Link to post</a>';
            echo '<br>';

            $i++;

        }

        else {

        break;

        }
 }

I also can't figure out how to make some changes to the css to add padding between the "Title" and "Link to Post" text.

Add classes, and give them some CSS definitions:

Code: Select all

$i = 1;

foreach($data as $post) {

        if($i <= 5) {
        
            $postPermalink = $post['permalink'];
            echo '<div class="post-title">'.$post['title'].'</div>';
            echo '<a class="post-link" href="'.$postPermalink.'">Link to post</a>';
            echo '<br>';

            $i++;

        }

        else {

        break;

        }
 }

[nootkan]

Thanks for the reply however I am a complete newbie when it comes to php coding. I wouldn't know where to add the code you provided. I can copy and paste php but that is about all I can do with it for now. I was hoping that what I wanted to do was already an option with bludit and I just couldn't find it. Any plans to add these abilities to the api plugin in the future?

[Edi]

What is the code you are using at the moment?

I don't know, if there are any plans for additions to the plugin.

[nootkan]

Thanks again for the reply. Here is the code I am using now based on the https://docs.bludit.com/en/misc/embed-b ... my-website:

Code: Select all

<div id="box8">
  <h3>Archived Blog Posts</h3>
  <?php

$url = 'http://www.mysite.com/blog/api/show/all/posts/9db3f4a23151d350951cb5e279cb4251';

$jsonData = file_get_contents($url);

$data = json_decode($jsonData, true);

foreach($data as $post) {

    $postPermalink = $post['permalink'];

    echo $post['title'];

    echo '<a href="'.$postPermalink.'">Link to post</a>';

    echo '<br>';
}

?></div>

Do I paste the codition code you posted somewhere inside this code?

[Edi]

Yes, its an extension of the code you have posted (after the line "$data = json_decode($jsonData, true);").

The whole code is:

Code: Select all

<div id="box8">
  <h3>Archived Blog Posts</h3>
  <?php

$url = 'http://www.mysite.com/blog/api/show/all/posts/9db3f4a23151d350951cb5e279cb4251';

$jsonData = file_get_contents($url);

$data = json_decode($jsonData, true);

$i = 1;

foreach($data as $post) {

        if($i <= 5) {
       
            $postPermalink = $post['permalink'];
            echo '<div class="post-title">'.$post['title'].'</div>';
            echo '<a class="post-link" href="'.$postPermalink.'">Link to post</a>';
            echo '<br>';

            $i++;

        }

        else {

        break;

        }
 
}

?>
</div>

[nootkan]

Awesome thanks very much for this.

If I wanted to only have the title as a hyperlink instead of the "link to post" text how would I do that?

I tried the following changes but neither worked for me. The first one is close as it shows the title as a link but when I try to click it I can't. The second example just gives a blank page.

Code: Select all

$i = 1;

foreach($data as $post) {

        if($i <= 5) {
       
            $postPermalink = $post['permalink'];
            echo '<a class="post-title">'.$post['title'].'</a>';
            echo '<br>';

            $i++;

        }

        else {

        break;

        }
 
}

Code: Select all

$i = 1;

foreach($data as $post) {

        if($i <= 5) {
       
            $postPermalink = $post['permalink'];
            echo '<a class="post-link" href="'.$postPermalink.'"> ['title']</a>';
            echo '<br>';

            $i++;

        }

        else {

        break;

        }
 
}

[Edi]

You can use:

Code: Select all

            $postPermalink = $post['permalink'];
            $postTitle = $post['title'];
            echo '<a class="post-link" href="'.$postPermalink.'">'.$postTitle.'</a>';
            echo '<br>';

"echo" is a sort of PHP function to show some output. HTML output is set between ' (quotation marks), if it is combined with variables the string has to be put together with . (dots).