1. Create an account on Google Code: http://code.google.com
2. Create a new project: http://code.google.com/hosting/createProject
   
3. Click “Source” and you should see something similar to:
   
   You’ll need the following information.
   Server address: lil-josh-demo.googlecode.com (replace with yours)
   Repository Path: /svn/trunk
   Username: JoshFromIU@gmail.com (replace with yours)
   Password: You can find your password by clicking googlecode.com password.
4. Open your site in Dreamweaver. From the dropdown click Site -> Manage Sites and double click your site to open it.
5. Click the Version Control tab from the left.
6. Enter your Google code information from step 3. For example:
   
7. Click Test and then Save if everything worked.
8. I’d recommend watching this video to get a quick overview of the Dreamweaver’s Subversion features: http://tv.adobe.com/watch/learn-dreamweaver-cs5/working-with-subversion-and-dreamweaver/ (skip to 1:40)

I spent a lot of time trying to figure out how to setup a subversion server, and found that Google Code was the easiest solution. If you have any feedback or questions feel free to leave a comment. Thank you and enjoy!

$(document).ready(function() {

var body = $("body").html();
body = body.replace(/</g, "&lt;");
body = body.replace(/>/g, "&gt;");
$("body").html(body);

});

<div class="twitter" id="jstweets"></div>
<script>
$.ajax({
  url: 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name=jolamar&count=5&callback=?',
  dataType: 'json',
  success: function(data){
    $.each(data, function(i,item){
      ct = item.text;
      // include time tweeted - thanks to will
      mytime = item.created_at;
      var strtime = mytime.replace(/(\+\S+) (.*)/, '$2 $1')
      var mydate = new Date(Date.parse(strtime)).toLocaleDateString();
      var mytime = new Date(Date.parse(strtime)).toLocaleTimeString();
      ct = ct.replace(/http:\/\/\S+/g,  '<a href="$&" target="_blank">$&</a>');
      twitterURL = "http://twitter.com/";
      ct = ct.replace(/\s(@)(\w+)/g,    ' @<a href="'+twitterURL+'$2">$2</a>');
      ct = ct.replace(/\s(#)(\w+)/g,    ' #<a href="'+twitterURL+'search?q=%23$2" target="_blank">$2</a>');
      $("#jstweets").append('<div>'+ct + ' <small><i>(' + mydate + ' @ ' + mytime + ')</i></small></div>');
    });
  }
});
</script>

NOTE: You will need jQuery for this to work. If this isn’t working, try including the following library at the beginning of this code.

<script src="http://code.jquery.com/jquery-latest.js"></script>

http://wordpress.org/extend/plugins/3d-facebook-button/

My future plans are to allow users to like the site when the button is clicked and make a better non-WebKit browser (Firefox, IE) version. Let me know what you think!

1. Determine what your navigation #ID is. In this example, my navigation ID is #navi You should replace mine with your own. There is a good plugin for Firefox and Chrome called Web Developer, which allows you to “Display Element Information” when you click on an element, such as navigation. I recommend using this plugin to determine your navigation #ID.
2. Add this jQuery code near the footer/bottom of your site.:

   /****************************************
    * Floating Navigation jQuery feature
    ****************************************/
   $(function() {
   		
   	// get initial top offset of navigation 
   	var floating_navigation_offset_top = $('#navi').offset().top;
   			
   	// define the floating navigation function
   	var floating_navigation = function(){
                   // current vertical position from the top
   		var scroll_top = $(window).scrollTop(); 
   		
   		// if scrolled more than the navigation, change its 
                   // position to fixed to float to top, otherwise change 
                   // it back to relative
   		if (scroll_top > floating_navigation_offset_top) { 
   			$('#navi').css({ 'position': 'fixed', 'top':0});
   		} else {
   			$('#navi').css({ 'position': 'relative' }); 
   		}   
   	};
   	
   	// run function on load
   	floating_navigation();
   	
   	// run function every time you scroll
   	$(window).scroll(function() {
   		 floating_navigation();
   	});
   
   });

3. Replace #navi with your own navigation ID on the lines highlighted above.
4. OPTIONAL: To ensure your navigation stays on top, add a high z-index. Open your CSS stylesheet and find your navigation CSS and add this property:

   z-index:99999;
   

That’s all! Feel free to leave your site URLs where you’ve used this feature. Also, if you have any recommendations for future how-to guides please contact me with your ideas.

Download the Latest WordPress now or visit Dashboard → Updates in your site admin to update now. For full instructions on updating WordPress see http://codex.wordpress.org/Updating_WordPress

Keeping WordPress secure is especially important on shared hosting (such as GoDaddy or HostGator), since a compromise can affect all of the sites on that server. The following are my recommendations for keeping WordPress secure so that your site is not a target for attack.

1. Update WordPress, plugins, and themes to the most current version. For instructions on updating WordPress see http://codex.wordpress.org/Updating_WordPress
2. Locate wp-config.php on your server and update the security keys. This makes your site harder to hack by adding random elements to the password. For instructions on updating the security keys see http://codex.wordpress.org/Editing_wp-config.php#Security_Keys
3. Make wp-config.php readable by only you (chmod 600 wp-config.php). This file contains database information and security keys that would allow a hacker to gain control of your site.
4. Don’t have plugins that you don’t need. Review your plugins and remove any that are not used.
5. Backup your database often. There are WordPress plugins that can backup your database automatically. I recommend WP-DB-Backup
6. Backup all of your site files before doing an update (especially wp-content/ since that contains your site themes and plugins).
7. NEVER have world writable files or folders.
8. Remove unused WordPress users and update passwords regularly.
9. If you are setting up WordPress, consider using a different table prefix (other than wp_). This makes it harder to hackers to guess the table name.
10. All of the suggestions made above are irrelevant if your computer has a keylogger installed. Be sure to keep your OS and antivirus up-to-date.

Feel free to contact me if you have any questions about these suggestions or if you’d like me to take a quick look at your site.

Main features I like about it are:

• Search as you type
• unlimited tabs
• swipe to switch tabs :]
• sign in so Chrome can load your bookmarks/tabs
• incognito (private browsing)
• it’s FAST & FREE!

1. To get this working in your WordPress site you will first need to install the “Subscribe2″ plugin. You can search and install this from WordPress by going to Plugins -> Add new and then searching for Subscribe2
2. Once you’ve installed Subscribe2, review the plugin settings and determine which posts categories should be sent out and how often. I also checked the Enable Subscribe2 widget option so that I could use the subscribe plugin in my sidebar (look to your left).
3. If you are going to insert the form into a page, then edit the page and you will see S2 in the WYSIWYG. Simply click that.
4. If you are going to insert the form into a widget (e.g. sidebar), then go to Appearance -> Widgets and drag the Subscribe2 widget to your sidebar.
5. The rest of this tutorial assume you are using the widget method.
6. You can configure the options, but I only changed the class from “search” to “subscribe” and also removed the ’2′ from the title.
7. At this point your Subscribe input field and buttons may look pretty wimpy. That’s okay we will address that now.
8. Open your stylesheet and add two new styles for:
1. .subscribe input[type=text] { /* these styles are for the text field */ }
2. .subscribe input[type=submit] { /* these styles are for the buttons */ }
9. Here is the full CSS I used to style my subscribe widget

.subscribe input[type=text] { 
   width: 260px;
   height: 20px;
   padding: 10px 5px;
   float: left;
   font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma'; 
   border: 0; 
   background: #eee;
   border-radius: 3px;
   margin-bottom:5px;
}
        
.subscribe input[type=text]:focus {
   outline: 0;
   background: #fff;
   box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}


.subscribe input[type=text]::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.subscribe input[type=text]:-moz-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.subscribe input[type=text]:-ms-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}  

