Social Media and Technology Blog » Programming http://openhippo.com " Share your Knowledge " Sat, 21 Jan 2012 04:11:05 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Get Mobile Version of Your Website or Blog Using Google Reader http://openhippo.com/get-mobile-version-of-your-website-or-blog-using-google-reader/ http://openhippo.com/get-mobile-version-of-your-website-or-blog-using-google-reader/#comments Wed, 28 Jul 2010 19:41:36 +0000 Vikash Dhankar http://openhippo.com/?p=2503 If  you want to push your site on the mobile world than Google Reader can be the best option for you. There are plugins available to make your site visible on the phones.

But I am looking for the Google Reader easy and fast way to push your web latest post/articles on the phone. Its only require RSS Feed URL of your blog. For Ex( http://openhippo.com/feeds ).By default the wordpress blog RSS feeds are set ( http:/yoursiteurl/feeds ).

Its very easy.

  • Okay, If you are willing than make a subdomain ( ex:- http://m.openhippo.com ) . You have to log in the cpanel and than manage subdomains and add the subdomain.
  • Now you have to make a index.html file and paste some code. ( The code is below  )

[php]<html>
<head>
<title>Openhippo Web | Social Media and  Tech Blog, Reviews, Tutorial and WordPress </title>
<META name="description" content=". Topics focus on blogging, tech news, reviews, tutorials and computing tips."><META name="keywords" content="opensource, blogging tips,facebook, google, WordPress, reviews, tutorials, blogging, security, tips and tricks, hacks">
</head>
<frameset rows="100%,*" border="0">
<frame src="http://www.google.com/reader/m/view/feed/feed://www.openhippo.com/feed" frameborder="0" />
<frame frameborder="0" noresize />
</frameset>
</html>

[/php]

  • In the above code you have to modify the RSS feed URL only.

mobile view of site

Its done. Now your blog article can be fast accessible on the mobile phones.

Thanks “Share Your knowledge “.

]]> http://openhippo.com/get-mobile-version-of-your-website-or-blog-using-google-reader/feed/ 3 Add Facebook and Twitter Links in the Author Box : Customize Author Box http://openhippo.com/add-facebook-and-twitter-links-in-the-author-box/ http://openhippo.com/add-facebook-and-twitter-links-in-the-author-box/#comments Sun, 25 Jul 2010 11:50:55 +0000 Vikash Dhankar http://openhippo.com/?p=2437 In this article, you will learn little bit coding and tricks to add social networks like Facebook, twitter, own site URL, etc.

You may get many plugin for this, but why I am not using plugin because using many plugin in your site would make site slow. It took me 3 hrs to customize the author box.

How to add Twitter and Facebook Links In the author box :-

Step 1:-  Open the file “single.php” of current  theme .

Step 2:- Search out the code

[php]<div class="authorbox">
<p>< ?php echo get_avatar( get_the_author_email(), ’48′ ); ?>
<strong>< ?php the_author_posts_link(); ?></strong><br />
< ?php the_author_meta( ‘description’ ); ?></p>
<div class="clear"></div>
</div>
[/php]

Step3:- Now, you need to add the following code after

[php] < ?php the_author_meta( ‘description’ ); ? [/php]

Paste the following code

[php]<p><br /><h5><align ="left">Connect with Me – - – - -</align></h5>
<a href="<?php the_author_meta(‘user_url’); ?>"> <img src="http://openhippo.com/files/website.png"/> </a>
<a href="<?php the_author_meta(‘aim’); ?>"><img src="http://openhippo.com/files/twitter.png"/></a> <a href="<?php the_author_meta(‘yim’); ?>"> <img src="http://openhippo.com/files/facebook.jpg"/></a> </p> [/php]

You can see the Image below :-

customize author box

we are using “aim” and “yim” id’s to POST and GET the Twitter and Facebook Links . So, no worries.

Step4:- Now you must change the Profile Page.

Before :-

