METAPOST
I created my first blog āMy Shopping Cartā for the University of Canberraās unit āNetworked Media Productionā. It is a blog mostly about online shopping and what clothing I would buy. I share my favorite brands and tips on online shopping. I chose to name it āMy Shopping Cartā because most of my posts are what clothing items have been in my shopping cart that Iāve bought online. Online shopping is my addiction and I know Iām not the only one.
Ā I first began my blog with my āabout me pageā. I had no idea what to write but I slowly progressed as my blog got more developed. We used Adobe Dreamweaver to create our pages and it made it a lot easier since I was new to html. I also used the site ācode penā when I didnāt have my laptop with the dreamweaver program. I wanted my about me page to be relatively simple and very easy to read with minimum writing because no one wants to read a novel of my life story. I wrote a little bit about me, what my blog is about and a some of links such as posts Iāve liked, a list of my favorite online stores and a back to blog link. Examples:
Ā <h3>My Favorite Online Stores</h3>
Ā </p>
Ā <a href="http://www.saboskirt.com">Sabo Skirt</a>
Ā <br>
Ā <a href="http://www.forevernew.com.au">Forever New</a><br>
<a href="http://www.asos.com/au/?hrd=1">ASOS</a>
<br>
Ā <a href="http://www.tigermist.com.au/">Tiger Mist</a>
<br>
Ā <a href="http://www.wantedshoes.com.au/">Wanted Shoes</a>
<br>
Ā <br><br><br>
Ā Ā Back to
Ā <a href="http://brittany-ennis.tumblr.com
">My Shopping Cart</a>
<br><br><br>
</body>
</html>
Ā Ā I originally had an image that was a from one of my favorite online stores ālook bookā. I later added an instagram widget which showed a slide show of my instagram images and I decided it was best a replacement for the image to keep it simple. The slide show looks great and if you click on the link āMy Instagramā it takes you straight to my instagram profile on the web.
Ā Iām extremely girly and my blog is for young women so my background had to be pink and to do so and my other background features I simple used this code:Ā
Ā background-color:#F9F;
background-repeat:repeat-x;
background-position: center;
background-size: cover;
Ā I used simple heading and paragraph tags but added some breaks (<br>) to make it look cleaner and more edited. Eg:
Ā <h2>About my Blog</h2>
Ā <p>I chose to blog about my pashion for fashion and to show my audience what I like and what I suggest. Living in Goulburn decent clothing stores are limited, <br> so online shopping is an incredible advantage not just for me but for for everyone. I want to show you my favourite places to shop online, my style and what's in my shopping cart! <br> Remember you don't have to live in high places to look good! ;) </p>
Ā Week two we covered CSS and customisation. Lucky enough for me I looked in to customized tumblr themes and I found the perfect one for my blog it came with links and a simple option to upload a side bar image and back ground image. I also loved it because it came with infinite scroll. Examples:
Ā <meta name="color:Background" content="#DCDCDC"/>
<meta name="color:Sidebar" content="#fff"/>
<meta name="color:Font" content="#000"/>
<meta name="color:Hover" content="#000"/>
<meta name="color:Link" content="#000"/>
Ā Ā <!-- DEFAULT LINKS -->
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="link 1" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="link 2" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="link 3" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="link 4" />
<meta name="text:Custom Link Five" content="" />
<meta name="text:Custom Link Five Title" content="link 5" />
Ā <!-- DEFAULT BACKGROUNDS -->
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content="1"/>
Ā For my background image I chose a simple pretty feminine black background because I wanted a picture but I didnāt want it to over power my blog posts. I loved how the swirls were around the edges and not in the centre where my posts are.
Content/Audience For my posts I included many link in most of my posts they mostley contained websites to the items I was showing. I also used the tumblr features by liking and reblogging images from s.me online stores personal tumblr eg. Sabo Skirt.
For my images I mostly liked to keep them square because it looked a lot better having the two columns. I made a lot of my photos using iPhone apps such as āframetasticā to show multiple clothing items together. I also used the iPhone Tumblr app a lot to post on my blog.
I used social media in my blog linking twitter and instagram using the links that came with the theme. I also linked my sisters ice cream shop website, my about me page and the link to my blog if a viewer was ever looking at a single post.
I submitted my blog to google hoping it would gain me followers as well as tagging each of my posts accordingly such as #fashion #onlineshopping
I used creative commons to license my blog using this code:
center> <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Brittany's Shopping Cart</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://brittany-ennis.tumblr.com" property="cc:attributionName" rel="cc:attributionURL">Brittany Ennis</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>. </center>
I used google analytics to watch my audience grow and I added a hit counter in my side bar to track the views on my blog. After choosing a colour theme I was given this code to add to my blog:
<!-- begin hit counter code --><a href="http://hit-counter.info"><img style="border: 0px solid ; display: inline;" alt="tumblr hit counter"
Ā Ā Ā Ā Ā Ā Ā Ā Ā Ā Ā src="http://hit-counter.info/hit.php?id=704176&counter=25"></a><br /><a href="http://hit-counter.info">hit counter</a><!-- end hit counter code -->
I also added a āredditā widget for any of my followers that are interested.
My Favourite Posts:
Swimwear
The Perfect Summer Wardrobe
A Night Out










