Simon Ottosson

Week 1,
Shoot portrait for ''about me'' section(+ color correction) + finish up layout for home page + gather all content in a folder

Week 2,
Start writing the code for the site = have the basic layout of divs placed
plan content for each div (text+navbar)

Week 3,
Activate links + touch ups + photos
Add content to the portfolio section

Problem Log:
I have been trying to figure out how to make what I believe is called a parallax scroll function for the bottom of my page. For that I have to add a Java script function, which is a different language that I have yet to figure out how to make talk to CSS and HTML. By not knowing how to achieve this I was forced to play around further with placement and sizing of images and div's. This have given me a minor confidence boost in my quest of learning this foreign language.

Morgan Meadows

https://www.morganmmeadows.com


Week 1:
Gather, edit and upload photos. Finish formatting website.

Week 2:
Work on adding content to journalism blog.

Week 3:
Social media. Make facebook page.

Problem log:

3/28 Having difficulty finding/choosing my best images for the site.

3 Week Plan & "Problem Log"

Week 1:

• Wednesday: Actively be shooting photos. Continue to schedule shoots and reach out to local brands/ designers/ boutiques to collaborate with. 

Week 2:

• Monday: Finalize "About Me" section, create a professional email address, select an appropriate about me photo.  
• Wednesday: Organize all my photos, sort them into categories (main "style", BTS, and portraits), and select the strongest images for each gallery. Resize them, edit them to appear cohesive in style and upload them to site. 

Week 3:

• Monday: Start a "blog"or BTS gallery section for the site, telling the story and thought behind the style and vibe of the most recent shoot. 
• Wednesday: Make another blog (or BTS gallery) post, continue to edit photos and schedule shoots with the use of my professional email address. Incorporate Instagram into website and "polish" Instagram to be cohesive with information represented on website. 

Problem Log: 

• Finalizing the editing of some of my photos - I found that the current website template I was utilizing no longer worked design wise for my website and I am searching for the best one
• Issues with dropbox storage - I need to purchase an external hard drive for photo editing/ transfer of files
• Change to website organization based on photo categories 

The Three-Week Plan and "Problem Log"

THE THREE-WEEK PLAN

Starting today, I want you to make a post on this blog laying out a three-week plan for yourself – explaining what you plan to accomplish in class for this week and the following two weeks. The plan is for you to have at least a rough draft of your completed site up by the end of that three weeks. That will give us a couple weeks to do some social media marketing around your site (Daniel Kelly will be talking to our class on April 16th, explaining the online marketing he does for SNC), and to make final touches/edits on your site.

A plan for a portfolio site might look something like this:

Week 1:

Wednesday: Write "About Me" section, get a good "action photo" of myself using the camera. Send emails to clients I've had, to try and get :"testimonials" I can use on my site.

Week 2:

Monday: Organize all my photos, sort them into categories (Nature, Wedding, Personal Work), and select the strongest 12 images for each gallery. Resize them for the web and upload them.

Wednesday: Design a logo for the header of the site, and create the header in Photoshop.

Week 3:

Monday: Start a "blog" section for the site, documenting the last photo shoot I was on.

Wednesday: Make another blog post; incorporate a map into my site, so I can tag locations of my travel photography.


THE PROBLEM LOG (which is built out from the same "three week plan" blog post on this site)

You'll add to that initial three-week plan blog post, writing an ongoing "problem log," detailing the sorts of things you figure out along the way. For example, maybe you figured out how to get into the CSS of his wordpress site, and adjust stylings in the header. Or maybe you started to use a bootstrap template, but then abandoned it for another, because the first one seemed to be too easy to "break" when you customized it. 

You'll add to your "problem log" as you work on your site, taking ten minutes or so each class, developing a list of all the obstacles you overcame, and how you overcame them (with links to helpful references and tutorials sprinkled through them). Just pull up the original blog post you made for your three-week plan, click on the little pencil icon at the bottom of it, and that will allow you to edit the post – in edit view, you can add to your problem log each class. Date each entry. It will work as a sort of database for the class - and for yourselves, so you don't have to re-fix any problems you fixed once. Give the post the "tag" "log" se we can sort through all of them easily.

Meg's Problem Log

Meghan Herbst - Portfolio Site

To Do List:

