Tuesday, November 20, 2012

Embed RSS feeds into a webpage

In websites such as Fireburst News,  you will see RSS feeds embedded into the webpage. Also, you may want to display your RSS feed in your site's homepage. To make an RSS file, visit this post. Here's the code to embed my blog's RSS:
<script src="http://gmodules.com/ig/ifr?url=http://sethsdiscoveries.blogspot.com/feeds/posts/default&amp;synd=open&amp;w=320&amp;h=200&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

Thursday, November 15, 2012

XML links or Xlink

In XML, tags are made up which makes XML links almost impossible. The solution to this is Xlink, which is a standard for XML links. To display links use a code like this;
<?xml version="1.0"?>

 <homepages xmlns:xlink="http://www.google.com">

<homepage xlink:type="simple"
 xlink:href="http://ddg.gg">Duck Duck Go</homepage>

<homepage xlink:type="simple"
 xlink:href="http://www.google.com">Google</homepage>

</homepages>


An easy example would be this;
<plantstore xmlns:xlink="http://www.w3.org/1999/xlink">
 <plant name="Petunia">
<description
xlink:type="simple"
  xlink:href="http://plants.com/images/petunia.png"
xlink:show="new">
  The familiar petunia at a bargain price.
</description>
</book>

</bookstore>


You can repeat the highlighted text as often as you like. 

Make a webpage RSS feed

Most news sites have things called RSS feeds that you subscribe to and get updates using a feed-reader. It's actually easy to make an RSS feed, using basic XML. This code goes into notepad. Update whenever you have a new post you want to display in the feed
<?xml version="1.0" encoding="ISO-8859-1" ?>
<rss version="2.0">
<channel>
<title>New Feed One</title>
<link>http://site.com/newfeedone</link>
 <description>Start text on articles</description>
<item>
<title>New Post Two</title>
<link>http://site.com/newposttwo</link>
<description>New post on New Post Two</description>
</item>
<item>
<title>New Post Three</title>
<link>http://www.site.com/newpostthree</link>
<description>description</description>
</item>
</channel>
</rss>

Save as "feed.xml" but you can change anything except .xml.

Add categories with this code:
<category>Web development</category>

Make Image Links open in a New Tab

Many people want to make image links open in a new tab, like they do on my Alternative Search Engines list. It's a fairly simple code too:
<a href="http://www.clipotech.com/" target="_blank"><img border="0" height="75" src="http://4.bp.blogspot.com/_QF2exREIx20/SVDCxpqD2jI/AAAAAAAABtg/cJuBW3wQpLw/S1600-R/0007.PNG"/></a>
That will make a link that goes like this:  
You can remove any text that's marked in red.

Make a Duck Duck Go, Bing or Google search box for your desktop

You may have seen the Bing search box that you would put on your desktop whenever you started your PC. It's easy to make something similar. 
Open Microsoft Visual C# 2010 Express. If you don't have it, it is free and you can get it here. Click on "New Project" and select "Windows Forms Application."
When it loads, this should come up:

Change its width to suite you, but leave its hight the same. Set form border style to "none,"text to anything you like and Locked to true.
Then set the transparency key to "blue" which is under them "web" tab that comes up when Transparency Key is clicked. 
Go to any free web site host that allows the uploading and viewing of HTML files. I suggest Webs and Yola will not work. Log in or create an account. Then open Notepad and enter this code:
If you want Google search enter this code
<body bgcolor="blue">
<!-- Begin Google Search Code -->
<form id="searchform" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input onfocus="searchfield_focus(this)" type="text" id="as_q" name="as_q" value="Search"><span class="Apple-converted-space"> </span><input type="submit" value="Search" title="Search" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; height: 22px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "></form> <!-- End Google Search Code -->
If you want a Bing search box:
<body bgcolor="blue">
<!--search from Bing-->
<form method="get" action="http://www.bing.com/search">
<input type="hidden" name="cp" value="1252" />
<input type="hidden" name="FORM" value="FREESS" />
<table bgcolor="#FFFFFF">
<tr>
<td>
<a href="http://www.bing.com/">
<img src="http://www.bing.com/siteowner/s/siteowner/Logo_51x19_Dark.png" border="0" ALT="Bing" />
</a>
</td>
<td>
<input type="text" name="q" size="30" />
  <input type="submit" value="Search Site" />
  </tr>
