Posted on Leave a comment

Google.com Custom Search in my WordPres.com Blog Without Plugin

Google.com custom search for my website sounds like very professional to me

It is just a feeling, I don’t have any rational explanation why I want to have google search box my all my blogs. This time I am using an example of a papua.church website that I personally run myself, putting all news and information on churches in Western New Guinea, or politically called West Papua.

The Look of the google.com Custom Search form

I am using one form with two options available in the form, the first one is to “Search Results from THIS Site”, and another form is to “Search the Site from the Web”, or take all information available from the web all across the globe.

Google Search Form for Searching the blog via google.com
Google Search Form for Searching the blog via google.com

(I will write another entry on Yahoo! Search form, but let me continue with google.com search form)

Just look at this image. There is google.com search form available, you can enter any word, of course, it preferably words related to the blog, and then choose either “This Site”, or “The Web” button on the right side, then press the “Search” button available.

Once you press it, the window will go directly to the search results, as can be seen in the next image, where the types “word” or “words” are also included and the address of the website also added on the google.com search result.

Google.com Custom Search, Search Results from This Site
Google.com Custom Search, Search Results from This Site

Now the blog url papua.church is also displayed, and then the results of the word type, i.e, gereja papua is also shown.

Additional Note on My Introduction to the Internet and to the Google.com Custom Search and This Search Box

I was introduced to google.com, and also to the Internet by a British retired serviceman from the British Air Force Service way back in 1999. I do not have any education in internet or computer. I learned by looking at what he was doing.

I liked this google.com custom search and have been using since 2004. Latter on I was interested in Google Tabbed Search form where you get the results in tab and you can click the web, books, images, news, etc from the search results. But Google.com discontinued and from this time on, I actually practically stopped using google.com search. Just last week, I tried to ask Mr. Google, as we call it. regarding custom search and checked if I can still use the google.com search form I created some years back.

Now go back to Google.com Custom Search Results from “The Web”

When I click “Search” “The Web”, then Google.com display all inputs from all websites around the world. I just tried to input my google.com custom search API key just produced last night (today is November 08, 2018) and realised google.com is giving API key right now and I can use the key to my created Search Form.

Search from "The Web" Search Results from Google.com Custom Search
Search from “The Web” Search Results from Google.com Custom Search

As can be seen from the image, the search box does help me to stay in my blog, and search anything from Google.com right from my blog. I do not need to open a new window to do that.

Final Note

  1. Now I am glad that I can finally make use of google.com custom search to search the results from display from google.com but I can choose either to display only from my current blog or from the web.
  2. Another note to make is that now I can use google.com custom search “Without Plugin” Yes, I like hacks and scripts that is done “Without Plugin”, primarily because people “Sell” those plugins after sometime they give it for free.
  3. I am using the simplest, but rock-solid plus robust and fully customize-able WordPress Theme called Hybrid Theme created by Justin Tadlock. I am working on more options for including ads and featured posts.

(I must apologize for my English, plus my lack of knowledge of google.cm custom search. What what I am doing here is just teaching myself back on what I am actually doing, so that I do not forget as the time passes. And I must admit, I have forgotten so may things. I am not a modern person, I am a tribesperson and I am not part of this modernized globalized world, by the way. I started to learn Internet not to spread my news around the world, but to put SIGNPOSTS to the world, so that if possible at all, people stop coming to my Island, as the more they come the more they destroy my natural, simple, paradise world of the Isle of New Guinea)

 

Posted on Leave a comment

ScreenShots of Hybrid Child Theme So far

Posted on Leave a comment

How I started Developing my WordPress Themes from Zero in Knowledge and in Experience

I have been developing WordPress Themes by trials that resulted with errors. Yes, mostly I came out with errors for almost five years now. I did not read any books nor articles from anywhere on how to write or develop the WordPress themes. As all of us Melanesians do, we always learn by doing. Our school is in the garden, in the jungle, there is no classroom for theories.

What I did with WordPress themes development was just exactly that. Originally I began with working around with Sandbox WordPress Theme by Andy Skelton & Scott Allan Wallick, far before WordPress Theme Frameworks became familiar in our Internet world. I became familiar with all names of classes and hacks in Sandbox Theme. I there is something missing, then I even can figure it out and type it myself, without looking at the framework anymore. I can even figure out what I should type in the PHP when errors appear in Sandbox WordPress Theme.

