How to add an RSS feed to Tumblr using Javascript 2014. I'm no expert when it comes to using Tumblr. However, I have had a Tumblr account sitting there doormant for quite some time. I work with other platforms, mainly Wordpress and Blogger. Recently I wanted to make a new Tumlbr blog in order to use it to promote an RSS feed from a footwear website I have. I was shocked to read that Tumblr have removed the RSS function from there website. So I thought, there must be a way to display a feed. After reading countless websites about how to add a feed it quickly came apparent that mostly all were out of date and not relevant anymore. The other few where quite confusing in terms of setting up this and that, getting 2 secret keys API etc etc. You get the idea. There is an easier way to add a quick RSS feed to Tumblr, and that's by converting the feed into Javascript.
Here is how I generate an RSS feed that will work on Tumblr:
Get your RSS feed address that you want to use on Tumblr.
Example: This blogs RSS feed: http://ill-help-u.blogspot.com/feeds/posts/default
Go to: http://feed2js.org/ and enter your RSS feed address into the box that asks for it. Use the options on the page to build what you want your feed to display.
Example: Number of items to display, show a description etc. Then click preview to check that the feed looks OK. Once your happy with how the feed displays click generate.
You should now have a few lines of code in the generated box that will look like this:
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fill-help-u.blogspot.com%2Ffeeds%2Fposts%2Fdefault&chan=y&num=5&utf=y" charset="UTF-8" type="text/javascript"></script>
<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fill-help-u.blogspot.com%2Ffeeds%2Fposts%2Fdefault&chan=y&num=5&utf=y&html=y">View RSS feed</a>
</noscript>
Copy all the code from the generated box and go over to Tumblr.
Note: Your feed is added automatically to the code.
On Tumblr click the website you want to display the feed on and go to the "Posts" page like your going to create a post. Out of the Tumblr post options, add Text, Photo, Quote, Link etc. Click the Text option.
Now first, click the html option from the featured tools at the top. It looks like this <html> and is located on the right hand side. Make sure that <html> is highlighted. Then paste the Javascript code that you copied earlier into the text box where you would usually write your text. Save the post and then open the post to check it out. You should now have an RSS feed displaying on Tumblr.
Pretty sure this will work using the make a "Page" feature of Tumblr as well as other Tumblr options that allow HTML and / or Javascript, such as the side bar.
Please Note: A lot of feeds are different and some will display images as well as text and others don't by default. For example, Wordpress won't show images in an RSS feed by default and as a result needs a plugin to do so. There are several available. Here's one in case you need it: http://justintadlock.com/archives/2008/01/27/custom-fields-for-feeds-wordpress-plugin
Hope this helps you out.
How to Delete Adsense From FeedBurner
FeedBurner have made it a bit of a nightmare for users to delete their Adsense ads from their feeds. I know first hand how hard it is. I recently tried to delete my Adsense ads from FeedBurner only to realise that their is actually no option to do so. So once enabled the ads a there to stay! Adsense for feeds are discontinuing their service soon anyway so within a few months the ads should just vanish from your feeds.
However, if you are desperate to get rid of the ads from your feeds right now there is a way to make them disappear.
Here’s what worked for me.
Go to your FeedBurner feeds list, select the feed you want the ads removed from. Before you delete the feed make a note of the feeds name.
An example: http://feeds.feedburner.com/CanYouDefendYourself. That is one of my feeds. So the bit you want to make a note of is just the end of the feed. In this case it’s “CanYouDefendYourself”.
OK, so now go ahead and just delete the feed. Once the feed is deleted go straight to “Burn a feed right this instant” and make a new feed for the same website using the exact same feed name. In my example it’s “CanYouDefendYourself”. That should be it. When you check your new feed now the ads should be gone. Mine were.
Please Note: You will lose all your subscribers using this method. However, I’m not sure if using the exact same feed name automatically re-subscribes the readers, but it seems to have done so with mine. I have all my subscribers back except 1 or 2.
However, if you are desperate to get rid of the ads from your feeds right now there is a way to make them disappear.
Here’s what worked for me.
Go to your FeedBurner feeds list, select the feed you want the ads removed from. Before you delete the feed make a note of the feeds name.
An example: http://feeds.feedburner.com/CanYouDefendYourself. That is one of my feeds. So the bit you want to make a note of is just the end of the feed. In this case it’s “CanYouDefendYourself”.
OK, so now go ahead and just delete the feed. Once the feed is deleted go straight to “Burn a feed right this instant” and make a new feed for the same website using the exact same feed name. In my example it’s “CanYouDefendYourself”. That should be it. When you check your new feed now the ads should be gone. Mine were.
Please Note: You will lose all your subscribers using this method. However, I’m not sure if using the exact same feed name automatically re-subscribes the readers, but it seems to have done so with mine. I have all my subscribers back except 1 or 2.
How To Delete All Bookmarks in FireFox
If you try to delete all your bookmarks in FireFox 12 using the drop down bookmarks selector tab it will only let you delete them one at a time. This is the same for every FireFox version I have used. For some reason holding the Shift key on your keyboard while one of your bookmarks is highlighted and pressing down as in to select more then one bookmark at a time has been disabled, or just doesn’t seem to work. I think Internet Explorer is the same in this respect.
To be able to select all the bookmarks in Firefox using the shift key and the directional pad on your keyboard first go to the Bookmarks tab > Click Show all Bookmarks > then click Bookmarks Menu in the sidebar. Now you should see all your bookmarked pages in the big window next to the sidebar. From here you can now select one of your bookmarks so that it is highlighted, then just press and hold down the shift key and use the directional pad on your keyboard to select all bookmarks one by one and then delete which ones you don’t want anymore in bulk.
If you want to delete everything, whilst still on the Bookmarks Menu you can just press the “Organise” tab at the top of the page then press select all and right click the selected items, select the delete option and delete all bookmarks in one go.
To be able to select all the bookmarks in Firefox using the shift key and the directional pad on your keyboard first go to the Bookmarks tab > Click Show all Bookmarks > then click Bookmarks Menu in the sidebar. Now you should see all your bookmarked pages in the big window next to the sidebar. From here you can now select one of your bookmarks so that it is highlighted, then just press and hold down the shift key and use the directional pad on your keyboard to select all bookmarks one by one and then delete which ones you don’t want anymore in bulk.
If you want to delete everything, whilst still on the Bookmarks Menu you can just press the “Organise” tab at the top of the page then press select all and right click the selected items, select the delete option and delete all bookmarks in one go.
Fix Remove Can’t Load Res_dll Error Box
After some hunting around to find out where this problem was coming from I found that it something to do with the Linksys wireless G USB wireless adapter software installed on my laptop. I wouldn’t mind if I was actually using the Linksys wireless G USB wireless network adaptor software to connect to the Internet but I’m not. I use a Ralink driver. I guess this leaves me in a better position to get rid of the cant load REs_dll error because I don’t actually need the driver. All that is required is that you uninstall the Linksys wireless G USB wireless adapter driver software. Once uninstalled the “Can’t load Res_dll” error box will be removed.
It’s more of an annoyance then a real bad computer problem so if you can put up with the error box then there is no need to uninstall the Linksys software. All you have to do is move the box to the side of the screen and forget about it. However, if you just don’t want this error box anywhere on your screen there is other driver software that will work with a Linksys wireless G USB wireless adapter and that is the Ralink_54M&150&300M driver.
Find that driver (Ralink_54M&150&300M.exe) and install it to see if is compatible with your Linksys Network Adapter. It should work fine. Be careful though when downloading the Ralink_54M&150&300M.exe driver as some are said to contain a virus. I had a post on this site that had the download link but I removed it due to virus complaints so be sure to scan with antivirus before install.
It’s more of an annoyance then a real bad computer problem so if you can put up with the error box then there is no need to uninstall the Linksys software. All you have to do is move the box to the side of the screen and forget about it. However, if you just don’t want this error box anywhere on your screen there is other driver software that will work with a Linksys wireless G USB wireless adapter and that is the Ralink_54M&150&300M driver.
Find that driver (Ralink_54M&150&300M.exe) and install it to see if is compatible with your Linksys Network Adapter. It should work fine. Be careful though when downloading the Ralink_54M&150&300M.exe driver as some are said to contain a virus. I had a post on this site that had the download link but I removed it due to virus complaints so be sure to scan with antivirus before install.
Remove Menu Bar From Blogger Templates
How to remove the navigation menu bar from some blogger templates.
See the picture below of an expample blogger template that has the menu bar that we want to remove which is highlighted in red.
Have you ever managed to find a blogger template that you really like only to end up not using it because it’s too much work to sort out. A lot of the new fancy blogger templates have many different menus, picture slideshows and different colour themes that are hard to match ads to. You name it, there’s a lot to sort out when you install a new blogger theme with all these different options. If you don’t know how to edit or remove what you don’t want it can be annoying to say the least. Some people, like myself, appreciate these templates looks very good but prefer a more simpler layout to work with that has side navigation and easier colours to match pictures an advertisements to.
To remove the top menu bar just follow the instructions below.
Lets say you have already installed your blogger template. If not click the Design tab > Edit HTML > Press Browse to search for your blogger template location where you downloaded it to your computer. Located the template – press Open. Now press Upload on the edit Template HTML page and your template will be uploaded. At this stage do not press the save button to make the template live. Instead, while on the Edit HTML Template page use your browsers “Find” facility. I’m using FireFox, so all you would press is the “Edit” tab, then “Find”.
Now all you need to do is search on the Edit Template HTML page for a word which is written in the menu bar. Going on the example template above I will search for the word “Business” on the Edit Template HTML page in order to locate the stack of code that we want to remove. Once you find this code you need to remove the whole block as shown below:
<div class=’span-24′ style=’height:44px;’>
<div class=’menu-secondary-container’>
<ul class=’menus menu-secondary’>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#'>Business</a>
<ul class=’children’>
<li><a href=’#'>Internet</a></li>
<li><a href=’#'>Market</a></li>
<li><a href=’#'>Stock</a></li>
</ul>
</li>
<li><a href=’#'>Downloads</a>
<ul class=’children’>
<li><a href=’#'>Dvd</a></li>
<li><a href=’#'>Games</a></li>
<li><a href=’#'>Software</a>
<ul class=’children’>
<li><a href=’#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href=’#'>Parent Category</a>
<ul class=’children’>
<li><a href=’#'>Child Category 1</a>
<ul class=’children’>
<li><a href=’#'>Sub Child Category 1</a></li>
<li><a href=’#'>Sub Child Category 2</a></li>
<li><a href=’#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href=’#'>Child Category 2</a></li>
<li><a href=’#'>Child Category 3</a></li>
<li><a href=’#'>Child Category 4</a></li>
</ul>
</li>
<li><a href=’#'>Featured</a></li>
<li><a href=’#'>Health</a>
<ul class=’children’>
<li><a href=’#'>Childcare</a></li>
<li><a href=’#'>Doctors</a></li>
</ul>
</li>
<li><a href=’#'>Uncategorized</a></li>
</ul>
</div>
</div>
Depending on what template you are using the code or menu tab names might be slighty different. But as long as you delete the block of HTML the same as the example above that should be fine.
Once you have removed this code press the “Preview” tab located at the bottom of the HTML code on the Edit Template HTML page. Have a look to see if the menu bar has disappeared. If the menu bar is now gone and everything looks fine within the template then press the “Save Template” button. That should be it.
If you pressed Preview and got an error message back like:
“Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. <br/> XML error message: The element type “div” must be terminated by the matching end-tag “</div>”.
Don’t panic! Just go back to the Edit HTML page and press the “Clear Edits” tab. It will ask you if you want to Discard all changes – Press OK. This will then revert the template back to it’s original state. If you got the error message you must not have taken all of the code out properly. All you need to do is follow the instructions again above. Find the code again by using the “Find” or “Search” option on your browser. Search the Code for a word which is written on the menu that you want to remove, I used the word “Business”. Then delete the block of HTML code exactly as shown above and then press preview to see if it has worked. If all is good then press Save Template and that’s it.
See the picture below of an expample blogger template that has the menu bar that we want to remove which is highlighted in red.
Have you ever managed to find a blogger template that you really like only to end up not using it because it’s too much work to sort out. A lot of the new fancy blogger templates have many different menus, picture slideshows and different colour themes that are hard to match ads to. You name it, there’s a lot to sort out when you install a new blogger theme with all these different options. If you don’t know how to edit or remove what you don’t want it can be annoying to say the least. Some people, like myself, appreciate these templates looks very good but prefer a more simpler layout to work with that has side navigation and easier colours to match pictures an advertisements to.
To remove the top menu bar just follow the instructions below.
Lets say you have already installed your blogger template. If not click the Design tab > Edit HTML > Press Browse to search for your blogger template location where you downloaded it to your computer. Located the template – press Open. Now press Upload on the edit Template HTML page and your template will be uploaded. At this stage do not press the save button to make the template live. Instead, while on the Edit HTML Template page use your browsers “Find” facility. I’m using FireFox, so all you would press is the “Edit” tab, then “Find”.
Now all you need to do is search on the Edit Template HTML page for a word which is written in the menu bar. Going on the example template above I will search for the word “Business” on the Edit Template HTML page in order to locate the stack of code that we want to remove. Once you find this code you need to remove the whole block as shown below:
<div class=’span-24′ style=’height:44px;’>
<div class=’menu-secondary-container’>
<ul class=’menus menu-secondary’>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#'>Business</a>
<ul class=’children’>
<li><a href=’#'>Internet</a></li>
<li><a href=’#'>Market</a></li>
<li><a href=’#'>Stock</a></li>
</ul>
</li>
<li><a href=’#'>Downloads</a>
<ul class=’children’>
<li><a href=’#'>Dvd</a></li>
<li><a href=’#'>Games</a></li>
<li><a href=’#'>Software</a>
<ul class=’children’>
<li><a href=’#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href=’#'>Parent Category</a>
<ul class=’children’>
<li><a href=’#'>Child Category 1</a>
<ul class=’children’>
<li><a href=’#'>Sub Child Category 1</a></li>
<li><a href=’#'>Sub Child Category 2</a></li>
<li><a href=’#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href=’#'>Child Category 2</a></li>
<li><a href=’#'>Child Category 3</a></li>
<li><a href=’#'>Child Category 4</a></li>
</ul>
</li>
<li><a href=’#'>Featured</a></li>
<li><a href=’#'>Health</a>
<ul class=’children’>
<li><a href=’#'>Childcare</a></li>
<li><a href=’#'>Doctors</a></li>
</ul>
</li>
<li><a href=’#'>Uncategorized</a></li>
</ul>
</div>
</div>
Depending on what template you are using the code or menu tab names might be slighty different. But as long as you delete the block of HTML the same as the example above that should be fine.
Once you have removed this code press the “Preview” tab located at the bottom of the HTML code on the Edit Template HTML page. Have a look to see if the menu bar has disappeared. If the menu bar is now gone and everything looks fine within the template then press the “Save Template” button. That should be it.
If you pressed Preview and got an error message back like:
“Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. <br/> XML error message: The element type “div” must be terminated by the matching end-tag “</div>”.
Don’t panic! Just go back to the Edit HTML page and press the “Clear Edits” tab. It will ask you if you want to Discard all changes – Press OK. This will then revert the template back to it’s original state. If you got the error message you must not have taken all of the code out properly. All you need to do is follow the instructions again above. Find the code again by using the “Find” or “Search” option on your browser. Search the Code for a word which is written on the menu that you want to remove, I used the word “Business”. Then delete the block of HTML code exactly as shown above and then press preview to see if it has worked. If all is good then press Save Template and that’s it.
How To Log Out Of Facebook With FireFox
I have been reading that a lot of people are getting a little annoyed with Facebooks log out feature. People are saying that they log out but are still not actually fully logged out of Facebook. Some people claim that this is Facebooks way of keeping track of what visitors are doing after they think they have logged out. Who knows. But It wouldn’t surprise me if they were using some kind of tracking feature that may come in the form of a cookie, temporary file or similar.
All you have to do to log out of Facebook is clear all your recent history in FireFox. Please Note: Clearing all history in FireFox will literally clear everything from your whole web session. You will be logged out of everything that you were logged into, including Facebook. All browsing history and temporary files, cookies etc will be deleted. If you don’t know what all this means it’s nothing to worry about. It’s not going to mess your computer up or anything. It just means you will have to log back in to anything you wanted to stay logged into. Also you won’t be able to press back on your browsers open web pages you were looking at because the history will be deleted. No big deal.
To clear everything and log out of Facebook properly.
In FireFox > Go to the Tools tab > Click Clear Recent History. Make sure that Browsing & Download History > Form & Search History > Cookies > and Cache are all selected with a tick in their boxes. Press Clear Now. That should be it.
I say to delete all these because I don’t know what method Facebook are using to make sure users are not fully logged out so best to just clear the lot. I have already done this myself and it sure does log you completely out of Facebook. You could experiment if you like and just have one box ticked, such as Cookies, and see if that logs you out properly.
All you have to do to log out of Facebook is clear all your recent history in FireFox. Please Note: Clearing all history in FireFox will literally clear everything from your whole web session. You will be logged out of everything that you were logged into, including Facebook. All browsing history and temporary files, cookies etc will be deleted. If you don’t know what all this means it’s nothing to worry about. It’s not going to mess your computer up or anything. It just means you will have to log back in to anything you wanted to stay logged into. Also you won’t be able to press back on your browsers open web pages you were looking at because the history will be deleted. No big deal.
To clear everything and log out of Facebook properly.
In FireFox > Go to the Tools tab > Click Clear Recent History. Make sure that Browsing & Download History > Form & Search History > Cookies > and Cache are all selected with a tick in their boxes. Press Clear Now. That should be it.
I say to delete all these because I don’t know what method Facebook are using to make sure users are not fully logged out so best to just clear the lot. I have already done this myself and it sure does log you completely out of Facebook. You could experiment if you like and just have one box ticked, such as Cookies, and see if that logs you out properly.
How To Align Adsense Ads With HTML
If your using a website or blog platform that uses HTML and your not familiar with the language code it can be very frustrating to accomplish even the most basic of tasks. If your new to Adsense and websites chances are your probably not a wizkid with HTML yet. Stick with it and you will be. This post will show you how to how to align Adsense Ads on websites and blogs using quick and simple HTML coding.
First off is just using a simple "DIV" command. Generate your Adsense code for the Ad you want to display on your website. Place the Adsense code into your page, and at the top of that Adsense code place this HTML code: <div align="center"> Then at the bottom of your Adsense code place this closing HTML tag: </div>
<div align="center">
Your Adsense code here
</div>
If you use this method remember that you can also align your Adsense left or right as well. So it will look like this: <div align="right"> with your ending </div> I'm just using "center" above as an example. Please Note: If you use this method never forget the </div> tag at the bottom of your Adsense code. This closes the code and It needs this to work correctly.
The <div> HTML should work fine on your website, however some websites can have problems with <div> tags if the website is already using many of them. I have had problems with this myself in the past. Be warned: When using too many <div> tags, specially closing tags </div> it can really mess your web page up, so make sure you keep track of which div tags you have added manually that weren't already there. If you remember that you'll be fine, even if you get a problem. if your web page looks really messed up after adding div tags it's just a case of finding your <div> code and deleting it so your page goes back to the way it was.
The second method to use if <div> HTML doesn't work for you is <p> tags. So the same as above. Place <p style="text-align: center;"> above your Adsense code. And place: </p> below your Adsense code.
So it will look like this:
<p style="text-align: center;">
Your Adsense code here
</p>
Again, I have used center as an example and you can use which ever alignment you like.
If both of these methods fail then try this HTML above your Adsense code: <div style="text-align: center;"> and don't forget the closing </div> below! Have fun!
First off is just using a simple "DIV" command. Generate your Adsense code for the Ad you want to display on your website. Place the Adsense code into your page, and at the top of that Adsense code place this HTML code: <div align="center"> Then at the bottom of your Adsense code place this closing HTML tag: </div>
<div align="center">
Your Adsense code here
</div>
If you use this method remember that you can also align your Adsense left or right as well. So it will look like this: <div align="right"> with your ending </div> I'm just using "center" above as an example. Please Note: If you use this method never forget the </div> tag at the bottom of your Adsense code. This closes the code and It needs this to work correctly.
The <div> HTML should work fine on your website, however some websites can have problems with <div> tags if the website is already using many of them. I have had problems with this myself in the past. Be warned: When using too many <div> tags, specially closing tags </div> it can really mess your web page up, so make sure you keep track of which div tags you have added manually that weren't already there. If you remember that you'll be fine, even if you get a problem. if your web page looks really messed up after adding div tags it's just a case of finding your <div> code and deleting it so your page goes back to the way it was.
The second method to use if <div> HTML doesn't work for you is <p> tags. So the same as above. Place <p style="text-align: center;"> above your Adsense code. And place: </p> below your Adsense code.
So it will look like this:
<p style="text-align: center;">
Your Adsense code here
</p>
Again, I have used center as an example and you can use which ever alignment you like.
If both of these methods fail then try this HTML above your Adsense code: <div style="text-align: center;"> and don't forget the closing </div> below! Have fun!
How To Wrap Text Around Adsense Blocks
From reading about Adsense on the official websites, Google encourage Adsense publishers to use the best performing ads to generate more clicks. More clicks for you means more money for both you and Google. It's a win win situation. The best performing Adsense ads are the 300 x 250 square and the 336 x 280 large square. No one actually knows for sure why these ads perform best but maybe it's because they are more visible and more "In your face" then the other ads. Or maybe they look more inviting. Who knows.
Anyway, these two best performing Adsense ad sizes also perform best in two different areas on a web page. The first location is when the Adsense ad is placed above your content and below you title, so it's the first thing the visitor will see. The second ad position is putting your Adsense ad mixed in with your written content. This is one of the best places to have your ad because again, visually it's very hard to miss.
Today I will show you how to wrap your Adsense square ad around your text so that it sits along side your written content.
Just add the following HTML below to your Adsense code:
<div style="float: right; margin: 10px;">
Your Adsense code here
</div>
You can change the margin and alignment to suit your needs.
This is the best method I have come across for wrapping text around Adsense ads but others do work. If the code above doesn't work for you then you could try adding a table. Adding a table is a good method for normal / basic HTML static websites.
Table for wrapping Adsense around text:
<table align="right">
<tbody>
<tr>
<td>
Your Adsense code here
</td>
</tr>
</tbody>
</table>
Again, you can change the alignment to what you like.
Anyway, these two best performing Adsense ad sizes also perform best in two different areas on a web page. The first location is when the Adsense ad is placed above your content and below you title, so it's the first thing the visitor will see. The second ad position is putting your Adsense ad mixed in with your written content. This is one of the best places to have your ad because again, visually it's very hard to miss.
Today I will show you how to wrap your Adsense square ad around your text so that it sits along side your written content.
Just add the following HTML below to your Adsense code:
<div style="float: right; margin: 10px;">
Your Adsense code here
</div>
You can change the margin and alignment to suit your needs.
This is the best method I have come across for wrapping text around Adsense ads but others do work. If the code above doesn't work for you then you could try adding a table. Adding a table is a good method for normal / basic HTML static websites.
Table for wrapping Adsense around text:
<table align="right">
<tbody>
<tr>
<td>
Your Adsense code here
</td>
</tr>
</tbody>
</table>
Again, you can change the alignment to what you like.
Subscribe to:
Posts (Atom)