customize author box facebook

Now- You must change the “AIM” and “Yahoo IM” , so that new user can add the twitter and facebook links there.

Open the file “wp-include/registration.php ” of wordpress package. Now search the strings “AIM” and replace with the “Twitter” and replace “Yahoo IM” with “Facebook”.

After:-
customize author box facebook

That’s it. Now you are ready with the customized author box. No need of plugin. Easy and Fast.

Do comments. If you stuck any where in the code.

“Share your Knowledge”

]]> http://openhippo.com/add-facebook-and-twitter-links-in-the-author-box/feed/ 1 Script:How to Write Your Own IM Bot:Tutorial http://openhippo.com/scripthow-to-write-your-own-im-bottutorial/ http://openhippo.com/scripthow-to-write-your-own-im-bottutorial/#comments Fri, 19 Mar 2010 09:04:34 +0000 Vikash Dhankar http://openhippo.com/?p=1800 In this tutorial you will able to writer your own instant messaging bots.

What is understand by IM or Instant Messaging Bots ?
The instant messaging bot are write for some specific purpose. Just like to fetch the results of particular university, or just like to fetch the TOP stories of Digg.com and many more uses.

Here I am going to write a IM bot of Digg to Fetch the TOP stories from all the Categories:-

Follow the following steps to make your own IM Bots:-

Step1: Go and Sign Up at http://www.imified.com/ .

Step2: Choose the Bot Name ‘This name is the simple name you can choose any name related to your bot.

Step3: Choose the Bot Screen Name ‘This is the unique name of bot’. As I have made the bot for the Digg.com Top stories so I have chosen the “diggstories” as the Bot Screen Name.

Step4: Now here come the API in the play. There are many FREE API available for the Social networks.
a) Digg.com API :- Click Here
b) Twitter API :- Click Here
c) Facebook API :- Click Here
d) Google API :- Click Here
You can find many more API, according to your Requirement to develop your own IM bot.

Step5: Now you provide a URL “where you have stored all your coding and API things” in a BOT URL Space.
For example:My bot URL is http://www.openhippo.com/diggtoolkit/diggstories.php
If you don’t have your own hosting you can choose some free hosting services like http://www.freehostia.com

Step6: Now you will get a bot Key, Don’t give this key to any one because this is the secret key of your bot. otherwise any other user can miss use your BOT.

Step7: You are all done ” Enjoy your Own IM bot”

Here are the coding of my IM BOT.
Screen name: diggstories
Bot URL: http://www.openhippo.com/diggtoolkit/diggstories.php

You can add this bot IM to any of you chat client, add with the name “diggstories@bot.im“.

Download the Digg Top Stories IM Bot : Download

Now you can write your own IM Bot in less then 10 minutes.

If you have any difficulty, comment here. I will surely help you.

Share your Knowledge. :)

]]> http://openhippo.com/scripthow-to-write-your-own-im-bottutorial/feed/ 0 Script : Send Anonymous Emails or Fake Emails: FUN http://openhippo.com/script-send-anonymous-emails-or-fake-emails-fun/ http://openhippo.com/script-send-anonymous-emails-or-fake-emails-fun/#comments Sun, 14 Mar 2010 15:32:38 +0000 Vikash Dhankar http://openhippo.com/?p=1758 I was thinking to to have fun with my friends, by making them curious about the incoming emails to them.

Think how much it is interesting to send the emails to your friend from his email ID…OMG that will be interesting.

I will be providing you the script but, don’t harm the people for the FUN purpose, Fun should be remain fun.

Some of you might googled about the http://www.google.co.in/search?q=send+anonymous+emails but rarely these site provide a good way for that,  I will be providing simple way to send fake emails.

Tutorials to make a anonymous emails( fake emails ) for FUN :-

I am using PHP for sending anonymous emails, you can use different language, but PHP was good for me.

There will be two files:-

1)index.htm

2)fakeemails.php

