Showing posts with label Blogging tools. Show all posts
Showing posts with label Blogging tools. Show all posts

Friday, April 13, 2007

Pop-Up Scripturize It! Bookmarklet

Well, not too long ago I added a pop-up ESV feature to my blog. The idea was that whenever I posted an article with Scripture references, each reference would turn into a link that when clicked would open a pop-up box to the ESV version of the verse. Lately, it just ain't working. So for the time being, until I can (hopefully) fix the problem, I point you to an alternative method for viewing the ESV (or NIV) pop-up box on verses when you visit my blog (or any other site that contains Bible verses that are not links).

Visit this site, and just drag the ESV or NIV bookmarklet Scripturize It! feature to your browser's toolbar. Now, whenever you visit a site in which Bible verses are not links, you can click the Scripture It! button in your toolbar. All the verses will now be turned into clickable links that will pop-up to the ESV or NIV of your verse, depending upon which version of the bookmarklet you've installed.

Saturday, December 16, 2006

Calling All Blogger Beta Hackers

Update 12-16-2006
Well, Stephen at Singpolyma has come to the rescue and fixed the bug in his "Peek a boo" link lists code, helping out me and others who were "stuck". The links now seem to be operating beautifully in both Firefox and Internet Explorer. At last!

By the way, check out Stephen's blog for some great Blogger Beta hacks. Also see my new Blogger Beta Hacks/Hackers resources section...

Finally, look for my new post on Reformed vs. Arminian Theology early next week.


Update: 12-11-06
I've heard from Stephen, who thinks his hack code has a bug in it that can be fixed. Hopefully the "+/-" links will soon work in IE just as well as in Firefox (though the glitch seems to affect both browsers at times). Please be patient!...In the meantime, I have been working on follow-up posts to my series on Reformed vs Arminian Theology and hope to have them published shortly.

Update: 12-9-06
I have implemented "+/-" style links for many more sections, since Stephen at Singpolyma updated the code, correcting the previous "float" problem with the "+/-" symbol.

However, there seems is another glitch that is giving me a headache! Sometimes the link sections just don't open correctly. I am finding that this happens particularly in Internet Explorer browsers. Firefox seems to get much fewer errors and right now seems to open/close all links perfectly. So if you're reading my blog in IE and having trouble with link lists, I would highly recommend getting the Firefox browser to view Jordan's View (also in my opinion, it's a much more user-friendly, fun browser to use in general). Please also try refreshing the page if a link section doesn't open correctly.

To deal with this problem I have been experimenting with layout, trying to place these "+/-" sections in such a way that they are not right next to each other, since this seems to help. However, this hasn't completely eliminated the issue. Also, not being able to place the link sections exactly where I want them (in terms of logical order) is frustrating. Hopefully a solution will be found, or I may need to switch back many sections to regular link lists.

Update 12-6-06:
I'm no longer using the "+/-" style links for the "Inspiration for the Mission" section. I am, however, using it for the "Best of Jordan's View" section.

Update 12-2-06:
I've used the hack I was kindly provided, but I'm not entirely satisfied with the results. For example, see the "Inspiration for the Mission" section, which I have recreated as an expandible/collapsible link list, near top of the left column. Functionally it's fine, but the fact that the "+/-" symbol is so far above the Link Title bar is not satisfactory.

I have seen examples in other blogs of great looking expandible/collapsible links that when opened appear within scrollable boxes. However, this is beyond my technical ability to create. Unless I can find someone to help me I don't want to spend too much time with trying to figure out how to make them. In any case, I am happy with the layout improvements I've been able to implement thus far. I'll get back to some thinking and writing now...

12-2-06
Well, I threw down the gauntlet to some of the best Blogger Beta hackers out there, sending them a private email to see if anyone could come up with a widget that I could install to make regular link lists into collapsible/expandable ones. With all the links I have here on Jordan's View and my desire to continue expanding these lists, it makes sense to try and consolidate space by using collapsible/expandable links, or some other space-saving way of presenting links, as I have seen ingeniously implemented on other blogs.