</table>
</form>
<!-- Search from Bing -->
If you want a Duck Duck Go search box:
<body bgcolor="blue">
<script type="text/javascript" src="/d895.js"></script>
<style type="text/css">
html{overflow:hidden;}

#search_form_homepage {
float:none;
margin:0;
width:406px;
}

#logo {
float:left;
display:none;
}

#search_form_input_homepage {
width: 350px;
}

#search_wrapper_homepage {
width:42px;
}
</style>
</head>
<body>

<form onSubmit="return searchb()" id="search_form_homepage" name="x" action="http://duckduckgo.com/" target="_blank">
<img id="logo" src="/assets/logo_icon60.v101.png">
<div id="sxd"></div><div id="search_wrapper_homepage"><input id="search_button_homepage" type="submit" value=""/></div><input type="text" autocomplete="off" name="q" id="search_form_input_homepage" onFocus="if ('rc' in window) {nua('nro',rc)};fq=1;" onBlur="fq=0" onclick="if (this.value=='put search terms here') {this.value='';this.style.color='#000000';}" value="">
<script type="text/javascript">
var tracking=new RegExp('[\?\&]t=([^\&]+)');
if (tracking.test(window.location.href)) {
document.write('<input type="hidden" name="t" value="'+RegExp.$1+'">');
}
var karr = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','aa','ab','ac','ad','ae','af','ag','ah','ai','aj','ak','al','am','an','ao','ap','aq','ar','as','at','au','av','aw','ax','ay','az');
for (var i=0;i<karr.length;i++) {
var kre=new RegExp('[\?\&]k'+karr[i]+'=([^\&]+)');
var ktmp='';
if (kre.test(window.location.href)) {
ktmp=decodeURIComponent(RegExp.$1);
if (ktmp.length<11) document.write('<input type="hidden" name="k'+karr[i]+'" value="'+ktmp+'">');
if (karr[i]=='n'&&ktmp&&ktmp=='1') d.x.target='_new';
}
}
</script>
</form>
</div>

<script type="text/javascript">
var width=new RegExp('[\?\&]width=([^\&]+)');
if (width.test(window.location.href)) {
YAHOO.util.Dom.setStyle('search_form_input_homepage','width',RegExp.$1 + 'px');
YAHOO.util.Dom.setStyle('search_form_homepage','width',(parseInt(RegExp.$1)+58) + 'px');
}

var duck=new RegExp('[\?\&]duck=([^\&]+)');
if (duck.test(window.location.href)) {

var tmp_add = 75;

if (RegExp.$1=='small') {
d.getElementById('logo').src='/icon.v102.small.png';
tmp_add = 34;
} else {
YAHOO.util.Dom.setStyle('search_wrapper_homepage','margin-top','10px');
YAHOO.util.Dom.setStyle('search_form_input_homepage','margin-top','10px');
}

YAHOO.util.Dom.setStyle('search_form_homepage','width',(parseInt(YAHOO.util.Dom.getStyle('search_form_homepage','width'))+tmp_add) + 'px');
YAHOO.util.Dom.setStyle('logo','display','block');
}

var site=new RegExp('[\?\&]site=([^\&]+)');
var ssearch = '';
if (site.test(window.location.href)) {
ssearch = RegExp.$1;
}

var prefill=new RegExp('[\?\&]prefill=([^\&]+)');
var prefill_text = '';
if (prefill.test(window.location.href)) {
prefill_text = RegExp.$1;
prefill_text = prefill_text.replace(/%20/,' ');
// alert(val);
// console.log(val);
var search_form_input_homepage = d.getElementById('search_form_input_homepage');
search_form_input_homepage.value = decodeURIComponent(prefill_text);
YAHOO.util.Dom.setStyle(search_form_input_homepage,'color','#999999');
eval("search_form_input_homepage.onclick = function() {if (this.value=='" + prefill_text + "') {this.value='';this.style.color='#000000';}}");
}

var focus=new RegExp('[\?\&]focus=([^\&]+)');
if (focus.test(window.location.href)) {
window.onload = function() {
YAHOO.util.Dom.get("search_form_input_homepage").focus();
YAHOO.util.Dom.get("search_form_input_homepage").onkeydown = function(){
if (this.value == prefill_text) {
this.value = '';
}
this.style.color = '#000000';
};
YAHOO.util.Dom.get("search_form_input_homepage").onkeyup = function(){
if (this.value == '') {
this.value = prefill_text;
this.style.color = '#999999';
}
};
};
}