.subscribe input[type=submit] {
   padding: 10px;
   -webkit-border-radius: 2px 2px;
   border: solid 1px #3079ed;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d90fe), to(#4787ed));
   background: #4d90fe; /* Old browsers */
   background: -moz-linear-gradient(top,  #4d90fe 0%, #4787ed 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* IE10+ */
   background: linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#4787ed',GradientType=0 ); /* IE6-9 */
   color: #fff;
   text-decoration: none;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   font-weight:bold;
   font-family:Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   font-size:11px;
   line-height: 1;
}

.subscribe input[type=submit]:hover {
   border: 1px solid #2f5bb7;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(221, 75, 57)), to(rgb(197, 55, 39)));
   background: #4d90fe; /* Old browsers */
   background: -moz-linear-gradient(top,  #4d90fe 0%, #357ae8 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* IE10+ */
   background: linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#357ae8',GradientType=0 ); /* IE6-9 */
   -webkit-box-shadow: 0 1px 1px #333333;
   -moz-box-shadow: 0 1px 1px #333333;
   box-shadow: 0 1px 1px #333333;
}

1. You will need your page ID. You can get this from https://graph.facebook.com/yourpage for example https://graph.facebook.com/HoosierHeights If your page does not have a username, you can visit your page and copy the last numbers in the URL for example:

   https://www.facebook.com/pages/HoosierHeights/163276271689 

2. Now that you have your page ID you can view the JSON feed at this URL:
   http://www.facebook.com/feeds/page.php?id=163276271689&format=json
   (replacing the number with your page ID).
3. Here is the PHP code to pull the JSON feed into your site. (Be sure to replace the URL with your own).

   <? 
   //replace the Page ID with your own
   $url = "http://www.facebook.com/feeds/page.php?id=163276271689&format=json"; 
   
   // disguises the curl using fake headers and a fake user agent. 
   function disguise_curl($url) 
   { 
     $curl = curl_init(); 
   
     // Setup headers - the same headers from Firefox version 2.0.0.6 
     // below was split up because the line was too long. 
     $header[0] = "Accept: text/xml,application/xml,application/xhtml+xml,"; 
     $header[0] .= "text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5"; 
     $header[] = "Cache-Control: max-age=0"; 
     $header[] = "Connection: keep-alive"; 
     $header[] = "Keep-Alive: 300"; 
     $header[] = "Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7"; 
     $header[] = "Accept-Language: en-us,en;q=0.5"; 
     $header[] = "Pragma: "; // browsers keep this blank. 
   
     curl_setopt($curl, CURLOPT_URL, $url); 
     curl_setopt($curl, CURLOPT_USERAGENT, 'Mozilla'); 
     curl_setopt($curl, CURLOPT_HTTPHEADER, $header); 
     curl_setopt($curl, CURLOPT_REFERER, ''); 
     curl_setopt($curl, CURLOPT_ENCODING, 'gzip,deflate'); 
     curl_setopt($curl, CURLOPT_AUTOREFERER, true); 
     curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); 
     curl_setopt($curl, CURLOPT_TIMEOUT, 10); 
   
     $html = curl_exec($curl); // execute the curl command 
     curl_close($curl); // close the connection 
   
     return $html; // and finally, return $html 
   } 
   
   // uses the function and displays the text off the website 
   $text = disguise_curl($url); 
   
   $json_feed_object = json_decode($text);
   
   foreach ( $json_feed_object->entries as $entry )
   {
           echo "<h2>{$entry->title}</h2>";
   	$published = date("g:i A F j, Y", strtotime($entry->published));
   	echo "<small>{$published}</small>";
   	echo "<p>{$entry->content}</p>";
   	echo "<hr />";
   }
   ?>
   

That’s it! Easy right? I would like to give credit to @mdlamar for providing help with this idea.

Download the plugin here or search “CSS3 Google Button” from your WordPress dashboard:

http://wordpress.org/extend/plugins/css3-google-button/

Here is a shortcode sample:

[GOOGLEBUTTON target="http://liljosh.com" color="orange"]Button Caption[/GOOGLEBUTTON]

Please, please, please give my plugin 5 stars. :] Enjoy!