• Update site with Moonshine Ink, Tahoe Housing Timeline 
• Moonshine Ink, Out of Reach
• Tahoe Quarterly, Real Estate Snapshot
• Eagle's Eye Houseless in Tahoe
• Incorporate data visualizations, Google Fusion tables
• Develop the blog portion, behind the scenes stuff

Problem Log:

Created new headers for "Published Work" and "About Me" pages, attempting to resize to fit width of website. Found I was able to tinker with position, but resized in Photoshop to several magnitudes lower, with no change on the website. 

Moved all stories from static "Published Work" page to blog-style "Published Work" page and deleted the former. 

Ian Problem Log

www.ivhmedia.com

next steps:
-Top 40 Photo and Video
-youtube - vimeo
-about me
-read your domain name before buying it (fuck)
-logo

Anna Bunnell Problem Log

http://travelingtahoe.weebly.com

To do:

Use Google My maps for main map on site
Write new stories (Donner Tunnels, Crystal Bay Border)

• Map of places visited with stars
• Add thumbnails to Blog Posts
• Improve front page
• Tinker with layout of Photos Page
• Add more people to the Crew page and their information.

Problems:
Was unable to set up thumbnails with blog posts so I made a separate page for articles. I built a man posting page that could lead to the articles in my new page.

Andrew Clifton

March 21, 2016

Difficulties Building the Website:

I have decided to use Wordpress as a template for building my website. When beginning the first steps of my Nav Bar I had trouble adding new sections. Also, I still have not solved the problem of figuring out how to center the Nav Bar. 

Problem log

Tweak with homepage images
Solve commerce issues for Chilean pesos
Build out some blog posts
Refresh events page for Chilean events


We had problems with google embedded application on our website. We wanted to put the address of our shop which is located in Chile, for this we look in pages and obtain a google "key" which was of no use for this. What we did was open google map, location, then we go to the left side of the screen to the "share" button and click on Embed map which gives us the code to put on the website.

3/29/16
We transfer our worked to a new platform as Bootstrap was complicating us. Some webpages we looked into were Weebly, Prestashop, Squarespace, Wix, Magento and finally Shopily which we are currently using. It works with our e-commerce page and we can edit it far beyond what other platforms are capable of.


3/31/16
Today our main problem was to edit our logo and brand name using photoshop. The main problem was that the template has predetermined setting of its margins so if we made it bigger it would after the entirety of the page.

We tried various word templates until we found one that can be used "snow" from DaFont. This became the font for "Piren Boardshop"

4/5/16
We modified our home page photos by using photoshop to crop and resize them. Tried add the location google map into our page. We decided it was better to have it on the bottom of our page and resized it several time until we were satisfy with the look. We also started looking into how to create a cart for our buyers to get the products and pay off in Chilean Peso. So far we have found apps inside shopify that might allow this but we are still on the process of figuring it out.

Later on the day we figured out which paying platform we would be using, for this we go to settings and then payment. Then we click on "2checkout" which is available in Chile and created an account and activated the demo version. Our only problem would actually pay money to activate our account so we can test it out.

4/7/16
Today we had no problems, we did add more contents to the blog and products such as snowboard boots.

4/12/16
Today our trial ended and it closed the possibility to keep editing without paying. We bought the basic plan for 30 USD and after this we "open" the shop for everyone and tested the "cart. Arno bought a pair of skis with a "coupon" which we created and gave him a 10% discount saving him money and simulated a purchased.

Problem Log

Here's my fake one.

JJ / MB Problem log

Urban-Feat

1. Need custom menu to support both desktop and mobile browsers
   • Using jQuery.browser.mobile script to determine which menu to display before it is sent to user
   • Using Bootstrap for animated drop down menu on mobile browsers
2. Need customers location to query database for nearby venue information
• HTML5 has geolocation API which can get approximate user location
• jQuery gets users location, posts to database, builds query and returns JSON array to Google Maps API to place markers
• Google Maps loads markers with data collected through ajax GET

Users need to be able to easily search for their business