Also, I figured such a hack would be useful to many other Blogger users who are making the transition to Blogger Beta.

Stephen/Singpolyma has risen to the challenge and created an article titled Peek a Boo Link Lists, in which he describes how to add a widget that will accomplish this goal.

I have however been having a bit of trouble implementing his solution so far. First, I noticed that the results were appearing differently, depending upon whether the blog was opened in Internet Explorer or in Firefox (my preferred browser). Then also the little +/- symbol seems to be floating around rather than going where I want it to. Singpolyma has given some helpful follow-up answers to my questions, and I will continue to try to implement his solution. In the meantime, please be patient if you find some of this blog in disarray while I'm trying to make the changes.


Thursday, December 07, 2006

Creating Categories via Labels in the New Blogger Beta (for Dummies)

A shortcoming of the old Blogger was the lack of a built-in feature to categorize your posts/articles. I overcame this by finding a solution via the Web. Indeed there were many ingenious solutions to the problem, as devised by hackers. If you're still on the old Blogger platform and would like to add categories to your blog, I would suggest my previous article for a simple method, How To Add Categories to Blogger (for Computer Illiterates).

However, before you do that, please be aware that the new Blogger Beta offers the ability to add "categories" to your blog, in the form of "labels"...

Using the labeling system is a much easier method of adding and maintaining categories on your blog, and the new Blogger Beta offers other advantages as well. However, you must be willing to migrate your template from the old Blogger platform to the new Blogger Beta platform. This will involve some work, but as I understand it, in the future all Blogger blogs will be switched to the new Blogger Beta anyway (so might as well do it now)!

Here's what you must do to switch to Blogger Beta then add Labels/Categories to your posts:

    1. Get a Google account, if you don't already have one. If you have Gmail, you will already have a Google account (Note: you must be invited by someone who has Gmail in order get Gmail, or use one of the methods describe in this article). If you need an invitation and don't have any friends in the world with Gmail, I'll invite you...just kidding, I can send you an invitation if you really need one).

    2. Once you have your Google or Gmail account, switch your blog and the template over to the new Blogger Beta, following the instructions on this page. [NOTE: It may take you a while to update the template, if your blog had many customizations and you want to keep them. I took switching over to Blogger Beta as an opportunity to give a fresh new look to my blog, as I updated to a three-column template that I find much more useful. Once on the Blogger Beta platform, layout changes are much easier, as you can drag elements where you want to put them. Also these changes are instantly updated, unlike on the old Blogger where pages must be re-published and can take a long time to do so. In any case, once your template is updated to Blogger Beta, you will be able to use the labels feature to create and easily maintain categories for all your previous posts].

    3. Decide what labels (categories) you want to give your posts.

    4. Log in to Blogger Beta, using your Google/Gmail account and go the dashboard. Click on "Posts".

    5. Click on "Published" to see all your published posts. Now you can add a label to each post, or to multiple posts at the same time.

    6. Click the "Label Actions" drop-down box, click on "new label", and type the name of your label. Then apply the label to whichever posts you want by clicking the box next to the post title(s).

    7. Once you have labeled all your posts, you must then add the Labels "widget" to your blog. This will create a Labels sidebar in your blog. Go to the Template screen. Click on "Add a Page Element". Choose "Labels". Select whether you want the labels to appear in alphabetical order or in order of frequency. Also you can give whatever title you want to the sidebar (you don't have to call it "Labels").


Now if you would like a fancier version of labels, there are ingenious Blogger Beta hacks out there, such as the one for Multi-Style Labels widget by Hackosphere that I'm currently using. Also, check out my new resources section, Blogger Beta Hack Creators, to find links to the blogs of the talented people creating these hacks.


Thursday, November 16, 2006

Boldly Switching to Blogger Beta

Update: 11-20-06: Haloscan comments and trackback have now been restored (hurray!), thanks to the assistance of Matt Hayward, who was kind enough to assist me personally when I got stuck applying his solution. Now I just have to get rid of the Blogger comments that also appear. Also, check out the "Multi-Style Labels", which functions as my new "categories" section. Click on any of the three buttons to change the style/view of the labels. This ingenious hack to the Blogger Beta template comes from Ramani at Hackosphere... plus, in more news, I am working on a NEW post, really I am...

Update 11-18-06:
Well I'm happy to report that creating label "categories" in beta Blogger was not as daunting or time-consuming as I assumed it would be, since you don't have to individually edit every post, but can create labels and apply them to multiple posts from the dashboard. So the blog is basically updated, in terms of post categories, resource links and basic look. I will be tweaking it, of course, and again, that's the nice thing about the Beta version-- it's a lot easier to move things around.

Now the only serious issue remaining is transferring my old comments/trackbacks from Haloscan here. It seems Haloscan is working on an official solution that will be posted soon. So in the meantime I'll relax and let them do their job while I get back to writing ...


Update 11-17-06:
I have been hard at work trying to restore all my resource links and get the blog looking and functioning as I'd like it to. Personally I'm happy with the three column template and the bolder look. Blogger Beta definitely makes it easier to create link lists, and the layout can easily be changed. Also publishing is a snap, just click and it's updated.

However, I have not figured out if there is a way to carry over previous comments/trackbacks my blog had via Haloscan. Apparently there is a "hack" for this but implementing it successfully has eluded me thus far.

Also I expect the task of re-categorizing my posts will be time-consuming, since I'm pretty sure I will have to apply labels to all my old posts, in order to do so.

Let me know what you think of the new layout/look. If you care to, you can comment via email to jordansview@gmail.com, rather than here, since I'm not sure if I will keep the Blogger beta comments system or try to restore the Haloscan system.

Besides all this, I am busy writing a real post :)... and hope to have it up shortly.

