Flashback Trojan Removal
April 13, 2012
Downloads, Tech News, Tips, Tricks, 'n Tutorials banking credentials, f-secure, flashback, flashback trojan, java, mac, mac os x, removal, scam, script, security, trojan, update Leave a comment
Create a Horizontal RSS Feed Ticker
February 25, 2012
Tips, Tricks, 'n Tutorials article ticker, blog, css, feeds, gian carlo mingati, horizontal, html, jquery, liscroll, news ticker, php, rss, rss feed, script, scroll, scroller, simplepie, ticker, web, web design, website 1 Comment
We have added an article ticker on the school’s website that shows the latest posts from our blog site. jQuery tickers are always a plus if you’re promoting your blog.
On this tutorial, I will show you how to create a horizontally scrolling news/article ticker that will load content from a feed. I’m assuming that you are a website admin and has control/access on your host (ftp or ssh).
To be able to load feeds from our blog site, we’ll use SimplePie. It’s a free code library that you can download from here. After downloading and unzipping SimplePie, create server-writable “php” and “cache” folders on your web host’s root directory (where your index or home page is located). Upload “simplepie.inc” to the “php” folder you created. Edit your home page and add these lines before the DocType declaration:
<?php
require_once(‘path/to/simplepie.inc’);
$feed = new SimplePie();
$feed->set_feed_url(‘http://website.url/feed/’);
$feed->init();
$feed->handle_content_type();
?>
Create a div that will contain your feed and add these lines that will fetch the article titles.
<!– some codes here –>
<div>
<?php foreach ($feed->get_items() as $item) : ?>
<a target=“_blank” href=“<?php echo $item->get_permalink(); ?>“><?php echo $item->get_title(); ?></a>
<?php endforeach; ?>
</div>
<!– more codes here –>
Save your index page as a php file (index.php). Once you open your index page, you should be able to see your article titles.
We’ll now download two files from the liScroll website – jquery.li-scroller.1.0.js and li-scroller.css. Upload the files to their respective directories (usually js and css) and add these lines inside your index page’s head tag:
<head>
<!– other codes here –>
<link href=“css/li-scroller.css” rel=“stylesheet” type=“text/css” media=“screen” />
<script type=“text/javascript” src=“js/jquery.li-scroller.1.0.js”></script>
<script type=“text/javascript”>
$(function(){
$(“ul#ticker01”).liScroll({travelocity:0.1});
});
</script>
</head>
The first two lines pointed where our jQuery code and css files are contained. The chunk of code after that called the liScroll() function. “Travelocity” specifies the scrolling speed. And finally, we’ll wrap our feeds inside an unordered list tag and add “ticker01” id.
<!– some codes here –>
<div>
<ul id=“ticker01”>
<?php foreach ($feed->get_items() as $item) : ?>
<li><a target=“_blank” href=“<?php echo $item->get_permalink(); ?>“><?php echo $item->get_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
This will create a list of your feeds and liScroll will do its task of scrolling them horizontally. liScroll works with jQuery 1.4+.
Update
You may download the source files (feedticker_src.zip) from here. Unzip the file and upload them on your personal/test server (WAMP, MAMP, XAMPP, etc) and open index.php using your browser.
Open Multiple Google Accounts with Multiple Sign-in
December 1, 2011
Tips, Tricks, 'n Tutorials account, Alerts, browser, Calendar, Code, Docs, Finance, gmail, google, google apps, Google Moderator, Groups, iGoogle, Maps, multiple, multiple sign-in, News, Profiles, Reader, scribd, sign-in, Sites, tabs, Voice, Web Search Leave a comment
If you have multiple GMail accounts (for regular GMail or Google Apps), you might have experienced signing in and out or using different browsers to check your accounts. Google’s multiple sign-in solves this problem as it lets users login and use 10 Google accounts, including their products/services, open simultaneously in a single browser.
Here’s how you enable Multiple sign-in:
1. Click your name/email address on the top right corner of your screen. Click “Account settings”.
2. Under the Personal Settings area, you’ll see that your Multiple sign-in status is off. Click “Edit”.
3. Click “On” and check all the checkboxes under the “On” option. Click “Save”.
4. Sign out for the changes to take effect then sign back in.
To sign in to your other Google account:
1. Click your name/email address on the top right corner of your screen. Click the “Switch account” link.
2. Click the “Sign in to another account” link to sign in to your other Google account which you’ll be adding.
3. After signing in to the other account, it will be added on the list of Google accounts that you’ll be switching to.
Here are the products that support the multiple sign-in feature:
Alerts, Calendar, Code, Docs (Google Apps accounts only), Finance, Gmail, Google+, Google Moderator, Groups, iGoogle, Maps, News, Profiles, Reader, Sites, Voice, Web Search.
Download a printable version of this how-to from Scribd.