• Google Places Autocomplete API provides us with a geographically bound business search that will try and guess what the user is looking. With a little jQuery, the users are provided a list that is narrowed as they type. Once a location is selected, a marker is added to the map with an info window showing name, address, phone and a button for the user to verify it is their location
• Choose appropriate hosting and email server within financial capabilities
• Used GoDaddy for hosting and domain registration
• Choosing a proper way to develop an app
• decided to use NUI (Native User Interface)
• Setting up Android app
• downloaded android developer eclipse ide and setup new project
• figuring out google maps api for android and location app
• implementing ActionBarSherlock 
• finalizing the app and connecting it to the web site
• making app respond to the web site invoke

• Push notifications
• how to apply for push notification license on different platforms (APNs, GCM, WNS, MPNs)
• how to implement them into Android app (possible with UrbanAirship).
• Figuring out realistic milestones for app launch
• Beta version: June
• Final version: August/ Sptember

Brett's Problem Log

“Bring Ya Lunch.com” Problem Log

Plugins used for Wordpress:

“Page Links To” by Mark Jaquith

http://txfx.net/wordpress-plugins:page-links-to/

**allows pages on blog to link to URLs

”Wordpress Facebook Like Plugin” by AJ Batac

http://allanjosephbatac.com/Wordpress-Facebook-Like-Plugin/

** allow the use of a facebook like button at the bottom of each post

2/12/13

- important tag & Facebook like button / plugin

#wp_fb_like_button{margin-bottom:-70px !important}

// changed the position of the Facebook like button

3/28/13

-arranged facebook like button to the left so it would position correctly on smartphones

#wp_fb_like_button{width: 100%; margin: 0 auto; margin-bottom;-70px !important; float:left;}

2/12/13

-Image borders

/*Image borders*/

border: (any number)px solid #ddd;

padding: (any number)px;

----padding makes the image highlight with a border

2/19/13

-Change Title font color & make it so it doesn’t change when hovered over

.entry-meta a, .entry-meta a:hover, .entry-title a:hover {

color: #222!important;

}

2/19/13

-Change Date position of blog posts

.entry-date {

position: absolute!important;

top: 0;

margin-left: 0;

}

3/5/13

- Make is so the are no tags displayed for under post

.cat-links, .sep, .tag-links {

display: none;

}

mjb / jj problem log

Urban-Feat

1. Need custom menu to support both desktop and mobile browsers
   • Using jQuery.browser.mobile script to determine which menu to display before it is sent to user
   • Using Bootstrap for animated drop down menu on mobile browsers
2. Need customers location to query database for nearby venue information
• HTML5 has geolocation API which can get approximate user location
• jQuery gets users location, posts to database, builds query and returns JSON array to Google Maps API to place markers
• Google Maps loads markers with data collected through ajax GET

Users need to be able to easily search for their business

• Google Places Autocomplete API provides us with a geographically bound business search that will try and guess what the user is looking. With a little jQuery, the users are provided a list that is narrowed as they type. Once a location is selected, a marker is added to the map with an info window showing name, address, phone and a button for the user to verify it is their location
• Setting up Android app
• downloaded android developer eclipse ide and setup new project
• figuring out google maps api for android and location api

NoteCrawler

1. Installed LAMP stack (Linux Apache MySQL PHP)
2. Installed email support on server
3. Installed Java servlet support
4. Installed software compiler to install other supports
5. Domain name not propagating
   • DNS at fault. Took them three weeks, but they got it fixed
6. Competition has some patents that might cause some issues.
   • Meeting with Mr. Gire after Spring break

Carrie's Website and Problem Log

1. My web site, Letsgetbagged.com is intended to sell my designed outerwear. Outerwear is a necessary component to skiing and snowboarding. Consumers are constantly spending money on outerwear, as it is in the fashion world. Visually and artistically, there is a need for fresh outerwear.   The features of the site will be viewing the product and the shopping cart... the ability to purchase.
The purpose of the website aims to outfit snowboarders and skiers and represent resorts from around the world through innovate outerwear.


2. The audience is male and females between the ages of about 15- 45. Their demographic is colder climates with snow. I plan on adding to the blog often, including life style shots and videos, and selling custom fit jackets to attract and retain their attention.

3. I chose wix and weebly. I chose wix because of the option of adding a shopping cart. I chose weebly because of the simpleness. I was able to build a effecient website in a an afternoon.

