blogspot counter
Waiting for June
Lifestyle and Daily Shenanigans with a dash of Nerd Appreciation thrown in.
If you follow me on Instagram, follow me on Twitter or have me added on Facebook then you’ve ever seen this or saw a picture about this project. I mention this in the description of the videos (they’re shown below), but this layout came about as I was drawing out a design for a future layout that I wanted to use. Somehow, while listening to Two Door Cinema Club’s “Changing of the Seasons”, it suddenly struck me that I wanted to get back into skinning layouts for Blogger Classic and Tumblr (mostly the former) and not only that, but I wanted to provide base codes and base templates for people to be able to toggle around and have fun with in the case that they wanted to have free reign over a layout they use rather than just using a premade.

And thus began my exploration.

Unlike my normal approach to just go with the flow and make it happen, I decided that it would be best to draw it out, mock it up, and then code it. I did this because while I love having random bursts of ideas and acting on them when it came to my own blog, I know how quickly it can become confusing for others looking in. Along the way, I recorded the last two steps, the mock up and the coding, and I documented the design through pictures.

It was a painstaking process although it only took me about six hours total over a span of two days to complete. The painstaking process came when I went through and began editing the video. It was fun, but tiring.

Click past the jump to view a couple images from the process, the videos recorded during the process, view a preview of the layout, and grab the codes!


Teasers: Pictures I posted on Instagram throughout the process.

Screencap #2: The finished look of Changing of the Seasons.
I M A G E S — To view the images in their correct size, click these links: one, two, three, four.
P R E V I E W — Live preview here.
C O D E S — To grab the code, you can geet from either Pastebin or Blogskins. I have no recommendations either way unless you’re a Blogskins member (then you should go over to the site and favourite it.)
N O T E S — The comparison between the starting point, the middle point (where the mock up was made), to the final point is mind blowing. I didn’t realise how much I would enjoy seeing the process that led to up the final point of this layout and I really enjoy being able to see it now rather than not being able to look back and notice how much of a process it really is for me.

Speed Design: Video footage of me creating the mockup of the template.
R E C O R D E D — With Camtasia Studio 8.
T I M E — 35 minutes, 21 seconds.
S P E E D — 3x/300%
M U S I C — I totally forgot to write the song titles I used, however all the songs used are by 정준일 and 정재형 respectively in alternating order. If you like to hear the songs used, I recommend searching for 정준일's Lo9ve3r4s album and 정재형's Le Petit Piano album.

Speed Code: Video footage of me coding the layout.
[ Note: this video was incomplete by the end of the recording. I came back the day after and finished it.]
R E C O R D E D — With Camtasia Studio 8.
T I M E — 40 minutes, 1 seconds.
S P E E D — 3x/300%
M U S I C — Nine songs. In order: 사랑을 멀랐 나봐 (feat. Dynamic Duo) by Piggy Dolls, 는물도 미안해서 by Hwangbo, Happily Ever After (Acoustic) by HE IS WE, The Truth Is A Cave by The Oh Hellos, Young and Hopeless by Will Hunter Band, Tripoli by Wickerbird, Lip by Dear cloud, So You by Vodka Rain, and Farewell by BYS.

And those are the two videos. The latter of the two is a bit more edited than the former, but because there was a lot more of what I deemed pointless staring involved in it than I, personally, liked and cared for. Plus, I wanted to test myself and see if I get the hang of editing down, even if it is only simple editing.

Although it was a tiring process, I would definitely do it again and I probably will. Maybe not when I post the coloured/edited version of this layout, but maybe for the next freebie layout or maybe for the blog’s next layout. Who knows? Just know that it’ll be sometime soon. Definitely.


I want to give a huge shoutout to the lovely Sinead who was kind of the driving force behind my motivation to really turn this small thing into slightly larger undertaking/project while we sent messages back and forth via LINE. I hope this post was informative and a step into seeing how I work and how things get done when it comes to how I code and design.

If you have any questions, comments, or anything, leave it below! Let’s have a lovely chat, yes? Until next time, darlings! ❤

Labels: , , , , , , , ,