var bgcolor=new RegExp('[\?\&]bgcolor=([^\&]+)');
if (bgcolor.test(window.location.href)) {
if (RegExp.$1 === 'none')
YAHOO.util.StyleSheet('DDG').set('html', {background: "transparent"});
else
YAHOO.util.StyleSheet('DDG').set('html', {background: "#" + RegExp.$1});

} else {
YAHOO.util.StyleSheet('DDG').set('html', {background: "transparent"});
}

function searchb() {
if (ssearch) d.x.q.value += ' site:'+ssearch;
return true;
}

if (document.location.protocol=='https:') {
d.x.action='https://duckduckgo.com/';
}
</script>
Save as "myfile.htm" and upload to the site host. Visit the file, copy the URL. Then drag a "web Browser" control to your form. In the URL section, enter the URL you copied. Set "display errors" to false, and debug and build. Move to starup folder on your PC, then you are done. If you want an example, you can try Fireburst Desktop.

Wednesday, November 7, 2012

Tell robots not to index a page, part 1

Robots are little pieces of technology that find links for the search engines. This makes it so the pages discovered by the robots, (also called "spiders.") appear in the search engine's results. This is part one of how to keep Google, Yahoo, Bing, Gigablast, Fireburst and other search engines from indexing a single page or pages of a site. This is done by meta tags inserted between the <head> and </head> tags.
Keep a bot from indexing a page
To keep a "good" bot from adding a page to its index insert this meta tag in the head:

<meta name="robots" content="noindex" />

Keep bots from following links on a page
<meta name="robots" content="nofollow" />


Keep a bot from following a specific link

<a href="URL" rel="nofollow">link text</a>


Other bot restriction Tags

Keep bots from indexing images on your page:

<meta name="robots" content="noimageindex" />


Keep bots from archiving a copy of your page:

<meta name="robots" content="noarchive" />

Keep bots from translating the page in search result
<meta name="robots" content="notranslate" />

Saturday, November 3, 2012

Make a Firefox search Add-on for a GCSE

Adding an search engine to Firefox is the only disadvantage to Firefox. You have to install an add-on. Compare that to Opera, where you can right click the search field. To make things worse, search add-ons are in XML. I could go on and on, but I will put my dialog at the end and you may read it if you like.
TO make this search addon your GCSE will have to follow this tutorial:http://sethsdiscoveries.blogspot.com/2012/10/two-page-more-customizable-gcse-for.html
Open notepad and enter this code:

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>
Seth's Tutorials
</ShortName>
<Description>
Search for code and PC tutorials by Seth Sevenyoln</Description>
<InputEncoding>
UTF-8
</InputEncoding>
<OutputEncoding>
UTF-8
</OutputEncoding>
<AdultContent>
false
</AdultContent>
<Image height="16" width="16" type="image/x-icon">
http://sethsdiscoveries.blogspot.com/favicon.ico</Image>
<Url type="text/html" template="http://sethsdiscoveries.blogspot.com/p/search-results.html?q={searchTerms}"/>
<SearchForm>
http://sethsdiscoveries.blogspot.com
</SearchForm>
</OpenSearchDescription>



Seth's Tutorials is the name of the add-on and the name of the search engine displayed in the search box.   Search for code and PC tutorials by Seth Sevenyoln is the description which is displayed in the search results of Mozilla add-ons directory.  http://sethsdiscoveries.blogspot.com/favicon.ico  is the URL of the icon and no it doesn't work for me either. http://sethsdiscoveries.blogspot.com/p/search-results.html?q=  is the URL where results are displayed. For example, if you wanted to search fireburst.webs.com the URL would be fireburst.webs.com/searchresults.htm?q=. A way to find this out is to search for "n" and take the "n" out of the URL. http://sethsdiscoveries.blogspot.com  is the URL of your homepage. Mine looked like this:

Then save it as "searchname.xml" To save it as an xml file you will need to put the filename in quotations. Mine looked like this:

Open Firefox and navigate to addons.mozilla.org. Log in or sign up with a developers account(free). Follow the steps and submit your addon. You're finished. You can download the add-on for my blog here