Problem Log
I have a slide show on the home page. It is a wix slide show template. The images are having trouble loading as of right now. They keep resizing themselves in an annoying way. I think I need to re size the images to fit the template: 650 x 485
I REsized the images... they are flowing better now! but one image is still a bit smaller... dont know why.

I don't particularly care for the background of my first blog, it is wood grains. I am looking into a new organic, simple background. The website i a using is. http://subtlepatterns.com

APRIL 2, 2013
I am having issues with my shopping cart on wix. I want the images to display larger, to fill the white space, but for some reason they are auto cropping. I don't like this.

I REsized the images on my home page slide show... they are flowing better now! but one image appears is still a bit smaller... dont know why because they are all the same size!

April 18
I am working on my shopping cart. i have a few options, big cartel or prestashop
also, there is a custom form i can upload form2go which will allow me to add a custom size form, for custom jackets!

Brett Varga

Problems Log  www.bringyalunch.com  

5/4/2012

My website is a personal portfolio for me in a nutshell. I want people, mainly around the ages of (17- 40) to visit my website. I want to display my art in simple easy to navigate pages. I also want to establish, Bringyalunch.com, as an artist hub. Any artist that wants to put up work and contact info can do it on my site with my permission. I also want to make it possible for people to purchase certain works or clothes from my website.

Problems:

1. I want to be able to drag over the headers and have them change to images when the mouse is over then. When the images are clicked I want them to animate. I have some experience doing this in flash, but I want to try it out in html.

(Got the images to change with the swap image behavior)

2. I want to create a pay pal account, so visitors to my site have the opportunity to purchase my art and any other artist’s art via credit card. (Haven’t implemented yet because still do not have any shirts to sell)

3. I want to have the main image on the homepage change every time you go back to the home page.