11/16/06
Although you probably can't tell, I have already switched this blog over to the new Google Blogger Beta platform, which offers improved functionality to Blogger blogs. The new system is supposed to make it easier to quickly change the layout of the blog, to publish posts, and best of all, to categorize posts by using labels-- a feature not previously offered in Blogger. So far, so good.

However, I haven't yet updated my original blog template using the new Blogger Beta tools, because I'm trying to figure out if, and how, I will be able to keep the many customizations I have made. For example, even though Blogger did not previously offer a way to categorize posts, through web research I figured out a way of creating categories for each post. The task was a bit cumbersome, involving modification of my template each time I wanted to place a particular post in a category. What I'm not sure of is how the old categories I created will work within the new "labels" system of Blogger Beta. I may be forced to delete all the posts that I had created to function as "categories".

Still, I hope to come out of this with a fresh new look, and with a blog that's easier for me to use. I'm hoping too that the site will be easier to navigate, as I expand into 3 columns rather than 2 to better accommodate my many links.

Let's hope the experiment works! (I will back-up my old template, just in case)...

P.S. Also please excuse the look of the blog as I work out all the kinks with links, comments, etc.

Wednesday, January 04, 2006

How To Add Categories to Blogger (for Computer Illiterates)

12-7-06 IMPORTANT UPDATE: The new Blogger Beta offers the ability to add "categories" to your blog in the form of "labels". For more information, visit this article.

Well during the recent Christmas/New Year's break, I took some vacation time in addition to the holidays for a nice long stretch away from work. Instead of my usual sporadic posting, I decided to work on a project I've long wanted to undertake: adding categories to my blog. If you are a "blogspot" blogger, you already know that Blogger does not support categories. Many blog software programs have a built-in capability for categorizing posts; unfortunately, Blogger's lack of this feature is the biggest shortcoming of an otherwise good, reliable (and free) system. However, I am proud to announce that after much labor, Jordan's View finally has categories (say Hip hip hooray 3 times please)!

Well, you may ask, "how the heck did you do it"? "Are you some kind of genius, or more likely, an idiot savant?" No no, I am not, I assure you. The answer, in two words: Google, baby. That is, I researched various methods for adding categories to Blogger via the Google search engine, and found that many really smart people out there had recognized this problem and developed, not just one, but a truckload of ingenious techniques for adding categories to Blogger. Now I was looking for the easiest, quickest way, because baby, I have better things to do with my time, quite frankly. However, as I tend to be a bit anal, I spent hours exhaustively researching all the various methods, just to torture myself (I guess I am a bit of a geek, after all).