The index.htm will be containing the simple code for the front end( forms,text area etc. But the fakeemails.php contains the actual code for the anonymous emails scripts.

I am using the  method =”POST” in the index.php but you can also use the $_GET, it depends on you.  The POST will will not show your contents on the browser address bar.

Send the Fake Email Only FUN    Send the Anonymous Emails

Download the Script [ Download ]
Send Anonymous Email(For Fun Purpose Only)

Send anonymous emails

To :
From :
From Name :
Subject :
Message :

Enjoy the Code, Don’t harm your friends and others..

]]> http://openhippo.com/script-send-anonymous-emails-or-fake-emails-fun/feed/ 15 DIY: Make Your Own Proxy Server http://openhippo.com/diy-make-your-own-proxy-server/ http://openhippo.com/diy-make-your-own-proxy-server/#comments Sat, 06 Mar 2010 05:01:00 +0000 Vikash Dhankar http://openhippo.com/?p=1747 In this tutorial, you will be able to create your own proxy server without having your own domain. You may find many PHP scripts for the proxy servers, but than you need to have your own server for hosting the scripts.

proxy server

Here I will be making a proxy server on the domain appspot.com ,which is a google application hosting domain ( http://appengine.google.com ).

There will be 8 Steps to create your own proxy server.

Step 1:- Download the python for the windows from python.org ( Download ) and install into your PC.

Step 2:- Download Google App Engine for the Python  ( Download). and install in your PC .

Step 3:- Now you Go to the installed Google App engine :- Go to Edit-Prefrences and hit enter. Set the path of the python.

The path of python will be provided in the preferences panel,

On my System Python and Google App Engine is installed in the G:/ Drive, so i provided their path..

Step 4 :- Now, you have to SIGN IN for your Google Application. Go to the appengine.goolge.com with your Google Account credentials.

Step 5:- Give the name of your Proxy server ( you can give any name available under appspot.com) and remember the name because you have to use that name afterward.

My Unique ID is “openhippo-proxy-server “. You can also Choose unique ID.

Step6:- Now Download the Script from here :- Download Script , Extract these files in the directory to your Google App Engine.

I had extracted to G:\Program Files\Google\google_appengine\launcher\openhippo proxy\

Step7:- Ok, Now you RUN the  Google App Engine. Go to the Files- Add Existing Application and hit enter. Here you browse the Folder in which you downloaded all the script of step6.

Step8. Now you go to the EDIT option and give your App ID , (‘ openhippo-proxy-server’), this is my ID you have to replace with yours.

Step9:-Click Deploy and your online proxy server is now ready for use.

Step10:- This is my Proxy server,  Live Proxy-Server .

If you have any problem in setting up, contact to me through comments and Emails.

Enjoy and share your Knowledge.

]]> http://openhippo.com/diy-make-your-own-proxy-server/feed/ 5 Top 10 Free Valentine WordPress themes http://openhippo.com/top-10-free-valentine-wordpress-themes/ http://openhippo.com/top-10-free-valentine-wordpress-themes/#comments Mon, 04 Jan 2010 09:31:45 +0000 Ritu sharma http://openhippo.com/?p=1456 14 feb is near and ofcourse its valentine day, so many of new generation guys want to gift a different kind. I suggest to gift a domain and chosse one of the below free valentine wp themes. This will be a different kind of gift :) sure you do that.

Here I am uploading some of the best valentine wordpress themes.  Themes are in pink, red and some themes including the hearts, to make them more to valentine love present gift.

Love Letter :
love letter

[ Theme Info ]  [ Demo ]

Pink Valentine’s Theme:

[ Theme info ]  [ Demo ]

Wedding Spring:

[ Theme Info ]  [ Demo ]

Valentine’s Day Theme:

[ Theme Info ]  [ Demo ]

Pink Love

[ Theme Info ]  [ Demo ]

Hearts Theme

[ Theme Info ]  [ Demo ]