After some years of trial and error, I then witnessed how WordPress Blogging Platform developed. Well I followed since version 2.0. I did not know anything about WordPress before, let alone the Internet since then. Latest development of WordPress itself and its theme frameworks happened when I was already actively involved in developing my themes for my websites. [Very sorry to say that all websites that I owned were then discontinued as I was unable to pay for hosting and domain names, well I did not have any credit card to pay them online =, even though I have the money in cash. Banking system in my place is very far from stone age world I guess]. Sad part of the story is that all themes I developed were all gone when the hosting companies and domain registrars disabled/ discontinued my hosting and domain registrations. Domain names like papuaindependent.com, westpapuanews.com, westpapua.org, westpapua.org.uk, kabarpapua.com, and others with all WordPress Themes were gone. But don’t worry, I am still alive, and I know how to develop it not by reading but by doing. So, I just re-developed theme themes, again from zero.

By the time I just restarted, I noticed the robust and advanced WordPress Theme Framework called Hybrid Theme by Justin Tadlock was being on the Net, widely discussed and downloaded. I was already using the Options Theme, Tudlock’s previous WordPress Theme developed together with Visionary and Structure WordPress Themes. I digged deeply into the Options WordPress Theme and did manage to adapt it to my site. I got the idea already that Tudlock got a clear and complete idea of how to develop a WordPress Theme and to utilise all the facilities and capabilities available at WordPress.com platform.

When http://themehybrid.com was launched, I was already following it from its original article up till now. I am sorry, I cannot register into the Club Section as I do not have the Credit Card/ Visa Card to pay the membership fee.

The Hybrid Theme Framework was launched sometime later than other Theme Framework such as Thematic WordPress THeme Framework, however, I found the logic, the structure and the elaboration of Justin Tudlock makes more sense and therefore understandable and learn-able for me. Well, I mean learn by doing not learn by reading and listening.

Finally, for this moment, I would like to recommend Hybrid WordPress Theme Framework for the development of your own themes, as I am doing right now. Hope this brief story will make you understand that we Melanesians are already in this post-modern world, digging into the internet, but we are not learning by reading nor listening, but by doing. Well, this is the oldest and basic method of learning anyway.

Posted on Leave a comment

jQuery Example: Sortable List

Using jQuery UI Sortable plugin to make a draggable question. Drag the list items into the correct order and check to see if the answer is correct. View a demo here.

Posted on Leave a comment

YUI3 Example: StumbleUpon List

YUI3 Example: StumbleUpon List. I have used this in my Word Press blogs and it works very well.

Using YUI3 YQL Query Utility to display a StumbleUpon user’s recent favorites. View a demo here.

Posted on Leave a comment

YUI Calendar HTML Script

THIS EXAMPLE CODE is part of our YUI JavaScript tutorial. It creates a calendar that you can add events to.

Follow along with the tutorial to learn how to use it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>YUI: Calendar example</title> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.6.0/build/fonts/fonts-min.css&2.6.0/build/calendar/assets/skins/sam/calendar.css&2.6.0/build/carousel/assets/skins/sam/carousel.css"> <script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/calendar/calendar-min.js&2.6.0/build/element/element-beta-min.js&2.6.0/build/carousel/carousel-beta-min.js"></script> <script type="text/javascript"> function addDateText(type,args,obj) { var datedata = args[0][0]; var year = datedata[0]; var month = datedata[1]; var day = datedata[2]; document.forms[0].datefield.value = month+'/'+day+'/'+year; obj.hide(); } function init_calendar() { var cal = new YAHOO.widget.Calendar("cal", { title:"Choose a date:", close:true } ); cal.render(); cal.hide(); // Show Calendar when text field gets focus YAHOO.util.Event.addListener("datefield", "focus", cal.show, cal, true); // Save calendar value inside text field cal.selectEvent.subscribe(addDateText, cal, true); } YAHOO.util.Event.onDOMReady(init_calendar); </script> </head> <body class="yui-skin-sam"> <form> Date: <input type="text" id="datefield" /> <div id="cal"></div> </form> </body> </html>

I know that YUI Library is depreciated, but I will look into the further development of YUI in order to do similar things.