Fork me on GitHub

pe_pplog demo page

Main menu

Roadmap

No comments
In a few days a friend comes to visit and I want to release the (probably last) version of the blog before then. Upcoming changes:

css based lightboxes (no more prettyPhoto, see the example with backgrounds)
New plugin: ability to take notes (this was something I always wanted to add, because I am a slow writer)
Changes to sending mail (see previous post)
Possibility to add smilies with one click (to test write a comment :)).
Adding the upload plugin
Having the background pictures in a less ridiculous size.
Posted on - Categories: changes


Help with the mail, please!

1 Comment
Fixing the contact script.

I got a lot of comments from people like me, who don't have sendmail installed.

In the current version mail is send with the following code:


open (MAIL,"|/usr/lib/sendmail -t");
print MAIL "To: $config_sendMailWithNewCommentMail\n";
print MAIL "From: $email, \t $author \n";
print MAIL "Subject: $title\n\n";
print MAIL "$message ";
close(MAIL);



Obviously this only works for people who have sendmail installed at /usr/lib/sendmail. In the new version I want to the user to be able to choose which program to use in the config file:

@config_sendMailWithNewCommentMail
=('/usr/lib/sendmail -t','example@email.com');

Thus the code becomes:
open (MAIL,"|$config_sendMailWithNewCommentMail[0]");
print MAIL "To: $config_sendMailWithNewCommentMail[1]\n";
print MAIL "From: $email, \t $author \n";
print MAIL "Subject: $title\n\n";
print MAIL "$message ";
close(MAIL);


I don't have sendmail or the like installed, so if any one can tell me if this makes sense, that would be nice.
I added the option for people like me to have the messages stored locally and read inside the admin page of the blog, by putting 'local' instead of a path.
Posted on - Categories: changes


backgrounds

No comments
Testing the new gallery/lightboxes script.

menu


use tab to browse

m_menu


a description

menu3

m_menu3

menu4

menu2

m_menu2




CLICK!

TEXT_BOX

this should be a text box write with bbcode just
like any post



BBcode

Picture: {box=/css/menu.jpg title=menu}{img}/css/menu.jpg {/img} use tab to browse{/box}
Text box: {box=. title=TEXT_BOX}{style=width:200px;}this should be a {b}text box {/b}write with {u}bbcode{/u} just like {i}any{/i} post{lol/} {/style}{/box}

Posted on - Categories: extras


Feeds (2) /Social Feeds

No comments
Cross-domain RSS feed
The previous described method of including an RSS feed in the blog was only for feeds from the same domain. For cross domain RSS feeds one either has to use a Google Ajax Feed API or a server side proxy script.

One example for a JQuery plugin working with the Google API is FeedEk.

After downloading the plugin from the homepage, place the following in $config_customHTMLhead or directly in the post.

<script type="text/javascript" src="FeedEk.js"></script>

See below for an example set up.

example1
example2
set up script

Twitter feeds
Twitter changed it's API recently, which means that many of the plugins I found did not work. The one I could get to work was Tweetable. The included css file shouldn't be used as it will mess with the overall look of the blog and only the styles for #tweets included to main style sheet, unless one is ok with the feeds being in conventional list style. There is no need to put anything into $config_HTMLhead.

example
set up script

You tube feeds
Yunero is an example to add a youtube feed. I did not manage to change the 2 column thumbnail layout. There is no css file, just download the plugin from the webside, copy and paste the code from the how to on the homepage into the blogpost, change the path to the .js file and
"var youTubeURL" to channel or playlist URL.

example

Aggregating social network and RSS feeds
Due to the aforementioned change in the the twitter API, twitter feeds might not work here.

Socialist has the nice feature of the plugin being hosted, which means one only has to add the following to the post and change the networks and id's to ones own.

<script type="text/javascript" src="http://plugins.in1.com/scripts/socialist.js"></script> <div id="socialist" data-networks="pinterest,rss,tumblr" data-ids="hubspot,http://feeds2.feedburner.com/ImpressiveWebs,in1blog"></div>

Obviously this might effect loading time, though.

example

For so.so.social twitter is not working. The included css file shouldn't be used as it will mess with the overall look of the blog and only the styles for #activityFeeds ul and #activityFeeds ul li included to the main style sheet. So again, after downloading and putting the js file in the folder /js one only has to put the set up script in the post. Of course with changing ids to ones own social network ids.

example
set up script
css

There are obviously a lot more plugins that deal with social networks. Time wise I can not test them all, check out http://jquery-plugins.net for more.


Embedded IRC

No comments
Embedding IRC into a page of the blog is quite easy using qwebirc. Qwebirc is a webchat used by most of the bigger IRC networks, such as QuakeNet, Freenode, EFNet and more. To add an IRC channel to the blog, go to the webchat of the IRC Network the channel belongs to, (eg http://webchat.freenode.net/) click on "Add webchat to your site" and follow the wizard until you get a code like this:

<iframe src="http://webchat.freenode.net?randomnick=1&channels=%23test&uio=d4" width="647" height="400"></iframe>


Make a new blog entry and copy and paste the code. Check is HTML.

The result will look like this:





Pages: [1] [2] [3] [4] [5] [6] ...