Be My Valentine

[ Theme Info ]  [ Demo ]

Love U

[ Theme Info ]  [ Demo ]

Love Bugs

[ Theme Info ]  [ Demo ]

Valentine Theme

[ Download ]  [ Demo ]

So enjoy the free valentine day wordpress themes. A simple and prefect  gift to your loved ones.

thanks

Wedding Spring

]]> http://openhippo.com/top-10-free-valentine-wordpress-themes/feed/ 13 Make Your Own CMS System : Part 1 http://openhippo.com/make-your-own-cms-system-part-1/ http://openhippo.com/make-your-own-cms-system-part-1/#comments Tue, 29 Sep 2009 06:07:21 +0000 Vikash Dhankar http://openhippo.com/?p=1206 Hi,

Here in this tutorial, I am providing something that you may need for your own website. The value of CMS ( Content Management System ) , in todays site is one of the most attracting feature. CMS built the site dyanamic means that, the regsiter user can directly connect to thte database and can make the change in database , which can be seen on the webpage. Really its very nice.

As I am Computer Science student so, i made this CMS in my minor project ( 6th sem).

It is very easy..GO with me step by step, I may help you.

Here we go: (

1. Install WAMP server to your PC( WIndows) or LAMP to your LINUX system. ( Learn how to configure WAMP )

2. Okay, Here i may suppose now that you had configured your WAMP.

3. Understanding CMS : CMS ( Content Management System ). It is a best way that you can interact with the database ( create and modify ) and make your web more dynamic.

4. To built a simple CMS system, first we will be creating a database named “mycms” by going :

http://localhost/phpmyadmin/ and Create a New Database.

database

5. After the 4th step we are going to create a table name and the field name for a particular table.

6. Create three tables in the database “mycms”.

a)users

b)pages

c)subjects

Okay we will be having these above tables.

7. Field names in a particular table name :-

a) Table “users” contains – id int(11), username varchar(50), hashed_password varchar(40).

b) Table “pages” contains -id int(11), subject_id int(11), menu_name varchar(30), position int(3), visible tinyint(1), content text.

c) Table “subjects” contains – id int(11), menu_name varchar(30),position int(3), visible tinyint(1).

I all the above make the “id” field primary key.

At this time we are ready with our database  creation. Next we are goign to make the basic pages like login.php, logout.php, users.php, subjects.php, index.php….. etc

These all pages, designed will be done in the next post. Stay connected, its really very easy.

Share your knowledge :)

]]> http://openhippo.com/make-your-own-cms-system-part-1/feed/ 2 Simple Login and Logout Tutorial using PHP+MySQL(Wamp) http://openhippo.com/simple-login-and-logout-tutorial-using-phpmysqlwamp/ http://openhippo.com/simple-login-and-logout-tutorial-using-phpmysqlwamp/#comments Fri, 17 Jul 2009 21:38:07 +0000 Vikash Dhankar http://openhippo.com/?p=902 In today’s senario there is online messaging, reporting, submission of query,updation of the user list, admin and user account and bla-bla-bla.

So we need a way to handle all the stuff all over the world by giving the username and password and defining their privileges.

Here I am giving you some brief tutorial on the above that how we can make own login and logout page.

I am using PHP+MySQL in the Tutorial.
There are simple 3 steps to make that.

Step1: Creating the Database and Table

Install Wamp ->start the Wamp server ->phpmyadmin -> Create a new database name, ex: test->Create a table, ex: test -> Create a two field names “username” and “password” VARCHAR2 Type.

If you are not having Wamp server download from here : Wamp Server or

You can directly use MySQL on the Command line if you are convenient.

Step2: Creating Basic Pages