(Change the image for the homepage to a wider image, help get the container align more to the left of the website image à “Last Lunch”…no longer want the image to change

4. I have no idea how to create a slideshow that shows one image at a time. When you click on each images it should go to the next image or click left or right to navigate though each slideshow. ((((Got the images for "fine art" and "digital" to show slideshow, which is archived at Flickr.com))

àscript: galleria-1.2.7.min.js, galleria-flickr-call.js

link to guide for script: http://galleria.io/docs/getting_started/beginners_guide/

5. I'm having a hard time figuring out the layout for my email page, I'm not sure how I want the information showcased on the page......((I want to change the email page into "about me/ contact"... on the page it will show the artistic statement also will be a link to my email and bringyalunch@facebook)))

à (I change the “email” footer to show “about me/ contact”)

à (Placed a picture of me working & under the picture a description “What is Bring Yaw Lunch?”

6. Need to get the artists' desired art and description/bio to be showcased on "friends" page

à (Now I have artists with images and links to respective emails and/or websites.  I also have a description for each artist and a slideshow, video, and/or music of their respective work)

7.Need to finish bubble designs for " Friends" and "About Me/ Contact" to showcase indiv. Bios

(I change my mind about the bubble wording idea, It is shown as normal text format because it is easier to to change and update the website)

8. I need to figure out how to embed youtube videos

à Use script: galleria-1.2.7.min.js same as the flickr script make sure its in its own folder mine is titled “youtube” inside that folder have another called “themes” inside that have “classic” and have the scripts

 galleria.classic.css & galleria.classic.min.js. Should be available at http://galleria.io/

9. Figured out how to share bringyalunch.com on facebook and twitter

- http://sharethis.com/

Embed code – place under

</head>

<script type="text/javascript">var switchTo5x=true;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

à Place code at button right before </html>

<script> var options={ "publisher": "eb2066fd-f958-4eb1-be8b-4d45b67a25df", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter"]}}; var st_hover_widget = new sharethis.widgets.hoverbuttons(options); </script>

10. Figured out how to embed videos from Vimeo. If you watch a video click the “share” button and copy the embed code:

             <iframe src="http://player.vimeo.com/video/36592243" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Tucker's Problem Log

Tucker Norred

Chris Lanier

Web Design

Website Log

Tuckernorred.wordpress.com which will be updated to TuckerNorred.com.
The first step of our logs are when we are on the search for a template for our website.  The two platforms that I have narrowed my search down to are Blogger and Wordpress.  Both are set up to be blog style format, which will cater to the design I require.

Blogger was my first option that I considered because I have used blogger in the past and it is familiar to me.  First, I went to the Blogger website and looked through the templates that they had available before going off the site to third-party developers.  The options that I saw available to me seemed like the templates would stint my ability to tweak them in the future.  This is why I decided not to use a blogger template.  None of the ones that I looked at were designed to be a “video” focused blog.  The dimensions of each of the posting areas would not provide enough room to preview the video clearly without full screen enabled.  This was a major determining factor for me, but the ability to link it easily with my Google account and my social media hubs was a major plus. 

Word Press is what I decided to use for my website design template.  The functionality and ability to truly customize the templates was the main detirming factor in this decision.  Also, there are many more third-party developers that design all sorts of plug-ins to maximize the efficiency and effectiveness of the site.

            What I found out after diving deep into the project is that without hosting the site through an ftp client to my GoDaddy account the functionality of the site is very limited.  But, the ability to host my site on GoDaddy is what I plan to do over the summer.  Without hosting the site on my own I am forced to used the Dashboard on the Wordpress site where it limits most abilities to insert code into the site and addition of new plug-ins, etc.  The ease and functionality of the WordPress Dashboard is very user friendly with many “drag and drop” techniques making it very familiar to me.  Also, all of the third party developers create ways for you to integrate anything your heart desires.

The third option that I explored briefly was how to take the template that we created in Photoshop and be able to turn that into a fully functioning website.  We made two different templates and I thought that if one didn’t work due to sizing, or some other constraint, that the other might work.  There are many different tutorials to do so online so I looked at what the first step would be to take.  I found this was useful before sending my website to Dreamweaver, it helps to set up the Photoshop file. (http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop)

Once I was sure that my Photoshop mock up was ready for Dreamweaver I then looked on YouTube for video instructions on how to do so.  I am more of a visual learner and I thought that it would be easier because I could see where all the buttons that I am unaware of in Dreamweaver.  This was the first video that I watched: http://www.youtube.com/watch?v=y0_Dfyfd-7M

Then this one (which has a second part) :http://www.youtube.com/watch?v=W7XpOzJHRU4

Then this one: http://www.youtube.com/watch?v=k2YPgl6BNzA

The main difference between all of them was the version o the adobe creative suite they were using.  But, they all basically revolved around doing the same set of steps to building a website.  That is one thing that I have notices about most all of the creative suite programs, almost all projects can be completed in completely different ways with the same end result.  After watching the videos I was able to conclude that I would more than likely spend far too much time running into multiple different problems.  I wanted to focus more time working on the functionality of the site and not just building it.  I made the decision to not use a Dreamweaver template, or my own, for my website because of the sizing issues I would run into with every shape I created.

These are the main key components that I will require of my design to be able to preform:  Blog style format, host videos, host photos, contact me, link out to my social media sites.

There are lots of forums on the Wordpress website such as this one http://wordpress.org/tags/iframe

This one was very useful for me while I was looking for ways that I could possibly add an <iframe> to my Wordpress site. 

Also, the support on the site is very useful/user friendly. I used this while trying to upload my website via FTP clients to my GoDaddy account.  http://en.support.wordpress.com/ftp-access/ this was something that ended up being the biggest problem of my website.  Moral of the story: “We do not allow FTP (File Transfer Protocol) access to any WordPress.com blogs. Please see the information below on alternatives to using FTP.” 

There were many different routes that I could take to upload my website to my GoDaddy account through an ftp client.  Through one of the intructions and the forums I read on the GoDaddy site I was told to use the FTP client MAMP to upload my site and then use the new Dashboard within my GoDaddy account.  This would then give me the ability to add my plug-ins and code to the directory files for my website. 

This forum/instructions were useful in informing me to use MAMP http://codex.wordpress.org/Installing_WordPress_Locally_on_Your_Mac_With_MAMP

The last step of the process was to install Wordpress and connect it but I ran into problems on finding this information about my server:

database name: wordpress

database host/server: localhost

database user: root database password: root

            After much trial and error to find this information I decided to try another route by using the most popular FTP client, FileZilla.  FileZilla operates much in the same ways but was actually more complex than MAMP so I decided to continue using the WordPress Dashboard so as to finish my website on time.

A lot of the functionality of the site that I am creating is based off of what plug-ins is available for my site and integrating them.

This part of the Wordpress website is where I started my search on how to integrate plug-ins http://codex.wordpress.org/Managing_Plugins. 

I wanted the website to run as smoothly as possibly for people especially being able to keep high-resolution values of photos and videos.  The plug-in WP Super Cache is what I found would help me the most amount first. It is a very fast caching engine for Wordpress that produces static html files.  This plugin generates static html files from your dynamic WordPress blog. After an html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts.  The static html files will be served to the vast majority of your users, but because a user's details are displayed in the comment form after they leave a comment those requests are handled by the legacy-caching engine. Static files are served to:

1.     Users who are not logged in.

2.     Users who have not left a comment on your blog.

3.     Or users who have not viewed a password protected post.

99% of your visitors will be served static html files. Those users who don't see the static files will still benefit because they will see different cached files that aren't quite as efficient but still better than un-cached. This plugin will help your server cope with a front-page appearance on digg.com or other social networking site.  http://wordpress.org/extend/plugins/wp-super-cache/

One thing that I find very important of any blog (or any website for the matter) is the presence of social media and SEO.  I would like a Facebook, Instagram, Twitter, and Vimeo to be connected to the site.

First with the SEO I wanted to optimize my site to be able to reach out to the greatest amount of people.  Wordpress SEO by Yoast (http://yoast.com/wordpress/seo/) is the most popular one that users apply by far and it will be the one I choose.  WordPress SEO is the most complete WordPress SEO plugin that exists today for WordPress.org users. It incorporates everything from a snippet preview and page analysis functionality that helps you optimize your pages content, images titles, meta descriptions and more to XML sitemaps, and loads of optimization options in between.

There's a full feature list for the base plugin. Currently there's three of them in active development: News SEO, Video SEO and Local SEO, with News SEO being available for download. The latter two will be paid add-on modules, developed by Yoast with the help of subject matter experts. These are options that I look forward to in the future.

There are hundreds, if not thousands of different social media plug-ins that are available to add to your Wordpress. First, I knew that there was a twitter feed that I could attached from my dashboard widgets, no problem there.  Many of them are just a buttons, which contains all of the social media options in one contained toolbar. These are the ones that I looked at first as a one time fix all, a Plugin Directory that floats on the side with all of the buttons.  Your all in one share buttons plugin. Add a floating bar with share buttons to your blog. Just like Mashable!  With Digg Digg by Buffer, you have an all in one social sharing plugin for your blog. Display all social sharing buttons nicely on your blog and make it look amazing, just like Mashable. http://wordpress.org/extend/plugins/digg-digg/installation/ 

Facebook integration with my site is something that I thought would be very important.  Within the Wordpress Dashboard there is only one widget that will assist me in Facebook integration.  It is a very small, unseen button after each blog post with the ability to “like” it. All that would do is create a post on their facebook wall and shows a brief description of the post.  I would like a link directly to my Facebook page where it lands on a page that encourages the user to “Like” the page so they will be continually linked and updated about my Facebook and site.

            First I looked into Facebook AWD is an all in one Facebook capabilities for wordpress.
Add Socials plugins, OpenGraph, Comments and FB connect. Publish your content to all your FB pages and on your personnal wall on Facebook Easy to install and setup. Use Iframe or Xfbml or HTML5 Add Like button and comments to pages, posts and custom posts types, at top, bottom or both. Widgets and Shortcodes available for each Facebook socials plugins. Use post thumbnail for openGraph, Fix like button with url linter, use pattern to defined custom openGraph meta, etc... Works in Facebook Tabs and Facebook Canvas! Use both SDK's PHP v.3.1.1 AND JS v3

http://wordpress.org/extend/plugins/facebook-awd/

            Next I looked at The Social Media Widget is a simple sidebar widget that allows users to input their social media website profile URLs and other subscription options to show an icon on the sidebar to that social media site and more that open up in a separate browser window.

http://wordpress.org/extend/plugins/social-media-widget/

I wanted to be able to see the statistics of who tried to link from my site to my Facebook as well so I looked into Facebook Share Statistics. Shows informations about your posts shared on Facebook, with statistics and charts about the number of "like", comments and clicks received.

Instagram is something that I wanted to be able to integrate into my site.   The main goal of this is to be able to update my blog with photos from my mobile phone.  Instagram is a free photo sharing program launched in October 2010 that allows users to take a photo, apply a digital filter to it, and then share it on a variety of social networking services, including Instagram's own. (http://en.wikipedia.org/wiki/Instagram)  Like before with all of the other third party plug-ins that I wished to use, this one was not pre loaded into Wordpress. 

However, there are multiple Instagram Plug-ins that I found worked if I was able to host my site onto my GoDaddy account.

http://wordpress.org/extend/plugins/instagram-gallery-widget/

Instagram Gallery Widget (IGW) lets you display your beautiful Instagr.am pictures in a simple and elegant gallery onto your WordPress website. You can drag multiple widget instances and configure each one with different settings. You can also use custom PHP code to insert the widget in any part of your theme or if you prefer, you can embed the special shortcode.

http://wordpress.org/extend/plugins/instagram-for-wordpress/

Instagram for Wordpress

Simple sidebar widget that shows your latest instagr.am pictures and picture embedder. Requires PHP curl extension. To embed picture use [instagram] shortcode. Example: [instagram url='http://instagr.am/p/BSJRn/' size='large' addlink='no']

This means that I would either have to find a way to host my website through php just to use a silly plug-in or two.  I thought that there would be answers on the Internet for other people that had the same issues.

I google’d very excessively about ways people are able to embed their Instagram posts into a normal website that they have built from scratch.  There still isn’t that many options available to people that want the option of something written in code to appear on their site.  There are a few third-party developers that have built options where the user logs into their Instagram from their site, and they build an <iframe> that you embed in you website.  The <iframe> is the code that then produces a scrolling slideshow of the pictures from my Instagram account.

Embedagram  http://embedagram.com/custom.php

This is the first one that I tried to use, and it is extremely simple.  It just asks you to log into your account and then it automatically gives you your custom <iframe>.  This is an example of my <iframe>

<iframe src="http://embedagram.com/e/widget/31863571/?css=http://mysite.com/embedagram.css" scrolling="no" frameborder="0" style="border:none; width:404px; height:144px; overflow:hidden;" allowTransparency="true"></iframe>

Webstagram  http://web.stagram.com/  Same as Embedagram with more sizing options/

You can ....

View photos of the people you follow

Like and Comment on photos

Follow and Unfollow other users

See your followers and following

Browse popular photos / tags / users

Get your RSS feeds

AND MANY OTHER STUNNING FEATURES...!

SnapWidget http://snapwidget.com/#getstarted  Much like the other two and another option I attempted.  It even had a video with set up instructions

http://www.youtube.com/watch?v=bV_1MDpR0xQ&feature=youtu.be

The main problem that I ran into with this was that Wordpress was not allowing me to embed iframe’s in the pages on my website.  It would have been most favorable to be able to embed it into one of the pre set widgets in the sidebar but that is not an option.  The only place that I am allowed to place the iframe in my template is in a post, which would be moved anytime I create a newer post.  Any time I attempt to post the iframe in a page it just gives me the href and links it out to its own page where it resides.  At this point in time I didn’t think that the iframe wasn’t allowed because it allows me to post iframes of vimeo videos I have created.  So I attempted to use another named Webstagram and then SnapWidget with the same results.

 So I decided to find another work around for some of the other way of being able to have a rolling slideshow of pictures on my site from my Instagram.  There is a flickr widget that is part of the preset widgets in the Wordpress dashboard.  So I thought that there may be a way of having my Instagram linked to my flickr so once I post a photo on Instagram, it instantly populates on my flickr as well. I Googled “how to connect instagram to flickr”, as well as many others and had no luck finding a platform that was able to connect the two. 

What I just recently founf is there is a flickr app for my android device, which is probably the only work around before hosting my site on GoDaddy.  It will be a shame because it won’t link out to my Instagram, show my tags on photos, and I will have to upload every photo twice.  This is something I also came across, http://www.flickr.com/groups/instagram/discuss/72157627054680432/

And it has functionality, but still has multiple problems as described earlier.  I’m holding on to this for a later date. 

Another Work around for Instagram is the ability to host my pictures in a Picasa Widget.  Picasa Widget works as a widget, making very easy for you to embed in sidebars (if supports widgets) the latest albums from your Picasa account.  http://wordpress.org/extend/plugins/picasa-widget/