Advantages of the method described below
But the benefit of all my suffering to you is, I am going to tell you exactly how to add categories to your Blogger blog, just the way I did it. And, since my "adding categories" method is for computer illiterates, it will assume you know next to nothing, except perhaps how to turn on your computer. Of course if you are a bit more computer savvy, this should all be quite simple. Now if you don't want to use this foolproof "DUMMIES-style" method, I will point you in the direction of the best website on this subject, which summarizes (and has links to) all the various methods for adding categories to Blogger (see below). That way, you too can torture yourself endlessly trying to decide among all the options and then, spend hours in futility as you try (in vain) to apply one of these complex methods (after all, we geeks ought to suffer together). Just kidding... Actually, there are many good approaches to this problem, and the solution you choose will depend upon your goals and your level of knowledge. But here are the advantages of the system for adding categories that I will show you below:

  1. You don't need any outside software, scripts, bookmarklets or websites to set it up, or to maintain it.
  2. I will try to provide a very clear, step-by-step explanation of how to implement it.
  3. If you blog pretty regularly, then most of the steps here will be easy and familiar to you.

Best website with summary of various solutions
In my research, the best site I found presenting the many solutions to the Blogger category problem is Freshblog- Blogger Hacks- The Series. This geek has really done his homework, I tell ya. This page presents a summary of the various methods, with links to each. What's great is that the many methods I had discovered through my Google searches are all covered on this one site. Now if you're like me, you want the easiest method, with clear instructions on how to actually do it. Some of the methods described on this site provide better instructions than others.

Types of solutions available
There are solutions involving the creation of multiple blogs, but these all seemed time-consuming and complex to me. Then there are many solutions that make use of del.icio.us tags to create categories-- I have seen this solution implemented on a number of blogs, and was quite impressed with the results. Categorizing using this method also promises the additional benefit of making your blog interactive with other blogs and sites, via the emerging new world of tagging. This seems really cool, except for one thing-- I don't understand it very well, and baby, I just don't have the time to rack my brains trying to figure it all out. I was looking for something quick and easy, if possible. You may ask, "why does this guy keep on saying baby, does he think he's Austin Powers?"-- really, I am not sure myself-- I think I have basically lost my mind from spending too much time in front of the computer.