Here we will design basic three pages:

  • login.php
  • logout.php
  • welcome.php

    • login.php

    welcome.php


    logout.php

    Step3: Creating other pages

    There are 4 other .php files

    a) connection.php
    b) constants.php
    c) functions.php
    d) session.php

    Download the Whole project : Login/Logout Tutorials

    You can edit the connection.php and constants.php according to your server settings. Like database name, database username, password.

    My setting is Database name : test, Database Username : root, Password : admin .

    So if you want to make changes than you can go through therse pages.

    Good Luck :)

    Doubts are Welcome

    ]]>     http://openhippo.com/simple-login-and-logout-tutorial-using-phpmysqlwamp/feed/ 9     Google Wave : A Complete Guide http://openhippo.com/google-wave-a-complete-guide/ http://openhippo.com/google-wave-a-complete-guide/#comments Sat, 06 Jun 2009 14:32:56 +0000 Vikash Dhankar http://openhippo.com/?p=837 Google had surprised the whole world on 28th may 2009, by a mass communication and collaborated product ” Google Wave “. google wave logo The product is in the early phase of the development, it is totally opensource not to only contribute to the internet but make it more powerful as it is in the early phase so need the developers to finish the product.

    What is Google Wave ??

    google waveGoogle Wave is a real-time communication platform. It combines aspects of email, instant messaging, wikis, web chat, social networking, and project management to build one elegant, in-browser communication client. You can bring a group of friends or business partners together to discuss how your day has been or share files.

    Google Wave have many elegant feature but some of them are explained below:-
    - Real Time :- In most instances, you can see what someone else is typing, character-by-character.
    - Applications and Extensions: Just like a Facebook (Facebook reviews) application or an iGoogle gadget, developers can build their own apps within waves. They can be anything from bots to complex real-time games.

    - Wiki functionality: Anything written within a Google Wave can be edited by anyone else, because all conversations within the platform are shared. Thus, you can correct information, append information, or add your own commentary within a developing conversation.

    - Open source: The Google Wave code will be open source, to foster innovation and adoption amongst developers.

    - Playback: You can playback any part of the wave to see what was said, or the other wave user.

    - Natural language: Google Wave can auto-correct your spelling, even going as far as knowing the difference between similar words, like “been” and “bean.” It can also auto-translate on-the-fly.

    - Drag-and-drop file sharing: No attachments; just drag your file and drop it inside Google Wave and everyone will have access.

    While these are only a few of the many features of Google Wave, it’s easy to see why people are extremely excited.

    The developers of the Wave is the team based in Sydney, Australia.The core team are Lars Rasmussen, Jen Rasmussen and product manager Stephanie Hannon. The Google Map was also founded by this team.

    Terminology

    Google Wave actually has its own lingo – yes, you have to learn a few definitions if you’re going to really understand this new communication platform. Having knowledge of these terms will help you understand more about Google’s newest project.

    - Wave: A wave, specifically, refers to a specific threaded conversation. It can include just one person, or it can include a group of users or even robots (explained below). The best comparison I can make is that it’s like your entire instant messaging (IM) history with someone. Anything you’ve ever discussed in a single chat or conversation is a wave.

    - Wavelet: A wavelet is also a threaded conversation, but only a subset of a larger conversation (or a wave). It’s like a single IM conversation – a small part of a larger conversation and a larger history. Wavelets, though, can be created and managed separately from a wave.

    - Blip (BLIP reviews): Even smaller than a Wavelet, a Blip is a single, individual message. It’s like a single line of an IM conversation. Blips can have other blips attached to them, called children. In addition, blips can either be published or unpublished (once again, it’s sort of like typing out an IM message but not yet sending it).or we can send the Blip private to the selected users.

    - Document: A document actually refers to the content within a blip. This seems to refer to the actual characters, words, and files associated with a blip.

    - Extension: An extension is a mini-application that works within a wave. So these are the apps you can play with while using Wave. There are two main types of extensions: Gadgets and Robots

    - Gadgets: A gadget is an application users can participate with, many of which are built on Google’s OpenSocial platform. A good comparison would be iGoogle gadgets or Facebook applications.

    - Robots: Robots are an automated participant within a wave. They can talk with users and interact with waves. They can provide information from outside sources (i.e. Twitter (Twitter reviews) or they can check content within a wave and perform actions based on them (i.e. provide you a stock quote if a stock name is mentioned).

    - Embedded Wave: An embedded wave is a way to take a Google Wave and the conversation within it and place it on your website. Users could use this as a chatroom, as a way to contact you, or for something more.

    Wave Gadgets

    sample gadgets

    A Wave Gadget is one of two types of Google Wave extensions. Gadgets are fully-functional applications. According to Google, gadgets are primarily for changing the look and feel of waves, although this seems to only scratch the surface of the potential of a wave gadget. First: almost any iGoogle or OpenSocial gadget can run within Google Wave. That means thousands of applications that have been already created will work in Google Wave. Second: a gadget built within Google Wave can take advantage of live interaction with multiple users. This means something like a live online game with active participation from all users. In that way, it has similarities to Facebook or MySpace (MySpace reviews) applications, which take advantage of your friend network to make games, quizzes, and applications more meaningufl and useful. Gadgets are specific to individual waves, rather than to specific users. Thus, it’s not like having a Facebook app on your profile – the gadget belongs to everyone within the wave. They also do not have titles, to better integrate with the actual conversation. Some of the gadgets already built include a Sudoku gadget, Bidder (which turns your wave into an auction), and Maps (which allows for collaboration on a Google Map). For a more technical explanation, be sure to check out Google’s Wave Gadgets Tutorial.

    Wave Robots

    robots tweet

    Robots are the other type of Google Wave extension. Robots are like having another person within a Google Wave conversation, except that they’re automated. They’re a lot like the old IM bots of the past, although far more robust. Robots can modify information in waves, interact with users, communicate with others waves, and pull information from outside sources.

    Because it acts like a user, you can define its behavior based on what happens in the chat. You could build one as simple as “change the word dog to the word cat” or one as complex as a fully-functional debugger. We’ll probably start seeming some very advanced robots in the near future.

    Some of the robots already in service include Debuggy (an in-wave debugger), Stocky (which pulls stock prices based on stock quote mentions), and Tweety (the Twave robot, which displays tweets inside of a wave).

    A more advanced explanation is available at Google’s Wave Robots Overview.

    Wave Embeds

    embedsample

    Wave embeds are a little more complex than embedding a YouTube (YouTube reviews) video onto your blog, yet in the end, that’s really what Google Wave Embeds are: a way to take Google Waves onto a third party website. Embedded Waves support many of the functions of the actual Google Wave client, including dragging-and-dropping files.

    While the Wave Embeds is still very early stage, Google has already built two: YouTube Playlist Discuss and Multiple Extensions Embed. The former allows you to discuss a YouTube video via a wave and the latter allows for interaction with multiple waves on the same page.

    One possibility: Google Wave Embeds may be a real-time replacement to static comments. If Google perfects wave embeds, you could even see YouTube.com comments replaced with waves, although it is way too early to make any calls on the potential of this.

    Google’s Wave Embed Developer’s Guide has more advanced information embedding waves.

    Furthering your Google Wave education

    wavelogo

    Still can’t get enough of Google Wave? While information is sparse, hopefully this collection of links will help you understand this new product even more.

    - Mashable (Mashable reviews)’s Google Wave Coverage: We highly suggest bookmarking our Google Wave coverage and checking Mashable consistently for the latest information on Google Wave.

    - Google Wave Federation Protocol: Google has provided some community principles, architecture information, and more detailed definitions on their Wave protocol webpage.

    - Google Wave API: For developers interested in building applications for Google Wave, be sure to check out the Wave API website.

    - Google Wave Updates: Want to be informed the second Google Wave is available? Here’s the sign-up form.

    Source: Mashable.com

    ]]>     http://openhippo.com/google-wave-a-complete-guide/feed/ 1