Solutions I attempted
Now I have to admit, I tried to implement what looked like it would be the fastest, easiest, and most painless solution, from this site: netcfr. Certainly it was lightning fast in terms of generating categories for my blog, but, in order for the system to really work, it seemed to necessitate that I re-title all previous blog posts by adding Category names to the titles (e.g., Category: About Jordan's View...Post Title), which I did not find very appealing. Another limitation is that the mechanism this system uses is the Google search already within Blogger, which would then search your posts by the created category keyword-- however, this script would only search your first 100 posts. If your blog exceeds 100 posts, the system won't be able to find all the posts belonging to a particular category, because it won't search everything. So this solution wasn't going to work for me.

So now, I was desperate enough to consider giving one of the "del.icio.us" methods for creating categories a try. This method seemed daunting and scary since I know very little about "tagging" via del.icio.us bookmarks or Technorati. But I wanted categories enabled on my blog real bad, and I was willing to try anything! So I began the process and went as far as getting the cool "Greasemonkey" extension installed in my Firefox browser, through which I in turn installed these 2 amazing javascripts that enabled me to be able to add del.icio.us and Technorati tags to every Blogger post. The thing is, I couldn't figure out what I then needed to add to my template, in order to make the del.icio.us tagging system work as categories-- and, I couldn't find a decent explanation of this in any of the "how-to" pages. Now if you're familiar with del.icio.us and Technorati tagging, applying this solution might make sense for you, but for me it really wasn't clicking (no pun intended). OK. At last, we come to the solution I did find and use.

How to Add Categories to Blogger

One final thing, before I begin my step-by-step explanation. I have to admit (though I don't want to), that I did not come up with this great idea. No, this wonderful solution comes from Theater of Noise, in this post- Article Categories The Easy Way . You may want to visit his site, to see if his explanation is clearer than what follows. But anyway, here is my step-by-step, detailed explanation of how I used Theater of Noises' method to create categories for my blog.

First of all, here is what you will end up with on your blog, once you have successfully completed the process outlined below:

You will create, in the sidebar of your blog, a section titled "Categories" (or whatever else you want to call it), with the category names you have created appearing underneath this title. Each category name will link to a post you have created for that category. Each "category post" will contain links to all the articles in your blog you have designated for that category. Readers of your blog will now be able to click on any of your Category names, which will open to your category post. Then they can click on a link to read any of the posts you have designated for that category. Sounds good? Click here to view an example of a Category page from my blog. OK, let's get started.

1. First, decide the names for all the categories you are going to use [you probably want to give this careful consideration, and select category names you're likely to keep using and which fit it in well with the mission/purpose of your blog. You may decide to have broad categories, in which case you'll probably need fewer total categories. Or, you may desire more narrowly defined categories, which may increase the total # of categories you will create. I ended up with about 10 or 11 categories in all; with this method, one can always add or subtract categories in the future].

2. Decide to which categories you want to assign each of your previous posts [Note: you may decide to assign certain posts to more than one category, as I did]. To view all previous post titles-- sign in to Blogger, click on New Post, then click "Edit Posts". Make sure you can view all your posts by clicking the appropriate number (50, 100, 300) from "Select". Now that you've chosen your categories, and can see all previous posts, assign each post to a category in your mind, or on paper (at this point, you may also consider whether or not you have decided upon enough appropriate categories). To keep track, you may want to write down the categories on a piece of paper, and then underneath each category, decide which posts you will include in that category. I wrote down my category names on a sheet of paper, and then kept track of all the posts I needed to categorize by keeping the "Edit Posts" page open in a separate tab, during the entire process.

2. Create a blog post per category, each of which will contain a bulleted (also known as un-ordered) list of titles/links for every post you include in the category. For example, say you want to create a category about your website. You would create a new post and perhaps call it "Category: About My Website". Within this post, you now create a bulleted list of titles/links to each individual post that you have selected to be part of this category. You need to also decide in what order you want the posts to appear within the category. In my case, I decided to order posts from most recent at the top, to least recent at the bottom.

3. How to create the bulleted links in your Category post. You will need to know, not only the title, but also the URL (web address) of each post you want to create a link for. From your "Edit Posts" page, clicking "View" for any post will open up that post in a new page; better yet, open it in a new tab, if you know how to do that (see, I told you this is for "dummies"). Once you have the page or tab open, the information that appears in the address bar of your browser (this is usually visible at the top of the browser) is the URL (web address) for that particular post.

Now that you have the URL and title go here to learn how to create the link, and here to learn how to arrange the links as a bulleted list.

Once you have finished creating all of your "category posts", the next step is to create a "Categories" section within your sidebar that will link to each of your category posts. This is accomplished by modifying the sidebar section of your blog template.

4. Create a "Categories" section within your sidebar that will link to each of your category posts. From the "Change Settings" section in Blogger, click on "Template". Before making any changes, copy your entire template by left clicking and then highlighting all of the code for the entire template; right click to copy and then right click again to paste the template in your Notepad program. Save a copy of the template on your desktop. This way, if anything goes wrong in making changes to the template, you can always restore it back to the way it was before by copying/pasting the saved template information back into the template section.

Create the sidebar title. You will find helpful information about how to format a sidebar title here. Now create the link to each of your category posts, in the order you want them to appear. The proper format for creating links is described here.

As you are creating this section, you can click on "Preview" at anytime to see if the section is appearing correctly. The html code must be entered precisely otherwise it will not render properly. Once everything is appearing correctly, click on "Save Template Changes", Republish your blog, and voila, you now have categories! Congratulations!

6. Maintenance. Now whenever you have a new post, you will need to decide into which category you want to place it, and then you will modify the appropriate category post by adding the title/link of the new article to the post. If perhaps you need to create an entirely new category, then follow the above process to do a new Category post and add the link to your template.

I hope this has been helpful to you. I don't think I can offer much in the way of support if you have questions. If you are completely desperate, drop me a line.

Blessings to you!

P.S. I just came across yet another great method from A Consuming Experience for adding categories to Blogger blogs, with similarities to the method I describe above, but involving more changes to your template. The step-by-step howto can be found in this post How to include categories for your blog (manual, expand-collapse). I may even give this method a try when I get a chance, because the resulting categories are a lot more sophisticated-- via the show/hide mechanism, the names of all posts included under your categories can be seen right on the main page. Cool!

Friday, July 15, 2005

What's Up With Haloscan?

Well I am finally beginning to receive more comments here and there and I'm quite excited about it, because it was my vision from the start that this should be an "interactive" site. Of course, in my naivete, I didn't relaize what a grand ambition that can be for a new blogger.

But what is up with haloscan? I use it as the free comments/trackback feature on my site (since it is compatible with blogger.com type blogs).

I see the comments people have posted appearing and then suddenly vanishing throughout the day. Very frustrating. I'm thinking of going to an alternative system, or perhaps, just reverting to the comments system blogger.com already provides (sans trackback).

Has anyone else been experiencing these problems with haloscan? Am I the only one?? (it's all a conspiracy to keep poor little blogger man down... the FBI is probably tapping my phone too, 'cause I wrote some posts mentioning John Lennon)...

P.S. Because of the problems with haloscan, if anyone is having trouble leaving a comment, please send it to me by email instead!

Monday, June 20, 2005

Blogroll, Anyone?

I'm a relative "newbie" in the world of blogging and I've visited many blogs, with a view to getting some creative inspiration. One thing I noticed is that many blogs list huge numbers of websites, or "blogrolls", as they are called. Thinking these were important for a successful blog, I added them to my site too.

Some blog/sites organize such lists under categories, which is certainly helpful to the reader perusing them (I just learned how to do that). But I have wondered lately, are exhaustive lists of blogs/sites truly necessary? Do the person(s) who create these enormous blogrolls really visit all of these sites? Perhaps, but it seems to me that it is highly unlikely that they would continue to visit all these places regularly, or else that's about all they would be doing.

Perhaps because some blogs have been around for a while they end up with these extravagantly long blogrolls. Still, I wonder. As a new blogger, I gave into the temptation to add popular blogs to my blogroll, with the vague hope that somehow this would generate traffic to my site. I think I also wanted to give the impression that I was well-versed in the "blogosphere".

But after giving this issue more thought, I think I'll be more selective about which websites and blogs I promote on my site. I don't want to link to sites just because they're popular or because it might benefit me to be associated with them. I think I'll feel a lot more comfortable if I link to sites I have personally visited, respect, and genuinely admire. Plus, I don't want to inadvertently endorse sites (which I think I would do by listing them), whose views I may be in total disagreement with-- just so I can have a vast, "representative" listing. I think I can engage with the world without listing worldly blogs.

Tuesday, February 15, 2005

New Pop-Up Feature displays ESV Bible Verses

Hey, would you like references to bible verses in your blog posts to open as a pop-up box that displays the verses from the excellent ESV (English Standard Version) Bible? In this way, people can view the ESV Bible verses you have referenced without ever having to leave your site! The pop-up even has the option of clicking a link so one may listen to the verse (I have incorporated this cool feature in the most recent post from my series on Arminianism vs Reformed theology).

Well, it's quite easy to get this feature (with a little help from my friends). Just paste the following two javascript codes in the "HEAD" section of your template and save your template:



Then, when creating posts, leave the Bible references in this format (e.g., Genesis 2:3, Romans 5:8); don't make them into links. The javascript codes in your template should automatically create the pop-up boxes for these verses.

By the way, the javascript code was developed here.

Hope it works for you...